@charset "utf-8";
@-ms-viewport { width:device-width; }
@viewport { width:device-width; }

/* Open Sans Weights

300   		Light 300
300italic 	Light 300 Italic
400 		Normal 400
400italic 	Normal 400 Italic
600 		Semi-Bold 600
600italic 	Semi-Bold 600 Italic
700 		Bold 700
700italic 	italicBold 700 Italic
800 		Extra-Bold 800
800italic 	Extra-Bold 800 Italic 

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after,
.row:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix,
.row {
    *zoom: 1;
}


html {
	font-family: 'Open Sans', sans-serif;
	font-size:100%;
}
html,
body,
.page,
.swiper-container {
	width: 100%;
	height: 100%;
}


a {
	outline:none;
	text-decoration:none;
}





/*   B O S   G E N E R A L   N A V I G A T I O N   S T Y L E S */

#topNav,
#bottomNav {
	width: 100%;
	background-color: rgba(0,0,0,.5);
	position:fixed;
	height:60px;
	z-index:10000;
}

#topNav { 
	top: 0;
	left: 0;
}

#bottomNav {
	bottom: 0;
	left: 0;
}
	
#topNav ul {
	text-align:right;
}

#bottomNav ul {
	text-align:center;
}

#topNav ul,
#bottomNav  ul {
	width: 95%;
	padding: 0 2.5%;
	margin:0 auto;
	list-style:none;
}

#topNav ul li,
#bottomNav  ul li {
	display:inline-block;
	line-height:60px;
	font-size:1.3vw;
	margin:0 1vw;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}

#topNav ul li a,
#bottomNav  ul li a {
	color: #fff;
	font-weight: 300;
	font-style: italic;
}

#topNav ul li a:hover,
#topNav ul li a:active,
#bottomNav ul li a:hover,
#bottomNav ul li a:active {
	color:#f4da00;
}

#menuToggle {
	display: none;
}

#aLogo {
	background: url(../images/logo.svg) no-repeat left top;
	display:block;
	position:absolute;
	top:60px;
	text-indent:-10000px;
	max-width:254px;
	max-height:180px;
	width:13.3vw;
	height:21vh;
	margin-left:-6.65vw;
	left:50%;
	z-index:20;
}

body.home #aLogo {
	background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url("../images/slider/home-logo.png") !important;
    background-origin: padding-box !important;
    background-position: left top !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    height: 15vh;
    left: auto;
    right: 16vw;
    top: 80px;
    width: 11vw;
	min-height:200px;
	
}

#liContact {
	background: url(../images/icon-contact.svg) no-repeat left center;
	background-size:2vw;
	padding-left:2.2vw;
}

#browseToggle {
	background: url(../images/icon-browse.svg) no-repeat left center;
	padding-left:1.7vw;
	background-size:1.5vw;
}

#searchToggle {
	background: url(../images/icon-search.svg) no-repeat left center;
	padding-left:2vw;
	background-size:1.8vw;
}

/*   E O S   G E N E R A L   N A V I G A T I O N   S T Y L E S */




/*   B O S   H O M E P A G E   S L I D E R   S T Y L E S   */

.page {
	position: absolute;
	z-index:1;
}

.full-page {
	background-size: cover; 
}

.stay-left {
	background-position: left top;
}

.stay-right {
	background-position: right top;
}

.swiper-slide {
	background-color: #e8e2d6;
}




.swiper-pagination {
    left: 10px;
    position: absolute;
    top: 16px;
    width: 300px;
    z-index: 10001;
}
.swiper-pagination-switch {
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 100%;
    display: inline-block;
    height: 25px;
    margin-right: 1vh;
    width: 25px;
	cursor:pointer;
}
.swiper-active-switch {
	border: 2px solid #fff;
	background-color: #fff;
}

.slide-content {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	
}

.slide-content h1,
.slide-content h2,
.slide-content p {
	margin: 0;
}

.slide-bottom-position,
.slide-top-position,
.slide-left-position,
.slide-right-position {
	position:absolute;
	font-family: 'Great Vibes', cursive;
	color:#fff;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
	width:100%;
}

.slide-bottom-position {
	bottom: 70px;
}

.slide-top-position {
	top: 30vh;
}

.slide-left-position {
	bottom: 70px;
	left: 0;
	width: 41.6666666667%; 
}

.slide-right-position {
	bottom: 70px;
	right: 0;
	width: 41.6666666667%;
}


.slide-bottom-position h1,
.slide-top-position h1 {
	font-size: 5vw;
	text-align:center;
}

.slide-bottom-position h2,
.slide-top-position h2 {
	font-size: 3.5vw;
	text-align:center;
}

.slide-bottom-position p,
.slide-top-position p {
	width:66.6666666667%;
	margin: 0 auto;
	font-size: 2.5vw;
	text-align:left;
	line-height:1.5em;
}

.slide-left-position h1 {
	font-size: 3.5vw;
	text-align:left;
}

.slide-right-position h1 {
	font-size: 3.5vw;
	text-align:right;
}

.slide-left-position p {
	font-size: 2.5vw;
	text-align:left;
	line-height:1.5em;
}

.slide-right-position p {
	font-size: 2.5vw;
	text-align:right;
	line-height:1.5em;
}


.slide-content {
	background-color: #e8e2d6;
}





.jewels {
    height: 50vh;
	width:41.6666666667%;
	margin-left: 58.3333333333%;
	top: 20%;
}


.jewels p {
	font-family: 'Great Vibes', cursive;
	font-size:3em;
	color:#383234;
	text-shadow: 2px 2px 3px rgba(234, 226, 215, 0.5);
	width:100%;
	text-align:center;
	margin:0;
	position:absolute;
	bottom:-80px;
}


/*   E O S   H O M E P A G E   S L I D E R   S T Y L E S   */




/*   B O S   S E A R C H   F O R M   S T Y L E S   */

#formSearch { 
	position: fixed; 
	top: 0;
	height:0;
	overflow:hidden;
	background-color:rgba(255,255,255,.9);
	width: 100%;
	z-index:100;
	font-style: italic;
}

#formSearch.option2 .search {
	color: #999;
}

#formSearch.option3 .search {
	border: 1px solid #aaa;
	font-size: 4.5em;
	padding: .2em;
    margin-bottom: 20px;
	box-sizing:border-box;
}

.formBody { 
	min-width: 960px;
	max-width:1260px;
	margin: 0 auto;
	padding:75px 20px 0 20px;
}

#formSearch label {
	display:block;
}

#formSearch .search {
	border: none;
	background-color:transparent;
	font-size:5em;
	font-weight:600;
	font-style: italic;
	width:90%;
}

#formSearch.searchOpen  {
	text-align:left;
	height:auto;
}

#typeAhead {
	min-width: 960px;
	max-width:1260px;
	margin: 0 auto;
}

.ui-autocomplete {
	position:relative;
	width:100% !important;
	border:none;
	background-color:transparent;
}

#searchClose {
	display: none;
}

/*   E O S   S E A R C H   F O R M   S T Y L E S   */




/*   B O S   B R O W S E   N A V I G A T I O N   S T Y L E S   */

#browseNav {
	height: 100%;
	width: 100%;
	position:fixed;
	background-color:rgba(255,255,255,.8);
	list-style:none;
	margin:0;
	padding:0;
	z-index:10001;
	top:0;
	left:0;
	display:block;
	overflow:hidden;
	display:none;
}

#clickspace {
	height:100%;
	width:100%;
	position:absolute;
	top: 0;
	left:0;
}

#spanClose {
	left: 0;
	top: 20px;
    width: 100%;
	min-width:1000px;
    position: absolute;
	text-align:right;
	z-index:10;
	display:block;
}

#spanClose a {
	color:#fff;
	font-size:1.5em;
	margin-right:20px;
	font-weight:600;
}



#divBrowse {
	margin: 0 auto;
	width: 75%;
	min-width:1000px;
	padding:20px 0 20px 20px;
	background-color:#424242;
	border-radius:4px;
	position:relative;
	top: 5%;
}

#ulBrowse {
	list-style: none;
	padding:0;
	margin:0;
}

#ulBrowse li:first-child {
	float:none;
	clear:both;
	margin:0 0 20px 0;
	width:100%;
	height:auto;
	font-size:1.5em;
	font-style:italic;
	color:#fff;
	text-align:center;
	background-color:transparent;
}

#ulBrowse li {
	float: left;
	width:17.6%;
	height:136px;
	background-color: #fff;
	border-radius:4px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
}
#ulBrowse li a {
	display:block;
	height:100%;
	width:100%;
	text-align:center;
	position:relative;
	font-size:.8em;
	text-decoration:none;
	color:#161616;
	font-style:italic;
}

#ulBrowse li a span {
	position: absolute;
	bottom:5px;
	left: 0;
	width:100%;
}

.pricetable{
	width: 35%;
}

.pricetable tr td:first-child {
	width: 40%;	
}

.pricetable tr td:last-child {
	width: 60%;
}

.dollar {
	float: left;
}





/*   E O S   B R O W S E   N A V I G A T I O N   S T Y L E S   */





/*   B O S   L E V E L   2   S T Y L E S   */

html body div.level2 {
	font-family: 'Quattrocento Sans', sans-serif;
	font-weight: 400;
}

html body div.level2 strong,
html body div.level2 b {
	font-weight: 700;
}

html body div.level2 em,
html body div.level2 i {
	font-style: italic;
}

html body div.level2 strong em,
html body div.level2 strong i,
html body div.level2 b em,
html body div.level2 b i,
html body div.level2 em strong ,
html body div.level2 i strong ,
html body div.level2 em b ,
html body div.level2 i b {
	font-weight: 700;
	font-style: italic;
}

.level2Header {
	width: 100%;
	height:22vh;
	padding-top:60px;
	background-color:transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	margin-bottom: 2vh;
	max-height:255px;
}

.content {
	max-width:1180px;
	margin:0 auto;
	padding-bottom: 80px;
}

.content.level2 {
    max-width: 960px;
	
}

.content.level2.flat {
	box-sizing: border-box;
    max-width: 960px;
    padding: 1% 2% 80px 2%;
}

.content.level2.flat p,
.content.level2.flat li {
	line-height: 1.5em;
}

.content p,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content ul,
.content ol,
.content li,
.content table,
.content blockquote {
	margin-top:0;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	 color:#565656;
	 font-style:italic;
 }

.level2 #bottomNav {
	background-color: rgba(0,0,0,0.8);
}

.pagination {
	background-color:#4a4a4a;
	border-radius:4px;
	padding:4px 5% 4px 10%;
	width:85%;
	position:relative;
	min-height:2em;
}
.pageNav {
	list-style:none;
	margin:0;
	padding:0;
}
.pageNav li {
	display:inline-block;
	margin:0 0 2px 10px;
	padding:0;
	color:#f8bd0b;
}
.pageNav li a {
	color:#ccffff;
	font-weight:600;
}

.pagecount {
	position:absolute;
	width:10%;
	text-align:right;
	display:block;
	color:#fff;
	left:0;
}

.previous,
.next {
	width: 2%;
	height:28px;
	position:absolute;
	top:4px;
	overflow:hidden;
	background-repeat:no-repeat;
}

.previous {
	right:2.5%;
	background-image:url(../images/previous.gif);
}

.next {
	right:.5%;
	background-image:url(../images/next.gif);
}

.previous:link,
.previous:visited,
.next:link,
.next:visited {
	background-position:center top;
}

.previous:hover,
.previous:active,
.next:hover,
.next:active {
	background-position:center center;
}

.previous.inactive:link,
.previous.inactive:visited,
.previous.inactive:hover,
.previous.inactive:active,
.next.inactive:link,
.next.inactive:visited,
.next.inactive:hover,
.next.inactive:active {
	background-position:center bottom;
	cursor:default;
}
	



/*   E O S   L E V E L   2   S T Y L E S   */





/*   B O S   S E A R C H   R E S U L T S   S T Y L E S   */

.divGridWrapper {
	width:80%;
	padding-left:20%;
	margin-top:2vh;
	position:relative;
	margin-bottom: 2.5em;
}

.ulFilter {
	list-style:none;
	border-radius:4px;
	background-color:#4a4a4a;
	width:18%;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	overflow:hidden;
}

.ulFilter li {
	font-size:.8em;
	color:#fff;
	padding:2px 8px;
	font-weight:600;
	border-bottom:1px solid #777;
}

.ulFilter li:first-child {
	padding-top:8px;
}

.ulFilter li:last-child {
	padding-bottom:8px;
	border-bottom:none;
}

.ulFilter li a {
	display:block;
	width:100%;
	height:100%;
}

.ulFilter li a:link,
.ulFilter li a:visited {
	color:#fff;
}

.ulFilter li a:hover,
.ulFilter li a:active {
	color:#f4da00;
}

.divGrid {
	width:100%;
}

.divGridSquare {
	float:left;
	width:23%;
	height:265px;
	margin:0 0 2% 1.7%;
	border:1px solid #4a4a4a;
	overflow:hidden;
	background-color: #fff;
	position:relative;
}

.divGridSquare p {
	width:100%;
	margin:0;
	padding:6px 0;
	background-color: #dedede;
	text-align:center;
	font-size:15px;
	font-weight:400;
	font-style:italic;
	position: absolute;
	bottom:0;
}

.divGridSquare a {
	display:block;
	width:80%;
	text-align: center;
	height: auto;
	margin:0 auto;
	background-color: #fff;
}

.divGridSquare a img {
	width: 100% !important;
	height:auto !important;
}
	

/*   E O S   S E A R C H   R E S U L T S   S T Y L E S   */ 



/*   B O S   P R O D U C T   S T Y L E S   */

.productHeadline {
	 padding: 0 1.5%;
	 width:100%;
	 margin-bottom:0;
	 font-style:italic;
}
.productHeadline h2 {
	font-size:3em;
	margin-bottom:0;
}

.productRight.col,
.productLeft.col {
	padding-bottom: 8em;
	overflow:hidden;
}

figure {
	margin:0 0 1em 0;
	text-align:center;
}
.productLeft.col figure {
	text-align:left;
}

figcaption {
	font-size: .8em;
}

.productLeft h3,
.productLeft h4,
.productLeft p,
.productLeft figcaption {
	color:#565656;
}

.productLeft h3 {
	font-size:2.5em;
	margin-bottom:0;
	font-style:italic;
}

.productLeft h4 {
	font-size:1.75em;
	margin-bottom:0;
	font-style:italic;
}

.prodDescription {
	font-size:.85em;
	margin-bottom:0;
	font-style:italic;
}

.price {
	font-size:1.9em;
	text-align:center;
	font-style:italic;
	font-weight:600;
	margin:0 0 .4em;
}

.pQuote {
	text-align:center; 
}

.ulTagList {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.ulTagList li {
	display:inline-block;
	margin: 0 3px 3px 0;
	border-radius:4px;
	background-color:#565656;
	font-weight:600;
	font-size:.7em;
	padding: 4px 6px;
}

.ulTagList li a:link,
.ulTagList li a:visited {
	color:#fff;
}

.productRight p:first-child {
	text-align:center;
	font-size:.8em;
	color:#565656;
}

#productForm {
	border-radius:4px;
	background-color:#565656;
	padding:10px;
}
.formTop {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	padding-bottom: 10px;
}
#productForm p,
#productForm label,
#productForm fieldset legend {
	color:#fff;
}

#productForm p:first-child {
	text-align:left;
	font-weight:700;
	font-size:1.5em;
	margin-bottom:0;
}
#productForm p:nth-child(2) {
	font-size:.8em;
	font-style:italic;
}

#productForm label input,
#productForm label select,
#productForm label textarea {
	color:#565656;
}

#productForm fieldset {
	border: none;
}
#productForm label {
	display:block;
	margin-bottom:.5em;
}
#productForm fieldset legend {
	font-weight: 700;
}
#productForm label,
#productForm select,
#productForm textarea {
	font-size:.7em;
}
#productForm textarea {
	width:100%;
}

#productForm fieldset input {
	border:none;
}

#productForm fieldset input[type="text"] {
	width:55%;
}
.spanSpacer {
	display:inline-block;
	margin-right: 1%;
	width: 39%;
	text-align:right;
}

#productForm fieldset.narrow input[type="text"] {
	width:35%;
}

.formTop p {
	font-size:.7em;
	margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

#productForm input[type="submit"] {
	background-color: #f8bd0b;
	border-radius: 4px;
	border-left-color:#f8c119;
	border-top-color:#f8c119;
	border-right-color:#987407;
	border-bottom-color:#987407;
	padding: 4px 6px;
	font-size:1.2em;
	font-weight:700;
	font-style:italic;
	color:#444;
	float:right;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
	
/*   E O S   P R O D U C T   S T Y L E S   */




/*   B O S   C O L L E C T I O N   S T Y L E S   */

.collectionBox { 
	min-height:250px; 
	position: relative;
	margin: 1em auto;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:5%;
}

.collectionBox:nth-child(2n+1) {
	clear: left;
}

.collectionBox img {
	float: left;
}

.collectionBox p {

}

.collectionBox h2 {
	border-bottom: 1px solid #565656;
}

.collectionBox button {
	 background-color: #f8bd0b;
    border-color: #f8c119 #987407 #987407 #f8c119;
    border-radius: 4px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.75);
    color: #444;
    float: right;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 700;
    padding: 4px 6px;
}


/*   E O S   C O L L E C T I O N   S T Y L E S   */




/*   B O S   S H O W   S C H E D U L E   S T Y L E S   */

#showschedule {
	margin: 0 auto;
}

#showschedule thead tr th {
	vertical-align: middle; 
	text-align: left;
	font-size: 1.3em;
	padding: 1%;
	background-color: #231f36;
	color: #fff;
	width: 33.3333%;
	box-sizing: border-box;
}

#showschedule tbody tr td {
	padding: 1%;
	background-color: #fff;
	vertical-align: top;
	width: 33.3333%;
	box-sizing: border-box;
}

#showschedule tbody tr:nth-child(even) td {
	background-color: #e8ddf0;
}

#showschedule tbody tr td img {
	max-width: 100% !important;
	height: auto;
}



/*   E O S   S H O W   S C H E D U L E   S T Y L E S   */



/*   B O S   A D S   S T Y L E S   */

.ad {
	width: 50%;
	margin: 0 auto 40px auto;
	text-align: center;
}

.ad h3 {
	text-align: center;
	font-size: 1.3em;
}

.ad img {
	max-width: 100%;
	height: auto;
}


/*   E O S   A D S   S T Y L E S   */


/*   B O S   L O G I N   F O R M   S T Y L E S   */

#logDiv { 
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	display:none;
	z-index:100000;
}

#logclickspace {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index:100;
	background-color: rgba(0, 0, 0, .8);
}

#loginForm {
	background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    left: 50%;
    margin: 0 0 0 -15%;
    padding: 20px;
    position: absolute;
    top: 25%;
    width: 30%;
    z-index: 10000;
}

#loginForm label {
	display: block;
	margin-bottom: 5px;
	
}

#loginForm label span {
	display:inline-block;
	width:25%;
	margin-right: 5%;
	text-align: right;
	font-size:.8em;
}

#loginForm label input {
	width: 60%;
}

#loginForm input[type="submit"] {
	margin-left:30%;
	background-color: #666;
	border-radius: 4px;
	border-left-color:#ccc;
	border-top-color:#ccc;
	border-right-color:#333;
	border-bottom-color:#333;
	padding: 4px 6px;
	font-size:1.2em;
	font-weight:700;
	font-style:italic;
	color:#ccc;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

#loginForm h4 {
	margin: 0 0 1em 0;
	text-align:center;
}

#loginForm p {
	font-size: .8em;
	margin: 1em 0;
	text-align:center;
}

#logClose {
	position:absolute;
	top: 4px;
	right:10px;
}

 



/*   E O S   L O G I N   F O R M   S T Y L E S   */



.titleButton {
	border: 1px solid #666;
    border-radius: 4px;
    font-size: 0.5em;
    margin-left: 20px;
}


/* ************************************************************************************************************* */
/* ************************************************************************************************************* */

/* Reusable column setup */
.col {
	border: 0px solid rgba(0,0,0,0);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

/* ----------------------------------------------------------------------------- 
    
	Column Default Names and Sizes
	
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
----------------------------------------------------------------------------- */





/* ***************************************************************************** */
/* ****************   P O R T R A I T   O R I E N T A T I O N   **************** */
/* ***************************************************************************** */





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ****           P H O N E S   S I Z E S   0 P X   T O   7 5 9 P X          *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 0) and (max-width: 759px) and (max-height: 360px) {
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.productLeft,
	.productRight {
		margin-left:0;
		width:100%;
	}
	
	
	
	
	
	/*   B O S   G E N E R A L   N A V I G A T I O N   S T Y L E S */
	
	#topNav,
	#bottomNav {
		background-color: #111;
		position:relative;
		height:auto;
	}
	
	#topNav {
		padding-top: 50px;
	}
	
	#topNav ul,
	#bottomNav ul {
		text-align:left;
		height:0;
		overflow:hidden;
	}
	
	#topNav ul.navOpen,
	#bottomNav ul.navOpen {
		text-align:left;
		height:auto;
	}
	
	#topNav ul {
		padding-top: 10px;
	}
	
	#topNav ul li,
	#bottomNav  ul li {
		display:block;
		padding-bottom: 10px;
    	font-size: 1em;
    	line-height: 1.2em;
	}
	
	.level2 #bottomNav {
    	background-color: #111;
	}
	#menuToggle {
		display: block;
		color: #fff;
		position: absolute;
		top: 10px;
		right: 10px;
		background-color:#666;
		border-radius:2px;
		padding: 3px;
		height:34px;
		width:34px;
		font-size:1.5em;
		text-align:center;
		z-index:10001;
		cursor:pointer;
	}
	#aLogo,
	#aLogo.home,
	body.home #aLogo {
		height: 60px;
		left: 0;
		margin: 0;
		position: absolute;
		top: 0;
		width: 250px;
		z-index: 10000;
		background-image:url(../images/logo-small.gif) !important;
		display:block;
		min-height: 0;
		
	}
	#liContact,
	#browseToggle,
	#searchToggle {
		background: none;
		padding-left:0;
	}

	
	/*   E O S   G E N E R A L   N A V I G A T I O N   S T Y L E S */
	
	/*   B O S   H O M E P A G E   S L I D E R   S T Y L E S   */
	
	.swiper-container {
    	position: absolute;
    	top: 0;
	}
	
	
	.swiper-pagination {
    	top: 57px;
    	z-index: 1;
	}
	
	.swiper-slide {
		background-position: center 50px;
	}
	
	.swiper-pagination-switch {
    	border: 2px solid rgba(255, 255, 255, 0.5);
	}
	
	.swiper-active-switch {
    	background-color: #fff;
    	border: 2px solid #fff;
	}
	.slide-bottom-position {
    	bottom: 10px;
	}
	
	.slide-top-position {
    	top: 100px;
	}
	.slide-bottom-position h1, 
	.slide-top-position h1 {
    	font-size: 3em;
	}
	.slide-bottom-position p, 
	.slide-top-position p {
    	font-size: 1.2em;
	}
	.slide-bottom-position h2, 
	.slide-top-position h2 {
    	font-size: 1.8em;
	}
	
	
	.slide-left-position,
	.slide-right-position {
    	bottom: 10px;
	}
	.slide-right-position {
    	right: 20px;
	}
	
	.slide-left-position h1,
	.slide-right-position h1 {
    	font-size: 3em;
	}
	
	
	.slide-left-position p,
	.slide-right-position p {
    	font-size: 1.2em;
	}
	
	
	
	.jewels {
		margin: 0 0 0 0 !important;
		width: 100% !important;
	}
	
	.slide-content {
		margin: 50px 0 0 0 !important;
		background-size: contain !important;
		background-repeat: no-repeat;
		background-color: #000;
	}
	
	.swiper-pagination-switch {
    	height: 10px;
    	margin-right: 2vh;
    	width: 10px;
	}
	
	#slide-01 .slide-content  {
		background-image: url(../images/slide-01a-small.jpg);
		background-position: 0 30px;
	}
	#slide-02 .slide-content  {
		background-image: url(../images/slide-04a-small.jpg);
		background-position: 0 30px;
	}
	#slide-03 .slide-content  {
		background-image: url(../images/slide-03a-small.jpg);
		background-position: 0 30px;
	}
	#slide-04 .slide-content  {
		background-image: url(../images/slide-05a-small.jpg);
		background-position: 0 30px;
	}
	#slide-05 .slide-content  {
		background-image: url(../images/slide-02a-small.jpg);
		background-position: 0 30px;
	}
	
	#slide-01 .slide-content .jewels,
	#slide-02 .slide-content .jewels,
	#slide-03 .slide-content .jewels,
	#slide-04 .slide-content .jewels,
	#slide-05 .slide-content .jewels {
		background-image: none !important;
		height: 100% !important;
		max-height: 100% !important;
		max-width: 100% !important;
		
	}
	

	.jewels p {
    	bottom: 10px;
    	font-size: 2em;
    	position: absolute;
    	bottom: 20px;
    	color: #383234;
    	font-family: "Great Vibes",cursive;
    	margin: 0;
		position: absolute;
		right: 20px;
		text-align: center;
		width: auto;
		text-shadow: 2px 2px 3px rgba(234, 226, 215, 0.5);
		width: auto;
	}
	
	.swiper-slide {
		position:relative;
	}
	
	/*   B O S   S E A R C H   F O R M   S T Y L E S   */
	
	#formSearch.searchOpen {
    	height: 100%;
	}
	
	#formSearch {
		z-index:10001;
	}
	#formSearch .search {
    	border: 1px solid #666;
    	font-size: 1em;
		width: 85%;
	}
	#typeAhead {
    	margin: 0 auto;
    	max-width: 1260px;
    	min-width: 0;
		width:90%;
	}
	.formBody {
    	margin: 0 auto;
    	max-width: 90%;
   	 	min-width: 0;
		height:80%;
    	padding: 110px 20px 0;
	}
	#search-button {
		height:25px;
		width: 25px;
		margin-bottom:-3px;
	}
	
	#searchClose {
    	background-color: #666;
    	border-color: #999 #333 #333 #999;
    	border-style: solid;
    	border-width: 2px;
    	color: #fff;
    	cursor: pointer;
    	display: block;
    	font-weight: 600;
    	padding: 5px;
    	position: absolute;
    	right: 10px;
    	top: 70px;
	}
	
	/*   E O S   S E A R C H   F O R M   S T Y L E S   */
	
	
	
	
	
	/*   B O S   B R O W S E   N A V I G A T I O N   S T Y L E S   */
	
	#divBrowse {
    	background-color: #424242;
    	border-radius: 4px;
    	margin: 0;
    	min-width: 0;
    	padding: 20px 0 20px 5%;
    	position: relative;
    	width: 95%;
	}
	
	#ulBrowse li {
    	height: 90px;
   	 	margin-bottom: 20px;
    	margin-right: 20px;
    	position: relative;
    	width: 26%;
		background-position: center top;
		line-height: .8em;
	}
	
	#ulBrowse li:first-child {
		text-align: left;
	}
	
	#spanClose {
    	min-width: 0;
		top: 10px;
		height:36px;
		width:36px;
		padding:0;
		left:auto;
		right:10px;
		border-color: #999 #333 #333 #999;
    	border-style: solid;
    	border-width: 2px;
		text-align:center;
		line-height:36px;
	}
	
	#spanClose a {
		margin-right: 0;
		height:100%;
		width:100%;
	}
	
	/*   E O S   B R O W S E   N A V I G A T I O N   S T Y L E S   */
	
	
	
	
	/*   B O S   L E V E L   2   S T Y L E S   */
	
	.level2Header {
		display:none;
	}
	
	.content { 
    	max-width: 90%;
	}
	
	
	.content.level2 {
    	max-width:90%;
	}
	
	.collectionBox { 
		width: 100%;
		float: none;
	}
	
	
	
	/*   E O S   L E V E L   2   S T Y L E S   */
	
	
	
	/*   B O S   S H O W   S C H E D U L E   S T Y L E S   */
	#showschedule, 
	#showschedule thead, 
	#showschedule tbody, 
	#showschedule th, 
	#showschedule td, 
	#showschedule tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#showschedule thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#showschedule tbody tr { 
		border: 1px solid #231f36; 
	}
	
	#showschedule tbody tr td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
		width: 100%;
	}
	
	#showschedule tbody tr:nth-child(2n) td:before {
    	background-color: #e8ddf0;
	}
	
	#showschedule tbody tr td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
	}
	
	/* Label the data */
	#showschedule tbody tr td:nth-of-type(1):before { 
		content: "Show \A& Date"; 
	}

	#showschedule tbody tr td:nth-of-type(2):before { 
		content: "Location"; 
	}


	#showschedule tbody tr td:nth-of-type(3):before { 
		content: " "; 
	}
	
	/*   E O S   S H O W   S C H E D U L E   S T Y L E S   */



	.ad {
		width: 100%;
	}
	
	/*   B O S   S E A R C H   R E S U L T S   S T Y L E S   */
	
	.pagination.top {
		padding:4px 0;
		width:100%;
	}
	
	.top .pageNav {
		display:none;
	}

	.top .pagecount {
		width:50%;
		text-indent: 8px;
		text-align:left;
	}

	.top .previous,
	.top .next {
		width: 5%;
	}

	.previous {
		right:8%;
	}
	
	.next {
		right:3%;
	}
	
	.divGridWrapper {
		width:100%;
		padding-left:0;
	}

	.ulFilter {
		width:100%;
		display:none;
	}

	.divGridSquare {
		width:46%;
	}
	
	.divGridSquare a {
		height: 75px;
	}
	
	.divGridSquare:nth-child(2n+1) {
		clear: left;
	}
	
	/*   E O S   S E A R C H   R E S U L T S   S T Y L E S   */
	
	
	
	/*   B O S   P R O D U C T   S T Y L E S   */
	
	figure img {
		max-width:100%;
	}
	
	.formTop {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
    	-moz-column-count: 1; /* Firefox */
   		column-count: 1;
	}
	
	#loginForm {
    	left: 50%;
		margin: 0 0 0 -45%;
		width: 90%;
	}
	
	.titleButton {
    	margin-left: 0;
	}

	
	
}









@media screen and (min-width: 0) and (max-width: 759px) and (min-height: 361px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6 {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12,
	.productLeft,
	.productRight {
		margin-left:0;
		width:100%;
	}
	
	
	
	
	
	/*   B O S   G E N E R A L   N A V I G A T I O N   S T Y L E S */
	
	#topNav,
	#bottomNav {
		background-color: #111;
		position:relative;
		height:auto;
	}
	
	#topNav {
		padding-top: 50px;
	}
	
	#topNav ul,
	#bottomNav ul {
		text-align:left;
		height:0;
		overflow:hidden;
	}
	
	#topNav ul.navOpen,
	#bottomNav ul.navOpen {
		text-align:left;
		height:auto;
	}
	
	#topNav ul {
		padding-top: 10px;
	}
	
	#topNav ul li,
	#bottomNav  ul li {
		display:block;
		padding-bottom: 10px;
    	font-size: 1.5em;
    	line-height: 1.5em;
	}
	
	.level2 #bottomNav {
    	background-color: #111;
	}
	#menuToggle {
		display: block;
		color: #fff;
		position: absolute;
		top: 10px;
		right: 10px;
		background-color:#666;
		border-radius:2px;
		padding: 3px;
		height:34px;
		width:34px;
		font-size:1.5em;
		text-align:center;
		z-index:10001;
		cursor:pointer;
	}
	#aLogo,
	#aLogo.home,
	body.home #aLogo {
		height: 60px;
		left: 0;
		margin: 0;
		position: absolute;
		top: 0;
		width: 250px;
		z-index: 10000;
		background-image:url(../images/logo-small.gif) !important;
		display:block;
		min-height: 0;
		
	}
	#liContact,
	#browseToggle,
	#searchToggle {
		background: none;
		padding-left:0;
	}

	
	/*   E O S   G E N E R A L   N A V I G A T I O N   S T Y L E S */
	
	
	
	
	
	/*   B O S   H O M E P A G E   S L I D E R   S T Y L E S   */
	
	.swiper-container {
    	position: absolute;
    	top: 0;
	}
	
	.swiper-pagination {
    	top: 70px;
		z-index:1;
	}
	
	.swiper-slide {
		background-position: center 50px;
	}
	
	.swiper-pagination-switch {
    	border: 2px solid rgba(255, 255, 255, 0.5);
	}
	
	.swiper-active-switch {
    	background-color: #fff;
    	border: 2px solid #fff;
	}
	.slide-bottom-position {
    	bottom: 10px;
	}
	
	.slide-top-position {
    	top: 100px;
	}
	.slide-bottom-position h1, 
	.slide-top-position h1 {
    	font-size: 3em;
	}
	.slide-bottom-position p, 
	.slide-top-position p {
    	font-size: 1.2em;
	}
	.slide-bottom-position h2, 
	.slide-top-position h2 {
    	font-size: 1.8em;
	}
	
	
	.slide-left-position,
	.slide-right-position {
    	bottom: 10px;
	}
	.slide-right-position {
    	right: 20px;
	}
	
	.slide-left-position h1,
	.slide-right-position h1 {
    	font-size: 3em;
	}
	
	
	.slide-left-position p,
	.slide-right-position p {
    	font-size: 1.2em;
	}
	
	
	
	.jewels {
		margin: 0 0 0 0 !important;
		width: 100% !important;
	}
	
	.slide-content {
		margin: 50px 0 0 0 !important;
		background-size: cover !important;
	}
	
	#slide-01 .slide-content  {
		background-image: url(../images/slide-01-small.jpg);
	}
	#slide-02 .slide-content  {
		background-image: url(../images/slide-04-small.jpg);
	}
	#slide-03 .slide-content  {
		background-image: url(../images/slide-03-small.jpg);
	}
	#slide-04 .slide-content  {
		background-image: url(../images/slide-05-small.jpg);
	}
	#slide-05 .slide-content  {
		background-image: url(../images/slide-02-small.jpg);
	}
	
	#slide-01 .slide-content .jewels,
	#slide-02 .slide-content .jewels,
	#slide-03 .slide-content .jewels,
	#slide-04 .slide-content .jewels,
	#slide-05 .slide-content .jewels {
		background-image: none !important;
		height: 100% !important;
		max-height: 100% !important;
		max-width: 100% !important;
	}
	

	.jewels p {
		font-size: 2.5em;
		bottom: 20px;
		position:absolute;
	}
	
	.swiper-slide {
		position:relative;
	}
	
	
	
	/*   E O S   H O M E P A G E   S L I D E R   S T Y L E S   */
	
	
	
	
	
	/*   B O S   S E A R C H   F O R M   S T Y L E S   */
	
	#formSearch.searchOpen {
    	height: 100%;
	}
	
	#formSearch {
		z-index:10001;
	}
	#formSearch .search {
    	border: 1px solid #666;
    	font-size: 1em;
		width: 85%;
	}
	#typeAhead {
    	margin: 0 auto;
    	max-width: 1260px;
    	min-width: 0;
		width:90%;
	}
	.formBody {
    	margin: 0 auto;
    	max-width: 90%;
   	 	min-width: 0;
		height:80%;
    	padding: 110px 20px 0;
	}
	#search-button {
		height:25px;
		width: 25px;
		margin-bottom:-3px;
	}
	
	#searchClose {
    	background-color: #666;
    	border-color: #999 #333 #333 #999;
    	border-style: solid;
    	border-width: 2px;
    	color: #fff;
    	cursor: pointer;
    	display: block;
    	font-weight: 600;
    	padding: 5px;
    	position: absolute;
    	right: 10px;
    	top: 70px;
	}
	
	/*   E O S   S E A R C H   F O R M   S T Y L E S   */
	
	
	
	
	
	/*   B O S   B R O W S E   N A V I G A T I O N   S T Y L E S   */
	
	#divBrowse {
    	background-color: #424242;
    	border-radius: 4px;
    	margin: 0;
    	min-width: 0;
    	padding: 20px 0 20px 5%;
    	position: relative;
    	width: 95%;
	}
	
	#ulBrowse li {
    	height: 90px;
   	 	margin-bottom: 20px;
    	margin-right: 20px;
    	position: relative;
    	width: 26%;
		background-position: center top;
		line-height: .8em;
	}
	
	#ulBrowse li:first-child {
		text-align: left;
	}
	
	#spanClose {
    	min-width: 0;
		top: 10px;
		height:36px;
		width:36px;
		padding:0;
		left:auto;
		right:10px;
		border-color: #999 #333 #333 #999;
    	border-style: solid;
    	border-width: 2px;
		text-align:center;
		line-height:36px;
	}
	
	#spanClose a {
		margin-right: 0;
		height:100%;
		width:100%;
	}
	
	/*   E O S   B R O W S E   N A V I G A T I O N   S T Y L E S   */
	
	
	
	
	/*   B O S   L E V E L   2   S T Y L E S   */
	
	.level2Header {
		display:none;
	}
	
	.content { 
    	max-width: 90%;
	}
	
	
	.content.level2 {
    	max-width:90%;
	}
	
	.collectionBox { 
		width: 100%;
		float: none;
	}
	
	
	
	/*   E O S   L E V E L   2   S T Y L E S   */
	
	
	
	/*   B O S   S H O W   S C H E D U L E   S T Y L E S   */
	#showschedule, 
	#showschedule thead, 
	#showschedule tbody, 
	#showschedule th, 
	#showschedule td, 
	#showschedule tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#showschedule thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#showschedule tbody tr { 
		border: 1px solid #231f36; 
	}
	
	#showschedule tbody tr td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
		width: 100%;
	}
	
	#showschedule tbody tr:nth-child(2n) td:before {
    	background-color: #e8ddf0;
	}
	
	#showschedule tbody tr td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
	}
	
	/* Label the data */
	#showschedule tbody tr td:nth-of-type(1):before { 
		content: "Show \A& Date"; 
	}

	#showschedule tbody tr td:nth-of-type(2):before { 
		content: "Location"; 
	}


	#showschedule tbody tr td:nth-of-type(3):before { 
		content: " "; 
	}
	
	/*   E O S   S H O W   S C H E D U L E   S T Y L E S   */



	.ad {
		width: 100%;
	}
	
	/*   B O S   S E A R C H   R E S U L T S   S T Y L E S   */
	
	.pagination.top {
		padding:4px 0;
		width:100%;
	}
	
	.top .pageNav {
		display:none;
	}

	.top .pagecount {
		width:50%;
		text-indent: 8px;
		text-align:left;
	}

	.top .previous,
	.top .next {
		width: 5%;
	}

	.previous {
		right:8%;
	}
	
	.next {
		right:3%;
	}
	
	.divGridWrapper {
		width:100%;
		padding-left:0;
	}

	.ulFilter {
		width:100%;
		display:none;
	}

	.divGridSquare {
		width:46%;
	}
	
	.divGridSquare a {
		height: 75px;
	}
	
	.divGridSquare:nth-child(2n+1) {
		clear: left;
	}
	
	/*   E O S   S E A R C H   R E S U L T S   S T Y L E S   */
	
	
	
	/*   B O S   P R O D U C T   S T Y L E S   */
	
	figure img {
		max-width:100%;
	}
	
	.formTop {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
    	-moz-column-count: 1; /* Firefox */
   		column-count: 1;
	}
	
	#loginForm {
    	left: 50%;
		margin: 0 0 0 -45%;
		width: 90%;
	}
	
	.titleButton {
    	margin-left: 0;
	}

	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***                T A B L E T   P O R T R A I T   M O D E                *** */   
/* ***            W I D T H   -   7 6 0 P X   T O   9 9 9 P X                *** */
/* ***              M I N I M U N   H E I G H T   -   7 0 0 P X              *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 760px) and (max-width: 999px) and (min-height: 768px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6,
	.productLeft,
	.productRight {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	.swiper-slide {
    	background-color: #e8e2d6;
    	margin-top: 60px;
	}
	
	body.home #aLogo {
    	right: 13vw;
    	width: 15vw;
	}
	
	.jewels {
		position: relative;
		height:100%;
		max-height: 466px;
		top:0;
	}
	
	
	#slide-01 .slide-content {
		background: url(../images/slider/slide-01-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-02 .slide-content {
		background: url(../images/slider/slide-02-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-03 .slide-content {
		background: url(../images/slider/slide-03-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-04 .slide-content {
		background: url(../images/slider/slide-04-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-05 .slide-content {
		background: url(../images/slider/slide-05-bg.jpg) no-repeat top left;
		background-size: contain;
	}
	
	#slide-01 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/bridal.png") no-repeat scroll 0 20% / contain ;
		max-width: 910px; 
	}

	#slide-02 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/timeless-beauty.png") no-repeat scroll 0 20% / contain ;
		max-width: 758px;
	}

	#slide-03 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/stand-out.png") no-repeat scroll left top / contain ;
    	margin-left: 60%;
    	max-width: 758px;
    	position: relative;
    	top: 0;
    	width: 40%;
	}

	#slide-04 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/make-a-statement.png") no-repeat scroll 0 20% / contain ;
		margin-left: 55%;
    	max-width: 975px;
    	width: 45%;
	}

	#slide-05 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/color-my-world.png") no-repeat scroll left top / contain ;
		max-width: 1149px;
    	margin-left: 40%;
    	width: 60%;
	}
	
	.jewels p {
    	bottom: 22%;
		font-size: 2em;
	}
	
	.titleButton {
    	margin-left: 0;
	}

	
}

/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***             M E D I U M   D E S K T O P   M O N I T O R S             *** */
/* ***            W I D T H   -   1 0 0 0 P X   T O   1 2 0 0 P X            *** */
/* ***              M I N I M U N   H E I G H T   -   7 0 0 P X              *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1000px) and (max-width: 1200px) and (min-height: 768px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6,
	.productLeft,
	.productRight {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	.swiper-slide {
    	background-color: #e8e2d6;	
	}
	
	
	#slide-01 .slide-content {
		background: url(../images/slider/slide-01-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-02 .slide-content {
		background: url(../images/slider/slide-02-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-03 .slide-content {
		background: url(../images/slider/slide-03-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-04 .slide-content {
		background: url(../images/slider/slide-04-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-05 .slide-content {
		background: url(../images/slider/slide-05-bg.jpg) no-repeat top left;
		background-size: contain;
	}
	
	#slide-01 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/bridal.png") no-repeat scroll 0 20% / contain ;
		max-width: 910px;
		
	}

	#slide-02 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/timeless-beauty.png") no-repeat scroll 0 20% / contain ;
		max-width: 758px;
	}

	#slide-03 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/stand-out.png") no-repeat scroll left top / contain ;
    	margin-left: 60%;
    	max-width: 758px;
    	position: relative;
    	top: 0;
    	width: 40%;
	}

	#slide-04 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/make-a-statement.png") no-repeat scroll 0 20% / contain ;
		margin-left: 55%;
    	max-width: 975px;
    	width: 45%;
	}

	#slide-05 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/color-my-world.png") no-repeat scroll left top / contain ;
		max-width: 1149px;
    	margin-left: 40%;
    	width: 60%;
	}
	
	.jewels p {
    	bottom: 22%;
	}

	
}










/* ***************************************************************************** */
/* ***************   L A N D S C A P E   O R I E N T A T I O N   *************** */
/* ***************************************************************************** */





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              S M A L L   D E S K T O P   M O N I T O R S              *** */
/* ***               T A B L E T   L A N D S C A P E   M O D E               *** */ 
/* ***             W I D T H   -   7 6 0 P X   T O   9 9 9 P X             *** */
/* ***              M A X I M U M   H E I G H T   -   9 9 9 P X              *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 760px) and (max-width: 999px) and (max-height: 768px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6,
	.productLeft,
	.productRight {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	
	
	
	/*   B O S   M E N U  S T Y L E S   */
	
	#topNav ul li, #bottomNav ul li {
    	font-size: 2vw;
	}
	
	/*   E O S   M E N U  S T Y L E S   */
	
	
	
	
	
	/*   B O S   L E V E L   2   S T Y L E S   */
	
	.content { 
    	max-width: 740px;
	}
	
	/*   E O S   L E V E L   2   S T Y L E S   */
	
	
	
	
	
	/*   B O S   S E A R C H   R E S U L T S   S T Y L E S   */
	
	.divGridWrapper {
		width:75%;
		padding-left:25%;
	}

	.ulFilter {
		width:23%;
	}

	.divGridSquare {
		width:22%;
	}
	
	.divGridSquare:nth-child(4n+1) {
		clear: left;
	}
	
	#loginForm {
    	left: 50%;
		margin: 0 0 0 -25%;
		width: 50%;
		top:20%;
	}
	
	/*   E O S   S E A R C H   R E S U L T S   S T Y L E S   */
	
	
	body.home #aLogo {
    	right: 13vw;
    	width: 15vw;
	}
	
	.jewels {
		position: relative;
		height:100%;
		top:0;
	}
	
	.jewels p {
		bottom: 80px;
	}
	
	#slide-01 .slide-content {
		background: url(../images/slider/slide-01-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-02 .slide-content {
		background: url(../images/slider/slide-02-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-03 .slide-content {
		background: url(../images/slider/slide-03-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-04 .slide-content {
		background: url(../images/slider/slide-04-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-05 .slide-content {
		background: url(../images/slider/slide-05-bg.jpg) no-repeat top left;
		background-size: cover;
	}
	
	#slide-01 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/bridal.png") no-repeat scroll 0 40% / contain ;
		max-width: 910px;
		
	}

	#slide-02 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/timeless-beauty.png") no-repeat scroll 0 40% / contain ;
		max-width: 758px;
	}

	#slide-03 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/stand-out.png") no-repeat scroll left top / contain ;
    	margin-left: 60%;
    	max-width: 758px;
    	position: relative;
    	top: 0;
    	width: 40%;
	}

	#slide-04 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/make-a-statement.png") no-repeat scroll 0 20% / contain ;
		margin-left: 55%;
    	max-width: 975px;
    	width: 45%;
	}

	#slide-05 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/color-my-world.png") no-repeat scroll left top / contain ;
		max-width: 1149px;
    	margin-left: 40%;
    	width: 60%;
	}

	.jewels p {
		font-size: 2.5em;
	}
	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***             M E D I U M   D E S K T O P   M O N I T O R S             *** */
/* ***            W I D T H   -   1 0 0 0 P X   T O   1 2 0 0 P X            *** */
/* ***              M A X I M U M   H E I G H T   -   9 9 9 P X              *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1000px) and (max-width: 1200px) and (max-height: 766px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6,
	.productLeft,
	.productRight {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	
	/*   B O S   M E N U  S T Y L E S   */
	
	#topNav ul li, #bottomNav ul li {
    	font-size: 2vw;
	}
	
	/*   E  O S   M E N U  S T Y L E S   */
	
	
	
	
	
	/*   B O S   L E V E L   2   S T Y L E S   */
	
	.content { 
    	max-width: 960px;
	}
	
	/*   E O S   L E V E L   2   S T Y L E S   */
	
	/*   B O S   S E A R C H   R E S U L T S   S T Y L E S   */
	
	.divGridWrapper {
		width:80%;
		padding-left:20%;
	}

	.ulFilter {
		width:18%;
	}

	.divGridSquare {
		width:23%;
	}
	
	.divGridSquare:nth-child(4n+1) {
		clear: left;
	}
	
	/*   E O S   S E A R C H   R E S U L T S   S T Y L E S   */
	
	
	body.home #aLogo {
		width: 15vw;
		right: 15vw;
	}
	
	
	.slide-content {
		position: relative;
	}
	
	body.home #aLogo {
    	right: 13vw;
    	width: 15vw;
	}
	
	.jewels {
		position: relative;
		height:100%;
		top:0;
	}
	
	.jewels p {
		bottom: 80px;
	}
	
	#slide-01 .slide-content {
		background: url(../images/slider/slide-01-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-02 .slide-content {
		background: url(../images/slider/slide-02-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-03 .slide-content {
		background: url(../images/slider/slide-03-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-04 .slide-content {
		background: url(../images/slider/slide-04-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-05 .slide-content {
		background: url(../images/slider/slide-05-bg.jpg) no-repeat top left;
		background-size: cover;
	}
	
	#slide-01 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/bridal.png") no-repeat scroll 0 40% / contain ;
		max-width: 910px;
		
	}

	#slide-02 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/timeless-beauty.png") no-repeat scroll 0 40% / contain ;
		max-width: 758px;
	}

	#slide-03 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/stand-out.png") no-repeat scroll left top / contain ;
    	margin-left: 60%;
    	max-width: 758px;
    	position: relative;
    	top: 0;
    	width: 40%;
	}

	#slide-04 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/make-a-statement.png") no-repeat scroll 0 20% / contain ;
		margin-left: 55%;
    	max-width: 975px;
    	width: 45%;
	}

	#slide-05 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/color-my-world.png") no-repeat scroll left top / contain ;
		max-width: 1149px;
    	margin-left: 40%;
    	width: 60%;
	}
	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              L A R G E   D E S K T O P   M O N I T O R S              *** */
/* ***            W I D T H   -   1 2 0 1 P X   T O   1 9 2 0 P X            *** */
/* ***             M A X I M U M   H E I G H T   -   2 0 4 7 P X             *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1201px) and (max-width: 1366px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6,
	.productLeft,
	.productRight {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	.slide-content {
		position: relative;
	}
	
	.jewels {
		position: relative;
		height:100%;
		top:0;
	}
	
	.jewels p {
		bottom: 80px;
	}
	
	#slide-01 .slide-content {
		background: url(../images/slider/slide-01-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-02 .slide-content {
		background: url(../images/slider/slide-02-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-03 .slide-content {
		background: url(../images/slider/slide-03-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-04 .slide-content {
		background: url(../images/slider/slide-04-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-05 .slide-content {
		background: url(../images/slider/slide-05-bg.jpg) no-repeat top left;
		background-size: cover;
	}
	
	#slide-01 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/bridal.png") no-repeat scroll 0 20% / contain ;
		max-width: 910px;
		
	}

	#slide-02 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/timeless-beauty.png") no-repeat scroll 0 20% / contain ;
		max-width: 758px;
	}

	#slide-03 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/stand-out.png") no-repeat scroll left top / contain ;
    	margin-left: 60%;
    	max-width: 758px;
    	position: relative;
    	top: 0;
    	width: 40%;
	}

	#slide-04 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/make-a-statement.png") no-repeat scroll 0 20% / contain ;
		margin-left: 55%;
    	max-width: 975px;
    	width: 45%;
	}

	#slide-05 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/color-my-world.png") no-repeat scroll left top / contain ;
		max-width: 1149px;
    	margin-left: 40%;
    	width: 60%;
	}

}


























/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***              L A R G E   D E S K T O P   M O N I T O R S              *** */
/* ***            W I D T H   -   1 2 0 1 P X   T O   1 9 2 0 P X            *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1367px) and (max-width: 1920px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6,
	.productLeft,
	.productRight {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	.slide-content {
		position: relative;
	}
	
	.jewels {
		position: relative;
		height:100%;
		top:0;
	}
	
	.jewels p {
		bottom: 80px;
	}
	
	#slide-01 .slide-content {
		background: url(../images/slider/slide-01-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-02 .slide-content {
		background: url(../images/slider/slide-02-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-03 .slide-content {
		background: url(../images/slider/slide-03-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-04 .slide-content {
		background: url(../images/slider/slide-04-bg.jpg) no-repeat top left;
		background-size: cover;
	}

	#slide-05 .slide-content {
		background: url(../images/slider/slide-05-bg.jpg) no-repeat top left;
		background-size: cover;
	}
	
	#slide-01 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/bridal.png") no-repeat scroll 0 20% / contain ;
		max-width: 910px;
		
	}

	#slide-02 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/timeless-beauty.png") no-repeat scroll 0 20% / contain ;
		max-width: 758px;
	}

	#slide-03 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/stand-out.png") no-repeat scroll left top / contain ;
    	margin-left: 60%;
    	max-width: 758px;
    	position: relative;
    	top: 0;
    	width: 40%;
	}

	#slide-04 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/make-a-statement.png") no-repeat scroll 0 20% / contain ;
		margin-left: 55%;
    	max-width: 975px;
    	width: 45%;
	}

	#slide-05 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/color-my-world.png") no-repeat scroll left top / contain ;
		max-width: 1149px;
    	margin-left: 40%;
    	width: 60%;
	}
	
}





/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***                E X T R A - L A R G E   M O N I T O R S                *** */
/* ***          W I D T H   -   1 9 2 0 P X   T O   I N F I N I T Y          *** */
/* ***************************************************************************** */
/* ***************************************************************************** */
/* ***************************************************************************** */

@media screen and (min-width: 1921px) {
        
	.col {
		margin-left:0%;
		padding:0 1.5%;
		margin-bottom: 4em;
	}
        
	.row .col:first-child {
		margin-left:0;
	}    
        
	.span_1 {
		width:8.33333333333%;
	}
	.span_2 {
		width:16.6666666667%;
	}
	.span_3 {
		width:25.0%;
	}
	.span_4 {
		width:33.3333333333%;
	}
	.span_5 {
		width:41.6666666667%;
	}
	.span_6,
	.productLeft,
	.productRight {
		width:50.0%;
	}
	.span_7 {
		width:58.3333333333%;
	}
	.span_8 {
		width:66.6666666667%;
	}
	.span_9 {
		width:75.0%;
	}
	.span_10 {
		width:83.3333333333%;
	}
	.span_11 {
		width:91.6666666667%;
	}
	.span_12 {
		margin-left:0;
		width:100%;
	}
	
	.slide-content {
		position: relative;
	}
	.jewels {
		position: relative;
	}
	
	#slide-01 .slide-content {
		background: url(../images/slider/slide-01-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-02 .slide-content {
		background: url(../images/slider/slide-02-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-03 .slide-content {
		background: url(../images/slider/slide-03-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-04 .slide-content {
		background: url(../images/slider/slide-04-bg.jpg) no-repeat top left;
		background-size: contain;
	}

	#slide-05 .slide-content {
		background: url(../images/slider/slide-05-bg.jpg) no-repeat top left;
		background-size: contain;
	}
	
	#slide-01 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/bridal.png") no-repeat scroll left top / contain ;
		max-width: 910px;
		max-height: 515px;
		width:40%;
		margin-left:60%;
	}

	#slide-02 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/timeless-beauty.png") no-repeat scroll left top / contain ;
		top: 20%;
		height:50vh;
		max-width: 758px;
		max-height: 680px;
	}

	#slide-03 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/stand-out.png") no-repeat scroll left top / contain ;
		 height: 70vh;
    	margin-left: 60%;
    	max-height: 680px;
    	max-width: 758px;
    	position: relative;
    	top: 0;
    	width: 40%;
	}

	#slide-04 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/make-a-statement.png") no-repeat scroll left top / contain ;
		margin-left: 55%;
   		max-height: 546px;
    	max-width: 975px;
    	top: 5%;
    	width: 45%;
	}

	#slide-05 .slide-content .jewels {
		background: rgba(0, 0, 0, 0) url("../images/slider/color-my-world.png") no-repeat scroll left top / contain ;
		max-width: 1149px;
		max-height: 743px;
		height: 80vh;
    	margin-left: 50%;
    	top: 0;
    	width: 50%;
	}
	
	
}