/*------------------------------------*\
    FONTS
\*------------------------------------*/


@font-face {
    font-family: 'Apercu Light';
    src: url('apercu_light.eot'); /* IE9 Compat Modes */
    src: url('apercu_light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('apercu_light.woff2') format('woff2'), /* Super Modern Browsers */
    url('apercu_light.woff') format('woff'), /* Pretty Modern Browsers */
    url('apercu_light.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('apercu_light.svg#svgApercu_light') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Apercu Medium';
    src: url('apercu_medium.eot'); /* IE9 Compat Modes */
    src: url('apercu_medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('apercu_medium.woff2') format('woff2'), /* Super Modern Browsers */
    url('apercu_medium.woff') format('woff'), /* Pretty Modern Browsers */
    url('apercu_medium.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('apercu_medium.svg#svgApercu_medium') format('svg'); /* Legacy iOS */
}

/*  font-family: 'Apercu Light', Helvetica, sans-serif; */
/* font-family: 'EB Garamond', serif; */

@font-face {font-family: 'NantesWebRegular';
    src: url('https://cdn.shopify.com/s/files/1/1416/4790/files/NantesWeb-Regular.woff2?v=1662126575') format('woff2'),
      url('https://cdn.shopify.com/s/files/1/1416/4790/files/NantesWeb-Regular.woff?v=1662126531') format('woff');
    font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'NantesWebRegularItalic';
    src: url('https://cdn.shopify.com/s/files/1/1416/4790/files/NantesWeb-RegularItalic.woff2?v=1662126660') format('woff2'),
      url('https://cdn.shopify.com/s/files/1/1416/4790/files/NantesWeb-RegularItalic.woff?v=1662126649') format('woff');
    font-weight: normal;font-style: normal;font-display: swap;}

/*@font-face {font-family: 'Theinhardt';
    src: url('Theinhardt.woff2') format('woff2'),url('Theinhardt.woff') format('woff');
    font-weight: normal;font-style: normal;font-display: swap;}*/

@font-face {
  font-family: 'Theinhardt';
  src: url('https://cdn.shopify.com/s/files/1/1416/4790/files/Theinhardt-Regular.woff2?v=1662126405') format('woff2'),
       url('https://cdn.shopify.com/s/files/1/1416/4790/files/Theinhardt-Regular.woff?v=1662126391') format('woff');
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, span, a {
    font-weight: normal;
}

.shopify-preview-bar__section{
    display: none;
}

a,a:link,a:hover{text-decoration:none;}

/*------------------------------------*\
    THEME FADE IN
\*------------------------------------*/

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


img, div{

    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}
.template-product img, .template-product div,
.template-index img, .template-index div{

    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation:none;
    -o-animation: none;
    animation: none;
}

#women img, #women div{
    -webkit-animation: none;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: none;
    /* Firefox < 16 */
    -ms-animation: none;
    /* Internet Explorer */
    -o-animation: none;
    /* Opera < 12.1 */
    animation: none;
}


/*  (Lt. Blue #eeeeee ), (Dark Blue/ Text #454545 ) and (Med. Blue/Buttons #CCCCCC ). */
/*------------------------------------*\
    THEME GENERAL
\*------------------------------------*/

a{
    color: #454545;
    -webkit-transition: color ease 1s;
    -moz-transition: color ease 1s;
    -o-transition: color ease 1s;
    transition: color ease 1s;
    position: relative;
}
a:hover{
    color: #CCCCCC;
}
button:focus {outline:0 !important;}
button:focus {background-color: #CCCCCC;}
button:hover{background-color: #CCCCCC;}
body{min-height: 1200px;margin: 0 auto;padding: 0;font-family: 'Theinhardt', Helvetica, sans-serif;letter-spacing: 1px;}
footer{
    bottom: 0
}

input {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    border-radius: 0;
    -webkit-border-radius:0px;
}

#jill-mark{}
#jill-mark svg{
    z-index: 10;
    position: fixed;
    bottom: 30px;
    left: 30px;
}
#jill-mark svg:hover .st0 {
    fill: #3E667A;
}

body .close {
    width: 5px;
    height: 11px;
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    border: none;
    background: none;
}
body .close:before{
    content: '';
    height: 100%;
    width: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #9E9E9E;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
body .close:after{
    content: '';
    height: 100%;
    width: 2px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #9E9E9E;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

body .close{
}

main{
    min-height: 907px;
    margin-top: 0px;
}

.bag-wrapper{
    position: absolute;
    right: 30px;
    top: 30px;
    width: 82px;
    z-index: 15;
    background-color: #eeeeee;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    height: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: black;
}
.bag-wrapper.empty{
    background-color: transparent;
    right: 0px;
    width: 14px;
}



div.bag-wrapper {  }
header #search {right: 64px;top: 2px;}
header #search span {/* right: 28px; */}
header  #search span svg {width: 14px;height: 14px;}

header  #search span svg g.cls-2 {fill: grey;}

header #bag {
    width: 100%;
    text-align: center;
    /* padding-right: 30px; */
    /* font-size: 17px; */
    right: 0px;
    position: absolute;
    top: 0;
    padding-top: 8px;
}

header  #search:hover span svg g.cls-2 {fill: black;}


/*------------------------------------*\
    MAIN NAVIGATION
\*------------------------------------*/

body #left-nav a{
    color: #454545;
}

body #left-nav{
    background-color: #eeeeee;
    width: 230px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 105;
    -webkit-transition: background-color ease 1s;
    -moz-transition: background-color ease 1s;
    -o-transition: background-color ease 1s;
    transition: background-color ease 1s;
}
body.template-collection  #left-nav{
    position: fixed;
}




/*body#sculpture{
position: absolute;
}*/
body #left-nav ul#login{padding-top: 0px;margin-top: 0px;}

/* For homepage only, nav is is transparent*/

body.template-index #left-nav,
body.template-page#about-us #left-nav,
body.template-article #left-nav,
body.template-blog #left-nav,
body.template-page#contact #left-nav,
body.template-page#caring-for-your-jewelry #left-nav,
body.template-page#size-guide #left-nav,
body.template-search #left-nav,
body.template-page#stockists #left-nav,
body#sculpture #left-nav
{
    background-color: transparent;
}

body.template-index #left-nav.active:hover,
body.template-search #left-nav.active:hover,
body.template-page#size-guide #left-nav.active:hover,
body.template-page#caring-for-your-jewelry #left-nav.active:hover,
body.template-page#about-us #left-nav.active:hover,
body.template-page#contact #left-nav.active:hover,
body.template-blog #left-nav.active:hover,
body.template-article #left-nav.active:hover{
    background-color: #eeeeee;
    position: fixed;
}


body #left-nav > ul{
    padding: 0px;
    width: 100%;
    display: block;
    padding-left: 30px;
    padding-top: 58px;
    line-height: 20px;
    margin-bottom: 0px;
}
body #left-nav ul li{
    list-style: none;
    text-align: left;
    color: black;
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: block;
    color: black;
    line-height: 1.7;
}
body #left-nav ul li a{
    letter-spacing: 1px;
    -webkit-transition: letter-spacing ease 0.5s;
    -moz-transition: letter-spacing ease 0.5s;
    -o-transition: letter-spacing ease 0.5s;
    transition: letter-spacing ease 0.5s;
}

body #left-nav.active ul li a{
    color: #454545;
}

body #left-nav.active .sub-list-showing a{
    color: black;
}

.template-collection #left-nav ul li a{
    color: #454545;
}
.template-collection #left-nav ul  li.active a{
    color: black;
}

.template-collection #left-nav.active .sub-list-showing a{
    color: black;
}


body #left-nav > ul > li > a:hover{
    letter-spacing: 9px;
}
body #left-nav ul > li > ul{
    display: none;
    position: relative;
    padding: 0px;
    padding-bottom: 15px;
}
body #left-nav ul > li > ul > li{
    display: block;
    position: relative;
}

body #left-nav ul > li > ul > li a{
    /* text-transform: none; */
}

body #left-nav #nav-logo svg{
    width: 114px;
    margin-top: 30px;
    margin-left: 30px;
}

body #left-nav > ul > li.active > ul{display: block;margin-bottom: 16px;margin-top: 6px;}

body #left-nav > ul > li.sub-list-showing > a, body #left-nav > ul > li.active > a {
    letter-spacing: 9px;
}
body #left-nav .lef-nav-filters{display: none;position: relative;left: 0;top: 0;width: 100%;transform: translateX(0);text-align: left;margin: 0;padding: 0;}
body #left-nav > ul > li.active > ul > li.active > .lef-nav-filters{
    display: block;
}


body.template-collection .lef-nav-filters .ui-group > .button-group > .button.is-checked:after{
    /* content: "x"; */
    color: grey;
}

/*
body #left-nav > ul > li.first:hover > ul{

  display: block;

}
 */
body #left-nav > ul > li  a:hover{
    opacity: 0.85;
    color: inherit !important;
}

/*------------------------------------*\
    Homepage
\*------------------------------------*/
body.template-index main{}

body.template-index img.homepage-hero{
    width: 100%;
    height: auto;


}

body.template-index .homepage-hero{
    height: calc(100vh - 152px);
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}

body.template-index .callout-banner{
    width: 100%;
    /*     height: 40px; */
    background-color: #F5F4F3;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 2px;
    visibility: visible;
    padding: 7px;
}
body.template-index .callout-banner .callout-contents{width: 100%;}
body.template-index .callout-banner #close-callout{left: -2%;}



/* Grid 1 */

body.template-index .grid-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
}
body.template-index .grid-wrapper{
    flex-wrap: nowrap;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    align-content: space-around;
    width: 1050px;
    margin: 0 auto;
    /* margin-top: 70px; */
    margin-bottom: 70px;
}

body.template-index .grid-wrapper.TLBSS{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body.template-index .grid-wrapper .left{
    width: 500px;
    /* height: 680px; */
    /* margin: 70px 35px 70px 70px; */
    margin-right: 35px;
}
body.template-index .grid-wrapper .left a {
    /* height: 680px; */
    /* overflow: hidden; */
    /* width: 490px; */
}

body.template-index .grid-wrapper .right{
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    height: 748px;
    /* margin: 70px 70px 70px 35px; */
    margin-left: 35px;
}
body.template-index .grid-wrapper .right a {
    height: 474px;
    overflow: hidden;
    width: 490px;
    text-align: center;
}

body.template-index .grid-wrapper .caption{
    text-align: center;
    text-transform: uppercase;
    margin: 10px;
    margin-bottom: 0px;
    color: black;
}
body.template-index .grid-wrapper .caption:hover{
    /* color: #eeeeee; */
}

body.template-index .grid-wrapper .quarter-img{
    background-size:  cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 500px;
    height: 300px;
}
body.template-index .grid-wrapper .long-img{
    background-size: cover;
    background-size:  cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 675px;
    width: 500px;
}

body.template-index .grid-wrapper .top{
    width: 1050px;
    margin: 0 auto;
}
body.template-index .grid-wrapper .bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1050px;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 35px;
}
body.template-index .grid-wrapper .wide-img{
    background-size: cover;
    background-size:  cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 305px;
    width: 1050px;
}

body.template-index h2{
    text-align: center;
    font-family: 'NantesWebRegular', Garamond, Georgia, serif;
    text-transform: capitalize;
    font-size: 44px;
    letter-spacing: 2px;
    font-weight: lighter;
    color: #454545;
}
body.template-index h3{
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: black;
}

body.template-index h2.grid-title{
    margin: 50px;
    margin-top: 40px;
}

/* Wide Banner */

body.template-index .wide-banner-wrapper{
    height: 650px;
    overflow: hidden;
}
body.template-index .wide-banner-wrapper .wide-banner-image{
    height: 544px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    margin-top: 50px;
}
body.template-index .wide-banner-wrapper h2{
    margin-bottom: 0px;
}
body.template-index .wide-banner-wrapper h3{}

/* Instagram */
body.template-index .instagram-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1060px;
}

body.template-index .insta-header-inner a{display: inline-block;}

body.template-index .instagram-wrapper .instagram{
    width: 250px;
    height: 250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
body.template-index h2.insta-header{margin-top: 70px;}

body.template-index .grid-wrapper .center{
    width: 100%;
}

body.template-index .grid-wrapper .center .long-img{
    width: 100%;
}



/* Grid Hovers */
body.template-index .grid-wrapper .top:hover .caption,
body.template-index .grid-wrapper .bottom:hover .caption,
body.template-index .grid-wrapper .left:hover .caption,
body.template-index .grid-wrapper .right:hover .caption,
body.template-index .grid-wrapper .center:hover .caption{
    color: #454545
}

body.template-index .grid-wrapper .wide-img,
body.template-index .grid-wrapper .quarter-img,
body.template-index .grid-wrapper .long-img{
    -webkit-transition: opacity ease .4s;
    -moz-transition: opacity ease .4s;
    -o-transition: opacity ease .4s;
    transition: opacity ease .4s;
}

body.template-index .grid-wrapper .left  div:hover,
body.template-index .grid-wrapper .right  div:hover,
body.template-index .grid-wrapper .top div:hover ,
body.template-index .grid-wrapper .bottom  div:hover,
body.template-index .grid-wrapper .center div:hover {
    opacity: 0.80;
}

body.template-index .grid-wrapper .wide-img.hover,
body.template-index .grid-wrapper .quarter-img.hover,
body.template-index .grid-wrapper .long-img.hover{

    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity ease .4s;
    -moz-transition: opacity ease .4s;
    -o-transition: opacity ease .4s;
    transition: opacity ease .4s;
}

body.template-index .grid-wrapper .wide-img.hover:hover,
body.template-index .grid-wrapper .quarter-img.hover:hover,
body.template-index .grid-wrapper .long-img.hover:hover{
    opacity: 1;
}

@media (max-width: 975px), handheld{
    body.template-index .grid-wrapper .hover{
        display: none;
    }
    body.template-index .grid-wrapper > div:hover .hover{
        display: none;
    }
}


/*------------------------------------*\
    Collections page
\*------------------------------------*/



.grid {
    position: relative;
    overflow: hidden;
}

/* .grid:after {
    opacity: 0;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
    background: url(ajax-loader.gif) no-repeat 0 0;
}
 */
.grid.loading .grid-item {
    opacity: 0;
}
.grid.loading:after {
    opacity: 1;
}

.grid,
.grid:after {
    transition: 400ms opacity;
}

/* .grid-item {
    float: left;
	margin: 10px;
	background: #454545;
} */

.grid-item img {
    display:block;
}

.grid{
    width: 90%;
/*     max-width: 1240px; */
    text-align: center;
    margin: 0 auto;
    /*margin-top: 75px;
     padding: 0px 64px; */
    min-height: 900px;
}
.grid .grid-item{width: 310px;padding: 10px;/* max-width: 33%; *//* padding-bottom: 30px; */}
.grid .grid-item .product{ width: 100%; height: 100%;}
.grid .grid-item > a > .img{
    width: 100%;
    height: initial;
}
.grid .grid-item > a {
    /* margin-bottom: 30px; */
    color: #454545;
}

.grid .grid-item > a:hover{
    color: #CCCCCC;
}

.grid .grid-item > .product-title{}
.grid .grid-item > .product-price{}
body.template-collection{
    padding-left: 230px;
    /* margin-right: 39px; */
}

body#sculpture{
    padding-left: 0px;
}


body.template-collection .filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*position: fixed;
  top: 0;
    left: 0px;
  padding-left: 230px;*/
    z-index: 10;
    width: 100%;
    margin: 0px;
    
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* margin: 0 auto; */
    transform: translateX(-50%);
    /* top: 50%; */
    left: 50%;
}

body#sculpture .filters {
    padding-left: 0px;
}


body.template-collection .filters > .ui-group {padding: 0px;margin: 0px;left: 0px;}

body.template-collection .filters > .ui-group > .button-group{
    width: 156px;
    position: fixed;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity ease 2s;
    -moz-transition: opacity ease 2s;
    -o-transition: opacity ease 2s;
    transition: opacity ease 2s;
    display: none;
    padding-top: 63px;
    padding-bottom: 26px;
}
body.template-collection .filters .trigger{
    text-align: center;
    width: 144px;
    padding-top: 30px;
    padding-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 10;
    -webkit-transition: background-color ease 2s;
    -moz-transition: background-color ease 2s;
    -o-transition: background-color ease 2s;
    transition: background-color ease 2s;
    cursor: pointer;
}
body.template-collection .filters .trigger.selected{

}

body.template-collection .filters .trigger.selected .cross{
    height: 0px;
    /* top: -3px; */
}

body.template-collection #selected-price-group button{
    min-width: 91px;
}
body.template-collection .filters > .ui-group > .button-group #price-group{
    opacity: 0;

}
body.template-collection .filters > .ui-group > .button-group #material-group{
    opacity: 0;
}
body.template-collection .filters > .ui-group > .button-group #collection-group{
    opacity: 0;
}

body.template-collection .filters > .ui-group > .button-group.show {
    opacity: 1;
    display: block;
    background-color: #eeeeee;
}


body.template-collection .filters > .ui-group > .button-group .button{
    display: block;
    background: none;
    border: none;
    text-align: center;
    width: 100%;
    line-height: 2;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Theinhardt';
    -webkit-appearance: none;
    font-size: 10px;
}

body.template-collection .filters > .ui-group > .button-group .button:hover{
    color: #CCCCCC;

}

body.template-collection .filters > .ui-group > .button-group .trigger{display: block;}


body.template-collection .cross {
    background: black;
    height: 7px;
    position: absolute;
    width: 1px;
    top: 65%;
/*     top: 68%; */
    right: 9%;
}

body.template-collection .cross:after {
    background: black;
    content: "";
    height: 1px;
    left: -3px;
    position: absolute;
    top: 3px;
    width: 7px;
}
body.template-collection .label{
    display: block;
    /* width: 9px; */
/*     font-size: 10px; */
    font-size: 13px;
}
body.template-collection .label:hover{
    color: #CCCCCC;
}
body.template-collection #price-x{
    right: 31%;
}
body.template-collection #material-x{
    right: 25%;
}
body.template-collection #collection-x{
    right: 18%;
}

body.template-collection .filters > .ui-group .button.is-checked{
    color: grey;
}

body.template-collection .grid-item .product-title{
    text-transform: uppercase;
    margin-top: 16px;
/*     height: 25px; */
}

body.template-collection .lef-nav-filters .ui-group > .button-group{
    display: block;
    opacity: 1;
    position: relative;
    padding: 0px;
    margin: 0;
    top: 0;
    left: 0;
    margin-bottom: 14px;
}
body.template-collection .lef-nav-filters .ui-group > .button-group > .button{
    text-align: left;
    line-height: 1.7;
    text-transform: none;
    padding: 0px;
    font-size: 12px;
}

body.template-collection .lef-nav-filters .ui-group > .button-group > .button.is-checked {
    margin-left: 10px;
    color: black;
}

body.template-collection #selected-filters{
    display: block;
    /* position: relative;
  left: -157px;
    top: 50px;*/
    width: 238px;
    height: 60px;
    background-color: transparent;
    
    /*transform: none;*/
    z-index: 2;
}
body.template-collection #selected-filters .ui-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    left: initial;
}
body.template-collection #selected-filters .ui-group .button-group{
    top: 10px;
    opacity: 1;
    padding: 0;
    position: relative;
    display: initial;
    width: initial;
    /* padding: 0px 14px; */
}
body.template-collection #selected-filters .ui-group .button-group .button{
    position: relative;
    width: initial;
    margin: 0px 10px;
    font-size: 10px;
    /* padding: 0 29px; */
    /* min-width: 114px; */
    font-family: 'Theinhardt';
    letter-spacing: 2px;
}

body.template-collection #selected-filters .ui-group .button-group .button .close{
    right: -5px;
    width: 7px;
    display: inline;
    /* margin-left: 8px; */
    top: 8px;
    height: 7px;
}


body.template-collection .grid .grid-item{
/*     font-size: 10px; */
  font-size: 13px;
}

body.template-collection #selected-filters .ui-group .button-group .button .close:before{
    width: 1px;
}
body.template-collection #selected-filters .ui-group .button-group .button .close:after{
    width: 1px;
}

body.template-collection #selected-filters .filter-box{}
body.template-collection #selected-filters .filter-box:after{}

body.template-collection.tpl-sfx-sculpture .mix {display: none;}
body.template-collection.tpl-sfx-sculpture .grid .grid-item{
    width: initial;
    padding: 10px;
    /* max-width: 33%; */
    /* padding-bottom: 30px; */
    height: 680px;
    max-height: 680px;
}
body.template-collection.tpl-sfx-sculpture .grid .grid-item .product{ width: 100%; height: 100%;}
body.template-collection.tpl-sfx-sculpture .grid .grid-item > a > .img{
    width: 100%;
    height: 565px;
    width: initial;
    max-width: 100%;
}
body.template-collection.tpl-sfx-sculpture #grid{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    margin-top: 50px;
}

body.template-collection.tpl-sfx-sculpture .button{
    background-color: transparent;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
    font-size: 12px;
    margin-top: 30px;
    font-family: 'Theinhardt', Helvetica, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px;
}
body.template-collection.tpl-sfx-sculpture .button.active{
    color: #CCCCCC;
}
body.template-collection.tpl-sfx-sculpture .button:hover{
    color: #CCCCCC;
}

body.template-collection.tpl-sfx-sculpture #product-add {
    margin-top: 0px;
}




.grid .grid-item > a > .img.show-alternate{
    position: absolute;
    top: 0;
    display: none;
}

.grid.show-silver img.show-silver{
    display: block !important;
}
.grid.show-gold  img.show-gold{
    display: block !important;
}




/*------------------------------------*\
    INFO BANNER
\*------------------------------------*/

#info-banner{ background-color: #e5ebeb; visibility: visible;}
#info-banner p{font-family: 'Theinhardt';padding: 10px;margin:  0 auto;text-align: center;color: #454545;font-size: 12px;}

#info-banner .close {
    width: 15px !important;
    top: 10px !important;
    right: 20px !important;
    z-index: 9999 !important;

}

#info-banner .close:hover{

    opacity: 0.65;
}



/*------------------------------------*\
    PRODUCT PAGE
\*------------------------------------*/

body.template-product main{
    background-color: #ffffff;
    min-height: 900px;
    /* padding-left: 76px; */
}

body.template-product #left-nav{
    background-color: transparent;
    position: absolute;
}

body.template-product .product-details{
    text-align: center;
    position: fixed;
    z-index: 10;
    background-color: transparent;
    top: 135px;
    right: 85px;
}
body.template-product .product-image{
    width: 100%;
    /* margin-bottom: 30px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f1f1f1;
    height: 666px;
    /* padding-left: 80px; */
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
body.template-product form{/*      -ms-flex-pack: distribute;
        justify-content: space-around; *//* align-content: center; *//*    -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center; */}

body.template-product .product-details h1{
    font-family: 'NantesWebRegular', serif;
    letter-spacing: 2px;
    color: #454545;
}
body.template-product #product-add{
    margin-top: 20px;
}
body.template-product #product-add .letters{
    margin: 10px 0px;


}

body.template-product #product-add .letters-label{
    padding-top: 30px;
    display: block;
    text-transform: uppercase;
    color: #454545;

}
body.template-product #product-variants .option-group.alphabet{
    width: 184px;
    font-size: 13px;
}
body.template-product #product-add input[type="text"]#letters{
    background-color: transparent;
    border: 1px solid #454545;
}
body.template-product #product-add input[type="text"]{
    border: none;
    display: block;
    -webkit-appearance: none;
    border-radius: 0px;
    background-color: white;
    box-shadow: none;
    text-align: center;
    /*margin: 0 auto;*/
    height: 30px;
    margin-top: 10px;
    width: 196px;
    letter-spacing: 9px;
}
.add-button-style,
body.template-product #product-add #add,
body.template-product #product-add .btn-out-of-stock{
    height: 50px;
    background-color: #757575;
    border: none;
    text-transform: uppercase;
    font-family: 'NantesWebRegular';
    font-size: 20px;
    line-height:1;
    width: 100%;
    max-width:250px;
    color: #ffffff;
    text-align:center;
}
.add-button-style,
body.template-product #product-add #add:hover{cursor:pointer;}
body.template-product #product-add #add:disabled:hover{cursor:default;}

body.template-product #product-add #add:hover,
body.template-product #product-add .btn-out-of-stock:hover{
    /*border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;*/
    color: #CCCCCC;
}
.add-button-style,
body.template-product #product-add a#add,
body.template-product #product-add a.btn-out-of-stock{
    /*margin: 0 auto;*/
    padding: 12px;
}

.add-button-style:focus,
body.template-product #product-add a#add:focus,
body.template-product #product-add a.btn-out-of-stock:focus{
  outline:none;border:none;
}

body.template-product #product-variants{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
body.template-product .product-price{}
body.template-product .product-description{
    margin-top: 20px;
}

body.template-product ul.alternative-images{
    padding: 0px;
    width: 700px;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-top: 60px;
    margin-left: 70px;
    height: auto;
}
body.template-product ul li{
    list-style: none;
    display: block;
    padding: 30px 0px;
    padding-right: 30px;
}
body.template-product .product-top .product-image img{ margin: 0 auto;}
body.template-product .product-top .product-image a{}
body.template-product .product-top .featured-image{
    /* padding-left: 100px; */
    height: 100%;
    /* padding-top: 50px; */
}

body.template-product .product-top {
    display: block;
    background:#f2f2f2;
}

body.template-product .thumbnail-images{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    padding: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-content: center;
}
body.template-product .thumbnail-images li{
    padding: 0px;
    margin: 6px;
}
body.template-product .thumbnail-images li img{
    width: 40px;
    height: initial;
}

body.template-product .action-links{
    padding: 0px;
    margin-top: 27px;
    margin-bottom: 21px;
}
body.template-product .action-links li{
    padding: 0px;
    display: inline;
    text-transform: uppercase;
    padding: 5px;
    /* margin: 30px; */
    font-size: 12px;
    font-weight: inherit;
    color: #454545;
}
body.template-product .action-links ul li{}
body.template-product .back-to-shop{
    text-transform: uppercase;
    font-size: 12px;
    color: #454545;
}
body.template-product ul.alternative-images{
    position: relative;
}
body.template-product ul.alternative-images li{

    width: 100%;
    margin: 30px 0px;
}
body.template-product ul.alternative-images li img{
    width: 100%;
}
.at-style-responsive .at-share-btn {
    padding: 5px;
    display: inline-block !important;
}
#share-toggle{}

.template-article #share-toggle {
    text-align: center;
    height: 62px;
    display: block;
    padding: 0;
}
#share-toggle .addthis_inline_share_toolbox{}
#share-toggle.open .addthis_inline_share_toolbox{
    display: block !important;
    position: relative;
    /* left: 41px; */
    top: 19px;
    /* background-color: blue; */
    z-index: 20;
}

.share-toggle.open .addthis_inline_share_toolbox{
    display: block !important;
    position: relative;
    /* left: 41px; */
    top: 19px;
    /* background-color: blue; */
    z-index: 20;
}

.at-resp-share-element.at-mobile .at-share-btn{
    display: inline-block;}


/* body.template-product ul.alternative-images li:nth-child(1), body.template-product ul.alternative-images li:nth-child(4){
    width: 100%;
} */
body.template-product .you-may-like h2{font-size:28px;line-height:1.5;font-family:'NantesWebRegular', Garamond, Georgia, serif;color: #020202;text-transform: uppercase;}

body.template-product .grid-uniform{display: -webkit-box;
    display: -ms-flexbox;display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;margin-bottom: 60px;flex-wrap:wrap;}

body.template-product .grid{
    max-width: 100%;
    min-height: 0;
    padding-left:20px;padding-right:20px;
}
body.template-product .grid-uniform .like-item{
    height: 240px;
    width: 100%;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
body.template-product .grid-uniform a{
    width:calc(25% - 40px);
    flex:0 0 auto;
    background-color: #f7f5f5;
    margin: 20px;
    display:block;
}

body.template-product #product-variants{
    position: absolute;
    z-index: 12;
}
body.template-product #product-variants .option-group{
    width: 170px;
    background-color: azure;
    padding: 12px 9px;
    text-transform: uppercase;
    font-size: 12px;
    overflow: hidden;
    height: 49px;
    background-color: transparent;
    text-align: center;
}

body.template-product #product-variants .option-group span.option{
    border: 1px solid #7C8991;
    padding: 5px;
    margin: 5px;
    color: black;
    text-transform: none;
}
body.template-product #product-variants .option-group span.option.selected{
    text-transform: uppercase;
    border: none;
}
body.template-product #product-variants .option-group span.size-link{
    margin-top: 5px;
    display: block;
    padding: 5px;
    margin-bottom: 0;
}

body.template-product #product-variants .option-group span.option:hover{
    background-color: #7C8991;
}


body.template-product #product-variants .option-group.open{
    background-color: #CCD6D5;
    height: initial;
}
body.template-product #product-variants .option-group .trigger{
    padding: 9px;
    color: #454545;
    width: 100%;
}

body.template-product #product-variants .option-group .trigger:hover{
    background-color: #CCD6D5;
}
.selector-wrapper label{
    display: none;
}

body.template-product #variant-addon{
    display: inline;
}


/*------------------------------------*\
    PRODUCT PAGE - SCULPTURE
\*------------------------------------*/

body.template-product .action-links a{display: inline;}
body.template-product #sculpture .product-top{}
body.template-product #sculpture .product-top .product-image{
    /* height: 500px; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    width: 100%;
}
body.template-product #sculpture .product-top .product-image .featured-image{
    /* max-width: 800px; */
    /* height: initial; */
    /* width: initial; */
    /* max-height: 800px; */
    height: auto;
    width: 100%;
}
/*------------------------------------*\
    LIST COLLECTIONS
\*------------------------------------*/

.template-list-collections{

    padding-left: 230px;
}
.template-list-collections .collection-name{
    text-transform: uppercase;
    padding: 30px 0px;
}
.template-list-collections #collections-listing a:hover{
    opacity: 0.85;
}
.template-list-collections #collections-listing{
    padding-top: 50px;
}

.template-list-collections #left-nav{
    position: fixed;
}
.template-list-collections #collections-listing ul{
    list-style: none;
    padding: 0px;
    text-align: center;
}

.template-list-collections #collections-listing ul li{
    display: inline-block;
    /*     width: 30%; */
    text-align: center;
    padding: 15px;
    max-width: 309px;
}
.template-list-collections #collections-listing ul li img{

    width: 100%;
    height: auto;
}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 40px;
    padding-top: 61px;
    background-color: #EEEEEE;
    color: #454545;
    width: 100%;
}
footer .column-wrapper{
    width: 100%;
    height: 140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 41px;
}
footer .column-wrapper > .customer-care{}
footer .column-wrapper > .policies{}
footer .column-wrapper > .social-media{}
footer .mailing-list-wrapper{
    width: 100%;
    text-align: left;
}
footer .column-wrapper ul{
    padding: 0;
    line-height: 1;
    width: 169px;
    font-size: 10px;
    text-transform: uppercase;
}
footer .column-wrapper ul > li{
    padding: 5px;
    text-align: center;
    list-style: none;
}
footer .column-wrapper ul > li > a{
    color: #454545;
}
footer .column-wrapper label{
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 2px;
}
footer .column-wrapper span.dash{
    border-top: 1px solid #454545;
    width: 6px;
    margin: 0 auto;
    margin-top: 13px;
}


div.mailing-list-wrapper {  }
#mc_embed_signup {  }
#mc-embedded-subscribe-form.validate {  }
/*    #mc_embed_signup_scroll {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;} */
#mc_embed_signup_scroll div.mc-field-group { position:relative;}
#mce-EMAIL.required.email {
  -webkit-appearance: none;border: none;border-radius: 0px;box-shadow: none;width:100%;padding: 10px 10px 10px 0;
  background-color: transparent;border-bottom:1px solid #454545;;text-align: left;
  font-family: 'NantesWebRegularItalic';font-size: 26px;line-height:1.2;color: #454545;}
#mce-responses.clear {  }
#mce-error-response.response { font-size: 11px; }


#mce-success-response.response { font-size: 11px; }
#mc_embed_signup_scroll div.mc-field-group div {color: darkred;background-color: transparent;font-size: 9px;text-align: center;width: 309px;margin: 0 auto;text-align: left;}
#mc_embed_signup_scroll div.mc-field-group div input {  }
#mc_embed_signup_scroll div.mc-field-group div div.clear {  }
#subscribe-arrow.button,#mc-embedded-subscribe.button {-webkit-appearance: none;border: none;background: transparent;width: 30px;background-position: center;background-size: contain;
                         background-repeat: no-repeat;width:36px;height:22px;position:absolute;z-index: 20;right:0px;top:50%;transform:translateY(-50%);
}
#mc_embed_signup_scroll ::-webkit-input-placeholder {
    color: #454545;
}

#mc_embed_signup_scroll :-moz-placeholder { /* Firefox 18- */
    color: #454545;
}

#mc_embed_signup_scroll ::-moz-placeholder {  /* Firefox 19+ */
    color: #454545;
}

#mc_embed_signup_scroll :-ms-input-placeholder {
    color: #454545;
}

#mc_embed_signup .signup-intor{font-family: 'Theinhardt',sans-serif;font-size:14px!important;line-height:1.66;letter-spacing: 0.07em;color: #454545;padding-top:20px;}


/*------------------------------------*\
    CART
\*------------------------------------*/

.template-cart{}
.template-cart footer{
    /* padding-left: 230px; */
}
.template-cart #left-nav{
    background: transparent;
}
.template-cart .close{
    height: 16px;
    width: 30px;
    margin-left: 15px;
    top: initial;
    position: relative;
}
.template-cart main{
/*     margin-left: 229px; */
  margin-left:initial;
}
.template-cart h1{
    text-align: center;
    font-family: 'NantesWebRegular', Garamond, Georgia, serif;
    letter-spacing: 2px;
    font-size: 32px;
    margin: 50px 0px;
    color:  #454545;
}

.template-cart form{
    /* display: inline; */
}
.template-cart  img{}
.template-cart  label{
    color: #454545;
}
.template-cart h3{}
.template-cart h2{
    text-transform: uppercase;
    color: black;
    font-size: 14px;
    line-height: 1;
    margin: 11px;
}
.template-cart .cart-wrapper .cart-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 169px;
    border-bottom: 2px solid #f1f1f1;
    /* padding: 36px 0px; */
}

.template-cart .cart-wrapper {
    width: 822px;
    margin: 0 auto;
}

.template-cart .cart-wrapper .cart-item:first-child{
    border-top: 2px solid #f1f1f1;
}
.template-cart .cart-wrapper .cart-item:last-child{}

.template-cart .cart-wrapper .product-details{
    width: 218px;
    margin-left: 47px;
}

.template-cart .cart-wrapper .product-image{
    height: 120px;
    width: 120px;
    background-size: contain;
    background-position: center;
    margin-left: 52px;
    background-repeat: no-repeat;
}
.template-cart .cart-wrapper .product-price{
    width: 189px;
    display: block;
    /* margin-left: 129px; */
    text-align: right;
}

.template-cart .summary{
    width: 822px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    border-bottom: 2px solid #f1f1f1;
    height: 68px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.template-cart .summary2{
    width: 822px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    border-bottom: 2px solid #f1f1f1;
    height: 68px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.template-cart .summary2 textarea {
  width: 100%;
}

@media screen and (max-width:768px) {
  .template-cart .summary2 {
    width: 90%;
  }
}


.template-cart .buttons-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 824px;
    margin: 0 auto;
    padding: 29px 0px;
    justify-content: flex-end;
}
.template-cart .buttons-wrapper .special-promo{
    height: 200px;
    width: 500px;
    background-color: #f1f1f1;
    text-transform: uppercase;
    text-align: center;
    padding: 30px;
}
.template-cart .buttons-wrapper .continue-buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 250px;
    margin-top: 10px;
}
.template-cart .buttons-wrapper .checkout-buttons{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 279px;
    justify-content: center;
    /*     -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; */
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.template-cart .buttons-wrapper .checkout-buttons input{
    height: 43px;
    background-color: transparent;
    border: 1px solid  #454545;
    width: 250px;
    text-transform: uppercase;
    color: #454545;
    letter-spacing: 2px;
    font-family: 'Theinhardt', sans-serif;
}
.template-cart .buttons-wrapper .checkout-buttons #update{
    border: none;
}
.template-cart .summary span{
    text-transform: uppercase;
    font-weight: bold;
    width: 107px;
}

.template-cart .bag-wrapper{display: none;}

.template-cart input.quantity{
    display: none;
}
.template-cart .quantity-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f1f1f1;
    width: 87px;
    height: 25px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}
.template-cart .quantity-wrapper button{
    background-color: #f1f1f1;
    border: none;
    width: 40px;
    height: 100%;
}
.template-cart .quantity-wrapper span{
    width: 25px;
    text-align: center;
}
.template-cart .quantity-label{
    text-transform: uppercase;
    text-align: center;
    /* font-size: 13px; */
    margin-bottom: 10px;
}

.template-cart .quantity-wrapper button .subtract{}
.template-cart .quantity-wrapper button.subtract .cross{
    left: 17px;
    background-color: transparent;
}
.template-cart .quantity-wrapper button.subtract .cross:after{}
.template-cart .quantity-wrapper button .cross{}
.template-cart .quantity-wrapper button .cross {
    background: grey;
    height: 9px;
    position: absolute;
    width: 1px;
    top: 34%;
    right: 18px;
}

.template-cart .quantity-wrapper button .cross:after {
    background: grey;
    content: "";
    height: 1px;
    left: -4px;
    position: absolute;
    top: 4px;
    width: 9px;
}


/* .template-cart div.special-promo {background-color: #f1f1f1;width: 492px;padding: 30px;left: 29%;position: absolute;margin-top: -105px;} */
.template-cart div.special-promo {background-color: #f1f1f1;width: 824px;padding: 30px;margin:0 auto;}
.template-cart  div.special-promo h3 {text-transform: uppercase;font-size: 14px;color: black;}
.template-cart div.special-promo p {color: black;text-align: center;font-size:14px;}
.template-cart  div.special-promo form {  }
.template-cart   div.special-promo form select {  }
.template-cart    div.special-promo form select option {  }
.template-cart  div.special-promo form input {background: none;-webkit-appearance: none;border: none;background-color: white;width: 138px;height: 34px;text-transform: uppercase;letter-spacing: 2px;font-family: 'Theinhardt';font-size: 14px;}
.template-cart #cleaning-kit-details{
    text-align: center;
    margin-left: 30px;
}
.template-cart #add-cleaning-kit{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.template-cart #cleaning-kit-image{
    width: 386px;
    height: auto;
}
/*------------------------------------*\
    Customer Pages
\*------------------------------------*/


#customer {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;flex-direction: row;flex-wrap: nowrap;    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;padding-top: 125px;margin-left: 230px;}
#customer #login-customer {padding: 60px;padding-top: 0px;padding-bottom: 0px;/* padding-left: 50px; */border-left: 2px solid lightgrey;}
#customer #create-customer {padding: 60px;padding-top: 0px;padding-bottom: 0px;/* padding-right: 50px; */border-left: 2px solid lightgrey;border-right: 2px solid lightgrey;/* width: 200px; */}
#customer input {height: 39px;background-color: #f1f1f1;border: none;font-family: 'Theinhardt';letter-spacing: 1px;text-transform: uppercase;padding: 0px;padding-left: 16px;color: #454545;placeholder-color: #454545;width: 200px;margin: 5px 0px;width: 100%;font-size: 13px;}
#customer #recover-password {
    display: none;
    border-left: 1px solid #454545;
    border-right: 1px solid #454545;
    padding: 40px;
    width: 300px;
    padding-bottom: 0px;
}
#customer form{
    min-height: 284px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
#customer .form-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

#customer .title {color: #454545;font-family: 'NantesWebRegular';font-size: 33px;word-break: normal;width: 142px;letter-spacing: 3px;font-weight: normal;margin-bottom: 35px;margin-top: 0px;top: -13px;line-height: normal;}
#customer .action_bottom {/* bottom: 0px; *//* margin-top: 50px; */}
#customer .btn {width: 215px;border: 2px solid #CCCCCC;height: 40px;text-transform: uppercase;font-family: "Theinhardt", Helvetica, sans-serif;letter-spacing: 2px;/* font-weight: bold; */font-size: 14px;background-color: transparent;padding: 0px;}
#customer .clearfix.large_form {width: 100%;/* height: 40px; *//* padding: 10px; *//* padding: 0px 5px; */}
#customer  #recover-password form {
    min-height: initial;}
#customer  #recover-password  .action_bottom{
    margin-top: 40px;
}

#customer  #forgot_password{
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 7px;
}

#customer .btn:hover{
    background-color: #eeeeee;
    border: 2px solid transparent;
}

#customer .errors{
    width: 100%;
}
#customer .errors ul{
    list-style: none;
    padding-left: 0px;
}
#customer .errors ul li{
    font-size: 12px;
    color: darkred;
}

#account footer, #addresses footer, .template-customers-order footer{
    padding-left: 230px;
}

#dashboard {margin-left: 230px;/* margin-top: 50px; */display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;height: auto;padding-top: 118px;}
#admin_header div.action_link.action_return.note {padding: 30px;}
#admin_header h2.title {font-family: 'NantesWebRegular';color: #5b7d8e;text-align: center;font-size: 25px;}
#customer_sidebar {padding: 0px 30px;}
#customer_detail.group div.address.note p {margin: 0px;}
#customer_orders {padding: 0px 63px;}
#admin_header div.action_top {padding: 30px;}
#add_address.customer_address.edit_address {padding: 30px;width: 50%;/* float: none; */order: 2;border-left: 1px solid darkgrey;}
#add_address_title {/* text-transform: uppercase; */font-family: 'NantesWebRegular';color: #5b7d8e;/* text-align: center; */padding: 0px;font-size: 25px;margin: 0px;}
#address_tables {padding: 30px;width: 44%;/* float: left; */}
#view_address_.customer_address h4.address_title {padding: 0px;margin: 0px;}
#view_address_.customer_address div.view_address p {/* padding: 0px; */margin: 0px;}
#edit_address_.customer_address.edit_address div.action_bottom input.btn {width: 335px;height: 50px;-webkit-appearance: none;background-color: transparent;border: 2px solid #CCCCCC;text-transform: uppercase;font-family: 'Theinhardt';letter-spacing: 2px;font-size: 13px;margin: 30px 0px 32px 4px;}
#dashboard thead{
    text-align: left;
}
#dashboard table{
    width: 100%;
}

div.note.order_date {margin: 30px;}
#order_address.group {margin: 30px;}
#order_payment p {padding: 0px;margin: 0px;}
#order_shipping p {margin: 0px;}
#order_details {margin: 30px;max-width: 90%;}
#order_details thead {max-width: 100%;}

#addresses input{}
#addresses input[type="text"]{
    height: 32px;
    border: none;
    background: #f1f1f1;
    border-radius: 0;
    -webkit-appearance: none;
    padding: 10px;
    font-family: 'Theinhardt';
    letter-spacing: 1px;
    width: 80%;
    min-width: 200px;
}
#addresses  td label{
    display: block;
    font-family: 'Theinhardt';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
    padding: 5px 0px;
}
#addresses  td .label{}
#addresses  .note{}
#addresses #add_address_title{
    color: #454545;
    font-family: 'NantesWebRegular', serif;
    /* padding-bottom: 36px; */
    margin-bottom: 0px;
    font-size: 29px;
    font-weight: normal;
    text-align: left;
    margin: 0 auto;
    text-transform: capitalize;
}
#addresses .edit_address{
    float: none;
    width: 100%;
}
#dashboard #admin_header{
    position: absolute;
    top: 0;
    left: 0;
}

#dashboard #customer_sidebar{width: 29%;/* float: left; */border-right: 1px solid grey;}
#dashboard h2{
    color: #454545;
    font-family: 'NantesWebRegular', serif;
    /* padding-bottom: 36px; */
    margin-bottom: 0px;
    font-size: 29px;
    font-weight: normal;
    text-align: left;
    margin: 0 auto;
}
#dashboard #customer_orders{width: 50%;/* float: right; */}
/*------------------------------------*\
   Melt
\*------------------------------------*/

#melt-your-gold {
    /* margin-left: 230px; */
}
#melt-your-gold p{
    text-align: left;
}
#melt-your-gold .expand p{
    text-align: left;

}
#melt-your-gold #download-form{height: 43px;background-color: transparent;border: 1px solid #454545;width: 250px;text-transform: uppercase;color: #454545;letter-spacing: 2px;font-family: 'Theinhardt', sans-serif;margin: 0 auto;display: block;margin-top: 30px;}
#melt-your-gold #faq-container{
    width: 100%;
    padding-top: 35px;
    margin: 0 auto;
    margin-bottom: 100px;
}

#melt-your-gold #left-nav{}
#melt-your-gold h1{}
#melt-your-gold h1{
    color: #454545;
    font-family: 'NantesWebRegular', serif;
    /* border-bottom: 1px solid #454545; */
    padding-bottom: 36px;
    width: 100%;
    margin-bottom: 0px;
    font-size: 36px;
    font-weight: normal;
    /* padding-top: 40px; */
    text-align: center;
}
#melt-your-gold .question .trigger .cross{}
#melt-your-gold .question .trigger .cross:after{
    content: "";
    background: #9E9E9E;
    content: "";
    height: 2px;
    left: -6px;
    position: absolute;
    top: 4px;
    width: 10px;
}
#melt-your-gold .question.open .trigger .close:after{
    content: "";

}

#melt-your-gold .question.open .trigger .close {
    position: absolute;
    top: 0;
    width: 11px;
    height: 11px;
    opacity: 1;
    right: -2px;
}
#melt-your-gold .question.open .trigger .close:hover {
    opacity: 1;
}
#melt-your-gold .question.open .trigger .close:before, #melt-your-gold .question.open .trigger .close:after {
    position: absolute;
    /* left: 15px; */
    content: ' ';
    height: 11px;
    width: 2px;
    background-color: #9E9E9E;
}
#melt-your-gold .question.open .trigger .close:before {
    transform: rotate(45deg);
}
#melt-your-gold .question.open .trigger .close:after {
    transform: rotate(-45deg);
}

#melt-your-gold .question .trigger .cross{
    background: #9E9E9E !important;
    height: 10px;
    position: absolute;
    top: 10px;
    right: 0;
    border-left: 2px solid #9E9E9E !important;
    z-index: 5;
}

#melt-your-gold .question .trigger .cross:after {
    background: #9E9E9E;
    content: "";
    height: 2px;
    left: -6px;
    position: absolute;
    top: 4px;
    width: 10px;
}




#melt-your-gold .trigger a{color: black;font-weight: normal;}
#melt-your-gold .trigger{font-family: 'Theinhardt', sans-serif;font-size: 14px;text-transform: uppercase;color: black !important;letter-spacing: 2px;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;text-align: left;}
#melt-your-gold .expand{
    display: none;
}
#melt-your-gold .question{
    border-top: 1px lightgrey solid;
    padding: 7px 15px;
    width: 100%;
    margin: 0 auto;
    min-width: 300px;
}
#melt-your-gold .question:nth-child(2){
    border-top: none;
}
#melt-your-gold .question:first-child{
    border-top: none;
}
#melt-your-gold .question:last-child{
    border-bottom: 1px lightgrey solid;
}

/*------------------------------------*\
   FAQ
\*------------------------------------*/


#faqs #faq-container{
    width: 49%;
    padding-top: 136px;
    margin: 0 auto;
    min-width: 300px;
    margin-bottom: 100px;
}
#faqs{
    /* margin-left: 230px; */
}
#faqs #left-nav{}
#faqs h1{}
#faqs h1{
    color: #454545;
    font-family: 'NantesWebRegular', serif;
    border-bottom: 1px solid #454545;
    padding-bottom: 36px;
    width: 100%;
    margin-bottom: 0px;
    font-size: 36px;
    font-weight: normal;
}
#faqs .question .trigger .cross{}
#faqs .question .trigger .cross:after{
    content: "";
    background: #9E9E9E;
    content: "";
    height: 2px;
    left: -6px;
    position: absolute;
    top: 4px;
    width: 10px;
}
#faqs .question.open .trigger .close:after{
    content: "";

}

#faqs .question.open .trigger .close {
    position: absolute;
    top: 0;
    width: 11px;
    height: 11px;
    opacity: 1;
    right: -2px;
}
#faqs .question.open .trigger .close:hover {
    opacity: 1;
}
#faqs .question.open .trigger .close:before, #faqs .question.open .trigger .close:after {
    position: absolute;
    /* left: 15px; */
    content: ' ';
    height: 11px;
    width: 2px;
    background-color: #9E9E9E;
}
#faqs .question.open .trigger .close:before {
    transform: rotate(45deg);
}
#faqs .question.open .trigger .close:after {
    transform: rotate(-45deg);
}

#faqs .question .trigger .cross{
    background: #9E9E9E !important;
    height: 10px;
    position: absolute;
    top: 4px;
    right: 0;
    border-left: 2px solid #9E9E9E !important;
    z-index: 5;
}

#faqs .question .trigger .cross:after {
    background: #9E9E9E;
    content: "";
    height: 2px;
    left: -6px;
    position: absolute;
    top: 4px;
    width: 10px;
}




#faqs .trigger a{color: black;font-weight: normal;}
#faqs .trigger{font-family: 'Theinhardt', sans-serif;font-size: 14px;text-transform: uppercase;color: black !important;letter-spacing: 2px;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
#faqs .expand{
    display: none;
}
#faqs .question{
    border-top: 1px lightgrey solid;
    padding: 7px 15px;
    width: 100%;
}
#faqs .question:nth-child(2){
    border-top: none;
}
#faqs .question:first-child{
    border-top: none;
}
#faqs .question:last-child{
    border-bottom: 1px lightgrey solid;
}
#melt-your-gold main{
    width: 100%;
}

.template-page main{
    /* margin-left: 230px; */
    /* 	width: 70%; */
    margin: 0 auto;
    min-width: 300px;
}
.template-page h1{
    width: 70%;
    margin: 0 auto;
    padding-top: 75px;
    font-family: 'NantesWebRegular', serif;
    font-size: 39px;
    color: #454545;
}
.template-page .page{
    width: 70%;
    margin: 0 auto;
}

/*------------------------------------*\
   CAREERS
\*------------------------------------*/

.template-page#careers #careers-container{

    width: 49%;
    padding-top: 136px;
    margin: 0 auto;
    min-width: 300px;
    margin-bottom: 100px;
}

.template-page#careers #careers-container h1{padding-top: 0px; padding-bottom: 50px; text-align: center;}
.template-page#careers #careers-container h2{padding-top: 25px; font-size: 30px;}
.template-page#careers #careers-container strong{
    letter-spacing: 1px;
    display: block;
    margin-top: 15px;
    font-weight: normal;
    line-height: 1.7; font-size: 13px;
}
.template-page#careers #careers-container p{line-height: 1.7; margin-top: 0px; margin-bottom: 0px;}
.template-page#careers #careers-container a{ display: inline-block;}
.template-page#careers #careers-container .listing hr{ margin-top: 100px;}
/*------------------------------------*\
   STORIES
\*------------------------------------*/
.template-article .featured-image-container {
    padding-top: 50px;
    width: 100%;
    text-align: center;

}
.template-article figure {
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
}
.template-article figure img {
    margin: 0;
}
.template-article h1{
    text-align: center;
    font-family: 'NantesWebRegular', serif;
    font-size: 58px;
    color: #454545;
}
.template-article h4 {
    font-size: 24px;
    text-align: center;
    font-family: 'NantesWebRegular', serif;
    color: #435f6d;
    letter-spacing: 2px;
    margin-bottom: 30px;
    margin-top: 16px;
}

.template-article .article-bottom{

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    width: 60%;
    margin: 0 auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
}

#blog  #friends-dropdown div.lookbook-img{
    float: left;
    width: 165px;
    position: absolute;
    height: auto;
    top: 0;
    height: 188px;
    left: 0;
    visibility: hidden;
}
#blog  #friends-dropdown div.lookbook-img.active{
    visibility: visible;

}
#blog  #friends-dropdown #view-all{
    width: 51%;
    float: right;
    position: relative;
    top: -24px;
    /* margin-top: 0; */
}
#blog  #friends-dropdown .lookbook-title{
    float: right;

    width: 51%;
    right: 0;
    /* position: absolute; */
    font-size: 13px;
    /* margin-top: 57px; */
}
#blog  #friends-dropdown .lookbook-title:first-child{

    margin-top: 5px;
}

#blog  #friends-dropdown .lookbook-title:first-child span.top{
    margin-top: 57px;
}

#blog  #friends-dropdown .lookbook-title-wrappera:first-child{
    margin-top: 57px;

}

.template-article h2{}
.template-article .time-tag{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 30px;
    color: #607D8B;
}
.template-article p{
    /*     font-size: 18px; */
    width: 60%;
    margin: 0 auto;
    margin-top: 16px;
}
.template-article p a{
    display: inline; }
.template-article .column{
    margin-top: 34px;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    margin-bottom: 34px;
}
.template-article .featured-image{
    /*     width: 100%;
        margin: 0px; */

    width: initial;
    margin: 0 auto;
    max-height: 650px;
    padding-top: 50px;
}
.template-article img{
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
.template-article a.share{
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: black;
    margin: 30px;
}

.template-article span.separator{
    margin: 0px 8px;
}
.template-article .featured-product-wrapper{
    float: left;
    margin-left: 20%;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.template-article .featured-link{
    text-align: center;
}
.template-article .featured-caption{}
#blog div.blog-nav {margin: 0 auto;width: 100%;height: 127px;top: 0px;position: relative;}
#blog div.blog-nav ul {list-style: none;text-align: center;padding-top: 36px;margin: 0px;}
#blog  div.blog-nav ul li {text-transform: uppercase;font-size: 13px;}
#blog #featured-articles div.featured-article {border-bottom: 1px solid lightgray;margin-bottom: 68px;}
#blog  #featured-articles div.featured-article .main-img {height:auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
#blog #featured-articles div.featured-article h3 {    margin: 0 auto;
    max-width: 900px; font-size: 60px;text-align: center;font-family: 'NantesWebRegular', serif;color: #435f6d;letter-spacing: 2px;margin-bottom: 10px;margin-top: 30px;}
#blog #featured-articles div.featured-article h4 {font-size: 24px;text-align: center;font-family: 'NantesWebRegular', serif;color: #435f6d;letter-spacing: 2px;margin-bottom: 30px;margin-top: 16px;}

#blog  #featured-articles div.featured-article a {display: block;text-align: center;text-transform: uppercase;color: black;font-size: 15px;letter-spacing: 2px;margin-bottom: 67px;}
#blog  #featured-articles div.featured-article a:hover{opacity: 0.65;}
#blog  #featured-articles div.featured-article p{
    display: block;
    text-align: center;
    width: 80%;
    max-width: 775px;
    margin: 0 auto;
    margin-bottom: 10px;
}
#blog  #featured-articles div.featured-article > div{

    max-width: 775px;
    margin: 0 auto;
}


#blog  #featured-articles div.featured-article .main-img,
#blog  .main-list div.list-article .list-img{
    max-width: 650px;
    margin: 0 auto;
    text-align: left;
    padding: 0;
    display: inline-block;
}
#blog  #featured-articles div.featured-article .main-img img,
#blog  .main-list div.list-article .list-img img{
    max-height: 650px;
    width: initial;
    margin: 0 auto;

}
.photo-credit {
    font-size: 10px;
    text-transform: none;
    color: #999;
    padding: 4px 0 0 4px;
    letter-spacing: .075em;
}
#blog  #featured-articles div.featured-article .date-tag{
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px;
    color: #607D8B;
    font-size: 14px;
    letter-spacing: 3px;
    width: 260px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 32px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
#blog  #featured-articles div.featured-article .date-tag span{}
#blog  div.main-list div.list-article {width: 100%;margin: 0 auto;text-align: center;margin: 40px 0px 60px;}
#blog  div.main-list div.list-article h3 {font-size: 58px;width: 80%;font-family: 'NantesWebRegular', serif;margin: 0 auto;color: #4c6d7d;line-height: normal;}
#blog  div.main-list div.list-article a {text-transform: uppercase;margin: 10px;color: black;letter-spacing: 3px;}
#blog  div.main-list div.list-article a:hover{opacity: 0.65;}
#blog  div.main-list div.list-article img{
    margin: 0 auto;
    max-height: 650px
}

#blog  div.blog-nav ul.blog-nav-container {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; padding-left: 0px;}
#blog  div.blog-nav ul.blog-nav-container li {margin: 0px 10px; padding-left: 0px;}

#blog  #friends-dropdown {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;width: 487px;height: 250px;z-index: 22;position: absolute;padding: 0px;background-color: #eeeeee;/* padding: 30px; */justify-content: flex-start;   -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;display: none;padding: 30px;top: 92px;transform: translateX(-40%);}
#blog  #friends-toggle:hover #friends-dropdown {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;/* align-content: space-around; */}
#blog  #friends-dropdown div {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    text-align: left;
}
#blog  #friends-dropdown p {
    font-size: 11px;
    text-transform: none;
    color: black;
    float: right;
    position: absolute;
    width: 51%;
    right: 0;
    height: 30px;
    top: 5px;
    margin: 0 auto;
}
#blog  #friends-dropdown li {margin: 10px 0px;color: black;}
#blog  #friends-dropdown li a {color: black;}
#blog  #friends-toggle{height: 300px;}
#blog  div.main-list .date-tag{
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px;
    color: #607D8B;
    font-size: 14px;
    letter-spacing: 1px;
    width: 176px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 32px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
#blog  div.main-list p{
    width: 80%;
    max-width: 775px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}
#blog #friends-dropdown .links-wrapper{
    margin-left: 0;
    width: 100%;
}
/*------------------------------------*\
   CONTACT PAGE
\*------------------------------------*/
#contact main{ margin: 0px; min-height: 0px;}

body.page-template#contact{ min-height: 0px;}
body#contact{
    min-height: 0px;
}
#contact #wrapper {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;width: 100%;height: 100%;padding: 0;}
#contact #store-image {min-width: 65%;height: 852px;min-height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
#contact #store-text {width: 50%;/* padding-left: 30px; */text-align: center;padding-top: 59px;padding-bottom: 100px;}
#contact #store-text h2 {padding-top: 40px; font-family: 'NantesWebRegular',serif;font-size: 38px;color: #607D8B;}
#contact #store-text p {margin: 7px;color: black;letter-spacing: 2px;}


/*------------------------------------*\
   ABOUT US PAGE
\*------------------------------------*/


#about-us-nav ul {list-style: none;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;position: absolute;z-index: 10;height: 40px;width: 100%;padding-top: 25px;}
#about-us-nav ul li {margin: 0px 13px;text-transform: uppercase;font-size: 12px;}
#about-us-nav ul li a {/* color: black; */}
#about-us main div.section#who {margin-top: 50px;}
#about-us main div.section a {text-transform: uppercase;color: black;/* margin: 30px; */}

#about-us main div.section div.top-area div {width: 100%;height: 965px;top: 0px;background-size: cover;z-index: 0; background-position: center;}
#about-us #more-jill-details.details-wrapper {width: 371px;position: absolute;right: 67px;top: 169px;text-align: center;line-height: 1.5;color: black;z-index: 100;}
#about-us #more-jill-details.details-wrapper h3 {font-size: 32px;font-family: 'NantesWebRegular', serif;color: #3e5561;}
#about-us #more-jill-toggle {margin: 30px;letter-spacing: 2px;}

#about-us div.section div.article-wrapper {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;     -ms-flex-pack: distribute;
    justify-content: space-around;padding: 30px;background-color: #eef4f7;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;height: 440px;overflow: hidden;}
#about-us div.section div.article-wrapper div h3 {text-transform: uppercase;font-size: 12px;padding-top: 7px;text-align: center;font-family: 'Theinhardt', serif;}
#about-us #select-press{
    margin-top: 100px;
    padding-top: 29px;
    background-color: #eef4f7;
}

#about-us .close{right: 26px;top: 20px;height: 16px; z-index: 1001;}

#about-us #select-press .article{
    width: 350px;
    margin-top: 25px;
}


#about-us iframe{
    width: 100% !important;
    height: 430px;
}

#about-us .article-wrapper.open{height: auto !important;}
#about-us div.section div.images-wrapper {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;          -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
#about-us div.section div.images-wrapper .image {width: 49%;height: 500px;background-size: contain;background-repeat: no-repeat;background-position: right;}
#about-us div.section div.images-wrapper #image-1{
    width: 61%;
    /* height: 515px; */
    height: initial;
    height: 100%;
    height: 100%;
    min-height: auto;
    /* max-height: initial; */
    /* height: inherit; */
    /* max-height: 100%; */
    /* min-height: 100%; */
}
#about-us div.section div.images-wrapper #image-2{}
#about-us div.section div.images-wrapper #image-3{}
#about-us div.press-article-expanded {  }
#about-us .section a:hover{
    opacity: 0.85;
}
#about-us .small-article{
    background-size: cover;
    max-width: 300px;
    max-height 400px;
    padding-bottom: 100%;
}


#about-us div.press-article-expanded.expanded {
    position: fixed;
    top: 0px;
    left: 0px;
    display: block !important;
    width: 100%;
    height: 100%;
    background-color: #E0E6E5;
    z-index: 10001;
}
#about-us  div.press-article-expanded div.extended-images {width: 511px;float: left;padding-top: 45px;}
#about-us  div.press-article-expanded .flex-area{display: block;       -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;          -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;height: 100%;   -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;align-content: space-between;padding: 0 113px;}
#about-us  div.press-article-expanded div.extended-images img {max-width: 100%;height: auto;min-width: 100%;}

#about-us div.press-article-expanded div.extended-products {width: 50%;height: 274px;text-align: center;float: right;/* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; *//* padding-left: 33px; */}
#about-us  div.press-article-expanded div.extended-products div.product-details {width: 293px !important;height: 100%;}
#about-us   div.press-article-expanded div.extended-products div.product-details h2 {  }
#about-us   div.press-article-expanded div.extended-products div.product-details p{}
#about-us   div.press-article-expanded div.extended-products div.product-details img {width: 100%;height: auto;display: block;padding: 25px;}
#about-us   div.press-article-expanded div.extended-article-details p{
    text-align: center;
    padding-top: 13px;
    display: block;
}
#about-us   div.press-article-expanded div.extended-article-details h2{
    text-align: center;
}
#about-us   div.press-article-expanded div.extended-article-details{
    height: 273px;
    width: 50%;
    float: right;
}

#about-us div.section div.images-wrapper #image-2{
    width: 32%;
    /* background-size: cover; */
    /* background-position: center; */
    height: 100%;
    min-height: auto;
    max-height: 100%;
}
#about-us div.section div.images-wrapper #image-3{
    margin-top: 59px;
    width: 61%;
    /* background-size: cover; */
    height: auto;
    min-height: auto;
    max-height: 100%;
}
#about-us a:hover{

    color: #CCCCCC !important;
}

#about-us #colab-list {width: 39%;transform: translateY(25%);}
#about-us #colab-list ul {padding: 0px;list-style: none;text-align: center;}

#about-us #colab-list p{
    width: 52%;
    text-align: center;
    margin: 0 auto;
}
#about-us #who-we-are-details p{
    width: 404px;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
    padding-top: 0px;
}

#about-us #more-press-toggle{
    text-align: center;
    padding: 50px;
    letter-spacing: 2px;
}
#about-us h3{
    font-size: 35px;
    font-family: 'NantesWebRegular', serif;
    color: #3e5561;
    text-align: center;
    letter-spacing: 2px;
}
#about-us #more-we-toggle{
    text-align: center;
    padding: 114px;
    padding-top: 0px;
}

.template-page#about-us main, .template-page#caring-for-your-jewelry main, .template-page#size-guide main, .template-page#stockists main  {
    margin-left: 0px;
}

.template-page#stockists main{
    /* margin-bottom: 100px; */
}
#about-us div.section.gold .wrapper {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;          -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;margin-top: 70px;}
#about-us div.section.gold a {text-align: center;margin: 30px;margin-bottom: 70px;}
#about-us div.section.gold img {width: 47%; height: auto; height: 100%;}
#about-us div.section.gold h3 {width: 100%;}
#about-us div.section.gold p {width: 400px;margin: 0 auto;text-align: center;}

#about-us .who-we-are-main img{
    width: 100%;
    height: auto;
}


div.section div.extended-area {display: none;}
div.section div.extended-area.show {display: block;}
div.section div.extended-area ul.alternative-images {padding-left: 70px;width: 60%;padding-top: 30px;list-style: none;}

div.section div.extended-area ul.alternative-images li div {height: 100px;}
div.section div.extended-area ul.alternative-images li img{
    width: 100%;
    margin-top: 30px;
}
div.section div.extended-who-we-are {display: none;}

#who.show .extended-who-we-are{display: block;}
div.section div.extended-who-we-are ul{padding-left: 70px;width: 60%;padding-top: 30px;}
div.section div.extended-who-we-are ul{list-style: none;padding-left: 70px;padding-top: 0px;width: 60%;}
div.section div.extended-who-we-are ul li div {height: 100px;}
div.section div.extended-who-we-are ul li img{
    width: 100%;
}
div.section div.extended-who-we-are ul li{
    padding: 30px 0px;
}
#who.show #who-we-are-details{
    position: fixed;
    right: 5%;
    top: 120px;
    z-index: 100;
}
/*------------------------------------*\
   Jewelry Care
\*------------------------------------*/
.template-page#caring-for-your-jewelry h1, .template-page#size-guide h1{text-align: center;margin-bottom: 50px;padding-top: 152px;}
.template-page#caring-for-your-jewelry p, .template-page#size-guide p{
    min-width: 46%;
    max-width: 640px;
    text-align: center;
    margin: 0 auto;
    color: black;
    text-align: left;
    line-height: 1.5;
    text-align: center;
    /* width: 6%; */
    margin-bottom: 66px;
   font-size: 18px;
}




.template-page#caring-for-your-jewelry h2{
    min-width: 46%;
    max-width: 640px;
    padding-top: 30px;
}

/*------------------------------------*\
   Size Guide
\*------------------------------------*/


#sizing-nav ul {list-style: none;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;position: absolute;z-index: 10;height: 40px;width: 100%;padding-top: 25px;padding-left: 0;}
#sizing-nav ul li {margin: 0px 13px;text-transform: uppercase;font-size: 12px;}
#sizing-nav ul li a {/* color: black; */}

/*------------------------------------*\
   Basic Page
\*------------------------------------*/
.template-page h2{
    margin: 0 auto;
    padding-top: 142px;
    font-family: 'NantesWebRegular', serif;
    font-size: 39px;
    color: #454545;
}
/*------------------------------------*\
   Search
\*------------------------------------*/

.template-search form {margin: 0 auto;text-align: center;padding-top: 125px;}
.template-search form input {-webkit-appearance: none;border: none;background-color: #f1f1f1;/* border-bottom: 2px solid lightblue; */height: 40px;font-family: 'Theinhardt', sans-serif;letter-spacing: 2px;color: #454545;width: 300px;padding: 10px;}
.template-search ol {padding-left: 240px;list-style: none;}
.template-search ol li {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;   -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;justify-content: flex-start;padding-top: 10px;}
.template-search ol li h3 {width: 100%;}
.template-search ol li a {padding-right: 30px;}
.template-search ol li p{
    /* padding-left: 22px; */
    height: 100px;
    width: 40%;
}
.template-search form input#submit{width: 30px;background-color: transparent;background-size: contain;background-position: center;background-repeat: no-repeat;height: 28px;/* padding: 0px; */}
.template-search span.page{
    display: inline; }
.template-search span.next{
    display: inline;
}
.template-search span.page a {
    display: inline; }
.template-search span.next a {
    display: inline;
}
.template-search .paginate{
    margin-left: 30px;
    margin-bottom: 30px;
}

.template-search p.no-results{
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 30px;

}
/*------------------------------------*\
   Stockists
\*------------------------------------*/

link div.bh-sl-container {  }
link div.bh-sl-container div.bh-sl-form-container {  }
#bh-sl-user-location {text-align: center;margin: 0 auto;width: 100%;/* padding: 0px 75px; */display: block;padding-left: 105px;}
#bh-sl-user-location div.form-input {text-align: center;margin: 0 auto;/* width: 100%; */}
#bh-sl-user-location div.form-input label {  }
#bh-sl-address {background-color: #f7f7f7;border: none;border-radius: 0px;padding: 10px;text-transform: uppercase;color: #454545;letter-spacing: 1px;}
#bh-sl-submit {background-color: rgba(255, 255, 255, 0);background-image: 'JP_Arrow-01.svg';background-repeat: no-repeat;background-position: center;background-size: contain;color: transparent;-webkit-appearance: none;padding: 0px;height: 35px;width: 23px;}
#bh-sl-map-container.bh-sl-map-container {margin-top: 0px;margin-bottom: 0px;}
#bh-sl-map.bh-sl-map {height: 907px;}
#bh-sl-map-container.bh-sl-map-container div.bh-sl-loc-list {height: 907px;}
#page-header {  }
#page-header h1.bh-sl-title {text-align: center;font-family: 'NantesWebRegular', serif;color: #454545;letter-spacing: 2px;font-size: 39px;padding-top: 104px;}
#page-header p {text-align: center;padding: 0px 61px;font-family: 'Theinhardt';font-weight: normal;color: black;font-size: 14px;}
#bh-sl-map-container.bh-sl-map-container div.bh-sl-loc-list ul.list {display: none;}
#search-again{display: none;text-transform: uppercase;letter-spacing: 2px;/* display: block; */text-align: center;margin-top: 35px;margin-bottom: 23px;}
#results-title{display: none;text-align: center;}

/* Size Guide*/
#size-guide #size-guide #sizing-nav {  }
#sizing-nav ul {  }
#sizing-nav ul li {  }
#sizing-nav ul li a {  }
h1 {  }
p {  }
#size-guide #bracelet {  }
#size-guide #bracelet a {  }
#size-guide div.wrapper h3 {
    width: 70%;
    margin: 0 auto;
    padding-top: 75px;
    font-family: 'NantesWebRegular', serif;
    font-size: 39px;
    color: #454545;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;

}

#size-guide div.wrapper{
    width:  100%;
}
#size-guide div.wrapper img{width:  100%;order: 2;}
#size-guide #bracelet div.bracelet.wrapper image {  }
#size-guide #bracelet div.bracelet.wrapper div.details {
    width: 22%;
    position: absolute;
    right: 99px;
    top: 50%;
    text-align: center;
    min-width: 327px;
    /* line-height: 151%; */
    transform: translateY(-50%);
}
#size-guide  #bracelet div.bracelet.wrapper div h3 {  }
#size-guide  #bracelet div.bracelet.wrapper div p {text-align: center;line-height: 157%;}
#size-guide #bracelet div.divider {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;          -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;/* height: 515px; */margin-top: 50px;width: 100%;margin-bottom: 50px;}
#size-guide #bracelet div.divider img {width: 56%;height: 100%;}
#necklace {margin-bottom: 50px;}
#size-guide #necklace a {  }
#size-guide #necklace div.necklace.wrapper {  }
#size-guide  #necklace div.necklace.wrapper img {  }
#size-guide #necklace div.necklace.wrapper div {position: absolute;top: 0;right: 0;width: 33%;width: 22%;position: absolute;right: 99px;top: 50%;transform: translateY(-50%);}
#size-guide  #necklace div.necklace.wrapper div h3 {  }
#size-guide  #necklace div.necklace.wrapper div p {  }
#size-guide div.divider {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;          -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;margin-bottom: 50px;}
#size-guide div.divider img:first-child {width: 56%;height: 100%;}
#size-guide div.divider img:last-child {width: 40% !important;height: 100%;}
#size-guide div div.rings.wrapper {margin-bottom: 50px;}
#size-guide  div div.rings.wrapper img {  }
#size-guide  div div.rings.wrapper div {width: 22%;position: absolute;right: 99px;top: 50%;text-align: center;min-width: 327px;/* line-height: 151%; */transform: translateY(-50%);}
#size-guide   div div.rings.wrapper div h3 {  }
#size-guide   div div.rings.wrapper div p {  }
#size-guide    div div.rings.wrapper div p button {height: 44px;background-color: transparent;border: none;text-transform: uppercase;font-family: 'Theinhardt';font-size: 14px;letter-spacing: 1px;border: 1px solid #454545;/* border-bottom: 1px solid #454545; */margin-top: 30px;width: 250px;color: #454545;}

#master-filter{display:none!important}

.template-404 main{

    text-align: center;
    padding: 200px;

}

.template-404 h1{
    text-align: center;
}
.template-404 h2{
    text-align: center;
}



/*------------------------------------*\
     ---------- Desktop ----------
\*------------------------------------*/
@media (min-width: 1025px), handheld{

    .hide-for-large{
        visibility: hidden;
    }

    .delete-for-large{
        display: none !important;
    }

}


/*------------------------------------*\
     ---------- Mobile ----------
\*------------------------------------*/
@media (max-width: 495px), handheld{
    #email-popup{
        width: 87%;
        right: 0;
        top: 100px;
        bottom: 0;
        left: 0;
        margin: 0 auto;
        z-index: 3000;
        min-width: 280px;
        max-width: 309px;
        max-height: 316px;
        padding: 10px 33px;
    }


    body.template-index  #left-nav > ul a {

        /*   color: black ; */
    }


}

@media (min-width: 1025px), handheld{

    body #left-nav.banner-top{

        padding-top: 20px;
    }
    header #search.banner-top{

        top: 22px;
    }


    body.template-collection #nav-filters.top-banner{

        top: 34px;
    }


}

@media (max-width: 1024px), handheld{


    /* Mobile hide or delete feature */
    .hide-for-small{
        visibility: hidden;
    }

    .delete-for-small{
        display: none;
        /* order: 2 !important; */
    }

    #info-banner{
        z-index: 3000;
        top: 14px;
    }
    /*blog*/
    .template-article h1{
        font-size: 36px;
    }


    /*
    LOGO SHOULD ALWAYS BE DARK ON MOBILE
     */

    .top-bar .cls-1 {
        fill: #231f20 !important;
    }


    body.template-index #left-nav > ul a {
        color: #231f20 !important;
    }


    #blog div.blog-nav ul{

        /*   padding-top: 67px; */
    }
    #blog  div.main-list div.list-article h3{
        font-size: 36px;
    }
    #blog #featured-articles div.featured-article h3 {
        font-size: 36px;
        text-align: center;
        font-family: 'NantesWebRegular', serif;
        color: #435f6d;
        letter-spacing: 2px;
        margin-bottom: 0px;
        margin-top: 30px;
        padding: 10px;
    }
    #blog #featured-articles div.featured-article p {
        display: block;
        text-align: center;
        padding: 10px;
        max-width: 100%;
    }

    #blog  #friends-dropdown #view-all{
        z-index: 999;
    }
    #blog #friends-dropdown div.lookbook-img {
        float: left;
        width: 43%;
        height: 184px;
        top: 0px;
    }
    #blog #friends-dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 205px;
        z-index: 22;
        position: absolute;
        left: 0;
        padding: 0px;
        background-color: #eeeeee;
        /* padding: 30px; */
        /* justify-content: flex-start; */
        /*    -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center; */
        display: none;
        padding: 10px;
        top: 92px;
        /* transform: translateX(-40%); */
        transform: none;
    }

    #blog  #friends-dropdown .lookbook-title:first-child span.top{
        margin-top: 65px;

    }

    #blog  #friends-toggle #friends-dropdown{
        display: none !important;

    }
    #blog  #friends-toggle #friends-dropdown.active{
        display: flex !important;

    }

    #blog  #friends-toggle:hover #friends-dropdown {
        display: none;

    }




    /* Navigation*/



    div.bag-wrapper {  }
    #left-nav #search {right: 45px;}
    #left-nav #search span {/* right: 28px; */}
    #left-nav  #search span svg {width: 14px;height: 14px;}

    #left-nav   #search span svg g.cls-2 {fill: grey;}

    #left-nav #bag {width: 50%;text-align: right;padding-right: 30px;padding-top: 20px;font-size: 17px;right: 0px;position: absolute;}

    #left-nav   #search:hover span svg g.cls-2 {fill: black;}


    .top-bar{
        width: 100%;
        position: fixed;
        height: 80px;
        background-color: white;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    body #left-nav #nav-logo{
        width: 33%;
        text-align: center;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    body #left-nav #nav-logo svg{
        margin: 0 auto;
        width: 100%;
        height: 24px;
    }

    #left-nav #search{
        text-align: right;
        right: 0px;
        width: 33%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 10px;
    }

    #left-nav #search span svg{
        width: 30px;
        height: 20px;
        /* margin-bottom: 5px; */
    }
    .top-bar #hamburger{
        width: 33%;
        text-align: left;
        font-size: 17px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        align-content: flex-start;
        /* padding-bottom: 3px; */
    }
    .top-bar #hamburger .cheese{
        background: #3E3B3C;
        width: 100%;
        height: 2px;
        width: 28px;
        /* display: block; */
        margin: 3px 0px;
    }
    body #left-nav > ul{
        display: none;
    }
    body #left-nav > ul#login{

    }

    #master.active{
        display: block;
        top: 0;
        left: 0;
        bottom: 0;
        position: fixed;
        background-color: #eeeeee;
        width: 73%;
        min-width: 240px;
        padding: 0px;
        margin: 0px;
        overflow: auto;
        font-size: 13px;
    }

    body.template-collection{
        padding-left: 0px;
        /* margin-right: 39px; */
    }

    body.template-index #left-nav.active:hover,
    body.template-search #left-nav.active:hover,
    body.template-page#size-guide #left-nav.active:hover,
    body.template-page#caring-for-your-jewelry #left-nav.active:hover,
    body.template-page#about-us #left-nav.active:hover,
    body.template-page#contact #left-nav.active:hover,
    body.template-blog #left-nav.active:hover,
    body.template-article #left-nav.active:hover, body#sculpture #left-nav.active:hover{
        background-color: transparent;
    }
    body #left-nav{
        background-color: transparent;
    }
    #master #mobile-ut{
        height: 80px;
        padding-top: 10px;
        padding-left: 10px;
        font-size: 18px;
        display: block !important;
    }
    #master{
        font-size: 17px;
    }

    #master .close{
        left: 16px;
        top: 23px;
        height: 31px;
        position: absolute;
        width: 50px;
    }
    #master .close:after{
        background-color: #404040;
    }
    #master .close:before{
        background-color: #404040;
    }
    #master #bag{
        padding-top: 28px;
    }
    body #left-nav #master > li{
        padding-left: 30px;
        font-size: 17px;
    }

    body.template-collection .lef-nav-filters .ui-group > .button-group > .button{
        font-size: 17px;
    }


    /* Product page */

    .template-product div.product-top form div.product-image {display: block;position: relative;height: auto;}
    .template-product div.product-top form div.product-image img.featured-image {margin: 0 auto;width: 100%;height: auto;}
    .template-product  div.product-top form div.product-image div {  }
    .template-product  div.product-top form div.product-details {display: block;position: relative !important;top: 0 !important;right: 0;top: 0px;}

    body.template-product .grid-uniform{/*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;margin-bottom: 60px;       -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;*/}

    body.template-product .grid{
        max-width: 100%;
        min-height: 0;
    }
    body.template-product .grid-uniform .like-item{
        /*margin: 0 auto;*/
    }
    body.template-product .grid-uniform a{
        background-color: transparent;

    }



    body.template-product ul.alternative-images{
        padding: 0px;
        width: 100%;
        margin: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        height: auto;
    }
    body.template-product ul li{
        list-style: none;
        display: block;
        padding: 5px;
        padding-right: 0;
        padding-left: 0px;
    }


    /* footer */

    footer .column-wrapper{       -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;   -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;/* margin-top: 126px; */height: auto;font-size: 12px;}
    footer .column-wrapper > .customer-care{
        font-size: 14px;
        margin: 20px 0px;
    }
    footer .column-wrapper > .policies{
        margin: 20px 0;
    }
    footer .column-wrapper > .social-media{
        margin: 20px 0;
    }

    footer .column-wrapper ul > li > a{
        color: #454545;
        font-size: 12px;
    }
    footer .column-wrapper label{font-size: 12px;}

    body main{
        /*padding-top: 70px !important;*/
    }

    /* collection filters */

  /*
    body.template-collection .filters{
        top: 70px;
        padding-left: 0px;

    }
    body.template-collection .filters.open{
        background-color: #eeeeee;
    }
    body.template-collection  #left-nav{
        width: 0px;
    }

  
    body.template-collection #master-filter{
        text-transform: uppercase;
        letter-spacing: 2px;
        height: 40px;
        padding: 18px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* background-color: lightblue; * /
        height: 40px;
        /* display: block; * /
        /* top: 16px; * /
        width: 85px;
        text-align: center;
        padding: 14px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    body.template-collection .filters #master-filter .cross{
        top: 18px;
        margin-right: 52px;
        position: relative;
        margin: 0 auto;
        top: 0;
        margin-right: 0;
    }
    body.template-collection .filters #master-filter .cross:before{}
    body.template-collection  .filters #master-filter .cross:after{}

    body.template-collection .filters.open #master-filter .cross{
        /* left: 49px; * /
        top: -3px;
        /* margin-right: 52px; * /
        height: 0px;
    }
    body.template-collection .filters.open #master-filter .cross:before{}
    body.template-collection  .filters.open #master-filter .cross:after{}
    body.template-collection .filters .label{
        font-size: 13px;
    }

    body.template-collection .filters {display: -webkit-box;
        display: -ms-flexbox;
        display: flex;       -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;top: 80px;   -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;}
    body.template-collection .filters > .ui-group {padding: 0px;margin: 0px;left: 0px;width: 100%;text-align: center;display: none;}
    body.template-collection li.active .filters > .ui-group {display: block;}
    body.template-collection .filters .cross{position: relative;/* top: -3px; * /left: 13px;}

    body.template-collection #material-x {
        right: 25%;
    }
    body.template-collection .filters > .ui-group > .button-group{position: relative;}
    body.template-collection .filters .trigger{
        width: 120px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        align-content: center;
    }
    body.template-collection .filters .trigger.selected{
        font-size: 13px;
    }
    body.template-collection #selected-filters .ui-group .button-group {
        top: 0px;
        width: 100%;
        background-color: #eeeeee;
    }
    body.template-collection #selected-filters .ui-group .button-group .button{
        margin: auto;
        padding-right: 14px;
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body.template-collection #selected-filters .ui-group{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body.template-collection #nav-filters{
        /* height: 50px; * /
        /* overflow: hidden; * /
        /* background-color: pink; * /
        padding: 10px;
        position: fixed;
    }

    body.template-collection #selected-price-group button{

    }
    body.template-collection .filters > .ui-group > .button-group #price-group{


    }
    body.template-collection .filters > .ui-group > .button-group #material-group{

    }
    body.template-collection .filters > .ui-group > .button-group #collection-group{

    }

    body.template-collection .filters > .ui-group > .button-group.show {width: 100%;padding-top: 30px;font-size: 14px;}


    body.template-collection .filters > .ui-group > .button-group .button{font-size: 13px;}

    body.template-collection .filters > .ui-group > .button-group .button:hover{


    }

    body.template-collection .filters > .ui-group > .button-group .trigger{display: block;} */

    .template-list-collections{

        padding-left: 0px;
    }
    .template-list-collections #collections-listing ul li{
        max-width: 250px;
    }

    /* homepage */

    /* Grid 1 */

    body.template-index .grid-wrapper{}
    body.template-index .grid-wrapper{
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 0px 20px;
    }

    body.template-index .grid-wrapper.TLBSS{
        width: 100%;
    }
    body.template-index .grid-wrapper .left{
        width: 100%;
        margin: 0px;
        /* padding: 0px 10px; */
    }
    body.template-index .grid-wrapper .left a {
        width: 100%;
        height: 750px;
        /* overflow: auto; */
    }

    body.template-index .grid-wrapper .right{
        width: 100%;
        margin: 0 auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        align-content: flex-start;
    }
    body.template-index .grid-wrapper .right a {
        width: 100%;
    }
    body.template-index .grid-wrapper .caption{
        margin: 30px;
    }
    body.template-index .grid-wrapper .caption:hover{}
    body.template-index .grid-wrapper .quarter-img{
        width: 100%;
        margin: 0;
    }
    body.template-index .grid-wrapper .long-img{
        width: 100%;
    }
    body.template-index .grid-wrapper .top{
        width: 100%;
    }
    body.template-index .grid-wrapper .bottom{
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0px;
    }
    body.template-index .grid-wrapper .wide-img{
        width: 100%;
        height: 305px;
    }

    body.template-index h2{}
    body.template-index h3{}
    body.template-index h2.grid-title{
        margin: 20px;
        font-size: 24px;
    }

    /* Wide Banner */

    body.template-index .wide-banner-wrapper{
        width: 100%;
        padding: 0px 20px;
    }
    body.template-index .wide-banner-wrapper .wide-banner-image{
        margin-top: 30px;
    }
    body.template-index .wide-banner-wrapper h2{
        font-size: 24px;
    }
    body.template-index .wide-banner-wrapper h3{}

    /* Instagram */
    body.template-index .instagram-wrapper{
        width: 100%;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 30px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    body.template-index .instagram-wrapper .instagram{
        margin: 10px;
    }
    body.template-index h2.insta-header{
        font-size: 24px;
        margin-top: 50px;
    }
    /*about page*/

    #contact main{ margin: 0px; min-height: 0px;}

    body.page-template#contact{ min-height: 0px;}
    body#contact{
    }
    #contact #wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #contact #store-image {
        width: 100%;
        height: 350px;
    }
    #contact #store-text {
        width: 100%;
        margin-top: 0px;
        padding-top: 30px;
    }
    #contact #store-text h2 {
        padding-top: 30px;
    }
    #contact #store-text p {}

    /*------------------------------------*\
       Stockists
    \*------------------------------------*/

    link div.bh-sl-container {  }
    link div.bh-sl-container div.bh-sl-form-container {  }
    #bh-sl-user-location{
        padding: 30px;
        width: 50%;
    }
    #bh-sl-user-location div.form-input {
        float: none;
        clear: both;
    }
    #bh-sl-user-location div.form-input label {  }
    #bh-sl-address {}
    #bh-sl-submit {
        position: absolute;
        display: inline;
        top: 34%;
        right: 22%;
    }
    #bh-sl-map-container.bh-sl-map-container {
        float: none;
        clear: both;
    }
    #bh-sl-map.bh-sl-map {
        height: 550px;
    }
    #bh-sl-map-container.bh-sl-map-container div.bh-sl-loc-list {}
    #page-header {float: none !important;clear: both;}
    #page-header h1.bh-sl-title {
        width: 100%;
    }
    #page-header p{
        width: 100%;
    }
    #bh-sl-map-container.bh-sl-map-container div.bh-sl-loc-list ul.list {
        float: none;
        clear: both;
        /* display: block; */
    }
    #search-again{}
    #results-title{
        width: 100%;
    }

    /* cart */


    .template-cart footer{
        /* padding-left: 230px; */
    }
    .template-cart #left-nav{
        background: transparent;
    }

    .template-cart main{
        margin-left: 0;
    }
    .template-cart form{
        /* display: inline; */
        width: 100%;
    }
    .template-cart  label{
        color: #454545;
    }

    .template-cart .cart-wrapper .cart-item{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 30px;
    }

    .template-cart .cart-wrapper {
        width: 100%;
        margin: 0 auto;
    }

    .template-cart .cart-wrapper .cart-item:first-child{
        border-top: 2px solid #f1f1f1;
        width: 100%;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 10px 0;
/*         padding: 10px 30px; */
    }
    .template-cart .cart-wrapper .product-details{
        width: 111px;
        margin-left: 12px;
    }
    .template-cart .cart-wrapper .product-image{
        width: 100px;
        height: 100px;
        margin-left: 0px;
    }
    .template-cart .cart-wrapper .product-price{
        width: 106px;
        text-align: center;
    }

    .template-cart .summary{
        width: 100%;
    }

    .template-cart .buttons-wrapper{
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .template-cart .buttons-wrapper .checkout-buttons{
        width: 100%;
        max-width: 279px;
    }


    .template-cart .bag-wrapper{display: none;}

    .template-cart input.quantity{
        display: none;
    }

    .template-cart .quantity-label{
        height: 7px;
    }

    .template-cart .quantity-wrapper button.subtract .cross{
        left: 17px;
        background-color: transparent;
    }

    .template-cart div.special-promo {width: 100%;position: relative;margin-top: 10px;left: 0px;margin-bottom: 43px;}.template-cart  div.special-promo h3 {}

    .template-cart #cleaning-kit-details{
        width: 100%;
        margin-left: 0px;
    }
    .template-cart #add-cleaning-kit{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }


    /* customer*/
    #customer{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0px;
        /* margin-top: 30px; */
        padding-top: 70px;
    }
    #customer #login-customer{
        border: none;
        width: 100%;
        margin-bottom: 39px;
        height: auto;
        padding: 30px;
    }
    #customer #create-customer {}
    #customer input {}
    #customer #recover-password {}
    #customer form{min-height: 200px;}
    #customer .form-container{}

    #customer .title {color: #454545;font-family: 'NantesWebRegular';font-size: 33px;word-break: normal;width: 100%;padding: 0px 50px;text-align: center;margin-bottom: 10px;/* letter-spacing: 3px; *//* font-weight: normal; *//* margin-bottom: 35px; *//* margin-top: 0px; *//* top: -13px; *//* line-height: normal; */}
    #customer .action_bottom {/* bottom: 0px; *//* margin-top: 50px; */}
    #customer .btn {width: 215px;border: 2px solid #CCCCCC;height: 40px;text-transform: uppercase;font-family: "Theinhardt", Helvetica, sans-serif;letter-spacing: 2px;/* font-weight: bold; */font-size: 14px;background-color: transparent;padding: 0px;}
    #customer .clearfix.large_form {width: 100%;margin: 0 auto;/* height: 40px; *//* padding: 10px; *//* padding: 0px 5px; */max-width: 250px;}
    #customer  #forgot_password{
        text-align: center;
    }

    #customer .btn:hover{
        background-color: #eeeeee;
        border: 2px solid transparent;
    }

    #customer .errors{
        width: 100%;
    }
    #customer .errors ul{
        list-style: none;
        padding-left: 0px;
    }
    #customer .errors ul li{
        font-size: 12px;
        color: darkred;
    }

    #account footer, #addresses footer, .template-customers-order footer{
        padding-left: 0px;
    }

    #dashboard table{
    }
    #dashboard {margin-left: 0;/* margin-top: 50px; *//* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */display: -webkit-box;
        display: -ms-flexbox;
        display: flex;     -ms-flex-wrap: wrap;
        flex-wrap: wrap;}
    #admin_header div.action_link.action_return.note {padding: 30px;}
    #admin_header h2.title {font-family: 'NantesWebRegular';color: #5b7d8e;text-align: center;font-size: 25px;}
    #dashboard #customer_sidebar {padding: 30px;width: 80%;margin: 0 auto;max-width: 600px;border-bottom: 1px solid grey;border-right: none;}
    #customer_detail.group div.address.note p {margin: 0px;}
    #dashboard #customer_orders {padding: 30px;width: 80%;}
    #admin_header div.action_top {padding: 30px;}
    #add_address.customer_address.edit_address {padding: 30px;width: 80%;max-width: 600px;border-left: none;}
    #add_address_title {text-transform: uppercase;}
    #address_tables {padding: 30px;max-width: 600px;width: 80%;border-bottom: 1px solid grey;}
    #view_address_.customer_address h4.address_title {padding: 0px;margin: 0px;}
#view_address_.customer_address div.view_address p {/* padding: 0px; */margin: 0px;}
#edit_address_.customer_address.edit_address div.action_bottom input.btn {width: 335px;max-width: 80%;height: 50px;-webkit-appearance: none;background-color: transparent;border: 2px solid #CCCCCC;text-transform: uppercase;font-family: 'Theinhardt';letter-spacing: 2px;font-size: 13px;margin: 30px 0px;}
#dashboard thead{
    text-align: left;
}
#dashboard table{
}
div.note.order_date {margin: 30px;}
#order_address.group {margin: 30px;}
#order_payment p {padding: 0px;margin: 0px;}
#order_shipping p {margin: 0px;}
#order_details {margin: 30px;max-width: 90%;}
#order_details thead {}

/* faqs */

.template-page#careers #careers-container {
    width: 80%;
    padding-top: 58px;
    margin: 0 auto;
    min-width: 300px;
    margin-bottom: 100px;
}

/* about us */

#about-us-nav ul {display: none;/* list-style: none; *//* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; *//*     -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; *//* position: absolute; *//* z-index: 10; *//* height: 40px; *//* width: 100%; *//* padding-top: 25px; */}
#about-us-nav ul li {margin: 0px 13px;text-transform: uppercase;font-size: 12px;}
#about-us-nav ul li a {/* color: black; */}
#about-us main div.section {/* background-color: lightgray; */height: auto;}
#about-us main div.section a {text-transform: uppercase;color: black;/* margin: 30px; */}

#about-us main div.section div.top-area div {width: 100%;height: 350px;top: 0px;background-size: cover;z-index: 0;}
#about-us #more-jill-details.details-wrapper {width: 100%;position: relative !important;right: 0;top: 0;padding: 30px;text-align: center;line-height: 1.5;color: black;z-index: 100;height: auto;}
#about-us #more-jill-details.details-wrapper h3 {font-size: 32px;font-family: 'NantesWebRegular', serif;color: #3e5561;}
#about-us #more-jill-toggle {margin: 30px;letter-spacing: 2px;}

#about-us div.section div.article-wrapper {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;     -ms-flex-pack: distribute;
    justify-content: space-around;padding: 30px;background-color: #eef4f7;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;height: 567px;overflow: hidden;}
#about-us div.section div.article-wrapper div h3 {text-transform: uppercase;font-size: 12px;padding-top: 7px;text-align: center;font-family: 'Theinhardt', serif;}
#about-us #select-press{
    margin-top: 100px;
    padding-top: 29px;
    background-color: #eef4f7;
}

#about-us .close{right: 26px;top: 20px;height: 16px; z-index: 1001;}

#about-us #select-press .article{
    width: 350px;
    margin-top: 25px;
}
#about-us .article-wrapper.open{height: auto !important;}
#about-us div.section div.images-wrapper {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;          -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
#about-us div.section div.images-wrapper .image {width: 49%;height: 500px;background-size: contain;background-repeat: no-repeat;background-position: right;}
#about-us div.section div.images-wrapper #image-1{
    width: 63%;
    background-size: cover;
    /* height: 464px; */
    /* height: 290px; */
    height: 100%;
    min-height: auto;
    max-height: auto;
}

#about-us  .jill-mobile-img{
    width: 100%;
    height: auto;
}

#about-us div.press-article-expanded {  }

#about-us div.press-article-expanded.expanded {
    position: fixed;
    top: 0px;
    left: 0px;
    display: block !important;
    width: 100%;
    height: 100%;
    background-color: #E0E6E5;
    z-index: 10001;
    overflow: auto;
}
#about-us  div.press-article-expanded div.extended-images {width: 100%;float: none;padding-top: 45px;clear: both;}
#about-us  div.press-article-expanded .flex-area{display: block;flex-direction: row;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;          -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;height: 100%;   -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;align-content: space-between;padding: 30px;}
#about-us  div.press-article-expanded div.extended-images img {max-width: 100%;height: auto;min-width: 100%;}

#about-us div.press-article-expanded div.extended-products {width: 100%;height: 274px;text-align: center;float: none;margin-top: 30px;/* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; *//* padding-left: 33px; */}
#about-us  div.press-article-expanded div.extended-products div.product-details {width: 293px !important;height: 100%;}
#about-us   div.press-article-expanded div.extended-products div.product-details h2 {  }
#about-us   div.press-article-expanded div.extended-products div.product-details p{}
#about-us   div.press-article-expanded div.extended-products div.product-details img {width: 100%;height: auto;display: block;padding: 25px;}
#about-us   div.press-article-expanded div.extended-article-details p{
    text-align: center;
    padding-top: 13px;
    display: block;
}
#about-us   div.press-article-expanded div.extended-article-details h2{
    text-align: center;
    padding-top: 30px;
}
#about-us   div.press-article-expanded div.extended-article-details{
    height: 112px;
    width: 100%;
    float: none;
}

#about-us div.section div.images-wrapper #image-2{
    width: 33%;
    background-size: cover;
    background-position: center;
    height: 100%;
    min-height: auto;
    max-height: initial;
    /* height: 210px; */
}
#about-us div.section div.images-wrapper #image-3{
    width: 100%;
    margin-top: 0px;
    /* height: 210px; */
    /* background-position: center; */
    margin-top: 30px;
    height: 100%;
    min-height: auto;
    max-height initial;
}
#about-us #colab-list {width: 100%;transform: translateY(25%);}
#about-us #colab-list ul {padding: 0px;list-style: none;text-align: center;}

#about-us #colab-list p{
    width: 52%;
    text-align: center;
    margin: 0 auto;
}
#about-us #who-we-are-details p{width: 100%;margin: 0 auto;}

#about-us #more-press-toggle{
    text-align: center;
    padding: 50px;
    letter-spacing: 2px;
}
#about-us h3{
}
#about-us #more-we-toggle{
}

.template-page#about-us main, .template-page#caring-for-your-jewelry main, .template-page#size-guide main, .template-page#stockists main  {
    margin-left: 0px;
}

.template-page#stockists main{
    /* margin-bottom: 100px; */
}
#about-us div.section.gold .wrapper {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;          -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;margin-top: 70px;height: auto;}
#about-us div.section.gold a {text-align: center;margin: 30px;margin-bottom: 70px;}
#about-us div.section.gold img {width: 47%;height: auto;height: 100%;}
#about-us div.section.gold h3 {width: 100%;}
#about-us div.section.gold p {width: 400px;margin: 0 auto;text-align: center;}

#about-us iframe{
    width: 100% !important;
    height: auto;
}

div.section div.extended-area {display: none;}
div.section div.extended-area.show {display: block;}
div.section div.extended-area ul.alternative-images {padding-left: 0;width: 100%;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;       -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;padding: 30px;}

div.section div.extended-area ul.alternative-images li{
    list-style: none;
}
div.section div.extended-area ul.alternative-images li div {}
div.section div.extended-area ul.alternative-images li img{display: none;}
div.section div.extended-area.show {display: block;}
div.section div.extended-area ul.alternative-images {
    /* padding-left: 70px; */
    width: 100%;
    padding: 30px;
    padding-top: 30px;
    height: auto;
}

div.section div.extended-area ul.alternative-images li div {height: 100px;}
div.section div.extended-area ul.alternative-images li img{
    width: 100%;
    height: auto;
    display: block;
}
div.section div.extended-who-we-are {display: none;}

#who.show .extended-who-we-are{display: block;}
div.section div.extended-who-we-are ul{padding-left: 70px;width: 60%;padding-top: 30px;}
div.section div.extended-who-we-are ul{list-style: none;/* padding-left: 70px; */padding: 30px;padding-top: 0px;width: 100%;}
div.section div.extended-who-we-are ul li div {height: 100px;}
div.section div.extended-who-we-are ul li img{
    width: 100%;
}
div.section div.extended-who-we-are ul li{
    padding: 30px 0px;
}
#who.show #who-we-are-details{position: relative;right: 0px;top: 50px;z-index: 100;}
/*------------------------------------*\
   Jewelry Care
\*------------------------------------*/
.template-page#caring-for-your-jewelry h1, .template-page#size-guide h1{text-align: center;margin-bottom: 50px;margin-top: 0px;padding-top: 50px;}
.template-page#caring-for-your-jewelry p, .template-page#size-guide p{
    width: 80%;
    text-align: center;
    margin: 0 auto;
    color: black;
    line-height: 1.5;
    margin-bottom: 50px;
    /* border-bottom: 1px solid; */
}

.template-page#caring-for-your-jewelry iframe{
    width: 100% !important;

}

/*------------------------------------*\
   Size Guide
\*------------------------------------*/


#sizing-nav ul {list-style: none;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;position: absolute;z-index: 10;height: 40px;width: 100%;padding-top: 25px;padding-left: 0;}
#sizing-nav ul li {margin: 0px 13px;text-transform: uppercase;font-size: 12px;}
#sizing-nav ul li a {/* color: black; */}

/*------------------------------------*\
   Basic Page
\*------------------------------------*/
.template-page h2{
    margin: 0 auto;
    padding-top: 10px;
    font-family: 'NantesWebRegular', serif;
    font-size: 39px;
    color: #454545;
    text-align: center;
    padding: 0px;
}
/*------------------------------------*\
   Search
\*------------------------------------*/

.template-search form {margin: 0 auto;text-align: center;padding-top: 50px;}
.template-search form input {-webkit-appearance: none;border: none;background-color: #f1f1f1;/* border-bottom: 2px solid lightblue; */height: 40px;font-family: 'Theinhardt', sans-serif;letter-spacing: 2px;color: #454545;width: 145px;padding: 10px;}
.template-search ol {padding-left: 30px;list-style: none;}
.template-search ol li {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;     -ms-flex-wrap: wrap;
    flex-wrap: wrap;   -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;justify-content: flex-start;padding-top: 10px;}
.template-search ol li h3 {width: 100%;}
.template-search ol li a {padding-right: 30px;}
.template-search ol li p{
    /* padding-left: 22px; */
    height: auto;
    width: 40%;
}
.template-search form input#submit{width: 30px;background-color: transparent;background-size: contain;background-position: center;background-repeat: no-repeat;height: 28px;/* padding: 0px; */}

/*------------------------------------*\
   Stockists
\*------------------------------------*/

link div.bh-sl-container {  }
link div.bh-sl-container div.bh-sl-form-container {  }
#bh-sl-user-location {text-align: center;margin: 0 auto;width: 100%;/* padding: 0px 75px; */display: block;padding-left: 105px;}
#bh-sl-user-location div.form-input {text-align: center;margin: 0 auto;/* width: 100%; */}
#bh-sl-user-location div.form-input label {  }
#bh-sl-address {background-color: #f7f7f7;border: none;border-radius: 0px;padding: 10px;text-transform: uppercase;color: #454545;letter-spacing: 1px;}
#bh-sl-submit {background-color: rgba(255, 255, 255, 0);background-image: 'JP_Arrow-01.svg';background-repeat: no-repeat;background-position: center;background-size: contain;color: transparent;-webkit-appearance: none;padding: 0px;height: 35px;width: 23px;}
#bh-sl-map-container.bh-sl-map-container {margin-top: 0px;margin-bottom: 0px;}
#bh-sl-map.bh-sl-map {height: 907px;}
#bh-sl-map-container.bh-sl-map-container div.bh-sl-loc-list {height: 907px;}
#page-header {  }
#page-header h1.bh-sl-title {text-align: center;font-family: 'NantesWebRegular', serif;color: #454545;letter-spacing: 2px;font-size: 39px;padding-top: 104px;}
#page-header p {text-align: center;padding: 0px 61px;font-family: 'Theinhardt';font-weight: normal;color: black;font-size: 14px;}
#bh-sl-map-container.bh-sl-map-container div.bh-sl-loc-list ul.list {display: none;}
#search-again{display: none;text-transform: uppercase;letter-spacing: 2px;/* display: block; */text-align: center;margin-top: 35px;margin-bottom: 23px;}
#results-title{display: none;text-align: center;}

/* variant selectors */
body.template-product #product-variants{

    position: relative;
}
body.template-product #product-variants .option-group{

}

body.template-product #product-variants .option-group span.option{
    border: 1px solid #7C8991;
    height: 40px;
    padding: 12px;
}
body.template-product #product-variants .option-group span.option.selected{

}
body.template-product #product-variants .option-group span.size-link{

}

body.template-product #product-variants .option-group span.option:hover{
    background-color: #7C8991;
}


body.template-product #product-variants .option-group.open{
    background-color: #CCD6D5;
    height: initial;
    width: 100%;
    padding: 15px 30px;
    max-width: 400px;
}
body.template-product #product-variants .option-group .trigger{
    padding: 9px;
    width: 100%;
    height: 40px;
}

body.template-product #product-variants .option-group .trigger:hover{
    background-color: #CCD6D5;
}
.selector-wrapper label{

}

body.template-product #variant-addon{

}
#master-filter.open{}
body.template-product .product-details h1{
    margin-top: 37px;
}

body.template-collection .filters.open .ui-group{
    display:block;}
body.template-collection #selected-filters{
    left: 0px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    background-color: #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: initial;
    /* padding: 10px; */
}

body.template-collection #selected-filters .ui-group .button-group .button .close{
    top: 17px;
    height: 10px;
}
body.template-collection #selected-filters .ui-group .button-group .button .close:before{
    background-color: black;
}
body.template-collection #selected-filters .ui-group .button-group .button .close:after{
    background-color: black;
}
body.template-collection .filters .trigger.selected .cross{
    top: -3px;
}
#faqs #faq-container {
    width: 100%;
    padding-top: 136px;
    margin: 0 auto;
    max-width: 600px;
    margin-bottom: 100px;
}
#melt-your-gold main {
    width: 100%;
}
#melt-your-gold .question {
    border-top: 1px lightgrey solid;
    padding: 9px 16px 7px 13px;
    width: 100%;
    margin: 0 auto;
    min-width: 300px;
}#melt-your-gold p {
     text-align: left;
     padding: 0;
 }

body.template-product #product-variants{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

body.template-product #product-add{
    margin-top: 80px;
}

body.template-product .product-description{
    margin: 0 auto;
    margin-top: 10px;
}
body.template-product #product-add #add,
body.template-product #product-add .btn-out-of-stock{
    margin-top: 5px;
}
body.template-product #product-add.has-variants{
    margin-top: 30px;
}

.template-product .engraving .accordion-header{
    margin-top: 0px !important;

}


#size-guide .wrapper div.details{
    position: relative !important;
    right: 0px !important;
    left: 0px;
    transform: translateY(0%) !important;
    width: 100% !IMPORTANT;
    order: 0;
}

#size-guide  div div.rings.wrapper div{
    position: relative !important;
    right: 0px !important;
    left: 0px;
    transform: translateY(0%) !important;
    width: 100% !IMPORTANT;
}

#size-guide #necklace div.necklace.wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#size-guide .bracelet.wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#size-guide div div.rings.wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#size-guide  #necklace div.necklace.wrapper img{
    order: 2;
}
#size-guide #bracelet div.bracelet.wrapper div.details{
    order: 0;
    top: 0px;
}

#size-guide #bracelet{
    border-top: 1px solid #454545;
}

body.template-collection#sculpture .grid .grid-item{
    height: auto;
    max-height: initial;
}
body.template-collection#sculpture .grid .grid-item > a > .img{
    height: auto;
}

body.template-collection#sculpture .button{
    font-size: 11px;
}

}

/*--------------------------------------
ENGRAVING */

.template-product  .engraving{
    text-align: center;
    display: block;
    padding: 12px 0 0 0;
}
.template-product  #product-add.active-engraving{
    margin-top: -10px;
}


.template-product .engraving.show{
}

.template-product .engraving .accordion-header{
    width: 100%;
    height: 50px;
    max-width: 250px;
    position: relative;
    margin-top: 50px;
}
.template-product .engraving .accordion-content{
    height: 0px;
    opacity: 0;
    color: #454545;
    background-color: #CCD6D5;
    overflow: hidden;
    padding: 9px 20px;
    margin-top: 40px;
    display: none;
}
.template-product .engraving .accordion-content.show{
    height: auto;
    margin-top: 0px;
    opacity: 1;
    display: block!important;
}
.template-product .engraving .engraving-label{
    font-size: 9px;
}
.template-product .engraving p{
    font-size: 12px;
}
.template-product .engraving .accordion-content input{
    border: 2px solid #454545;
    color: #454545;
    background-color:  #CCD6D5;
    padding: 4px 10px;
}
.template-product .engraving a{
    text-transform: uppercase;
    padding: 9px;
    font-size: 12px;
    color: #454545;
    width: 100%;
    background-color: #CCD6D5;
}
.template-product .engraving a:hover {
    background-color: #CCD6D5;
}
.template-product .engraving a.active {
    background-color: #CCD6D5;
}

@media (max-width: 1024px), handheld{
    body.template-product #product-add{margin-top: 10px;}
    .template-product .engraving .accordion-content.show{margin-top: 0px;}
    .template-product .engraving input{ font-size: 16px;}
    .template-product  #product-add.active-engraving{
        margin-top: 20px;
    }
}

@media (max-width: 991px){
    .grid .grid-item{
      width:250px;
    }
}

/* VIDEO UPDATE */
.template-index .flex-video, .template-product .flex-video {
    min-height: 600px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.template-index .homepage-hero.video{

    height: initial;
}

.template-index .flex-video iframe,  {
    position: absolute;
    width: 175%;
    height: 175%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.template-product .flex-video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);

}
@media (max-width: 790px), handheld{


    /* Mobile hide or delete feature */
    .hide-for-mobile{
        visibility: hidden;
    }

    .delete-for-mobile{
        display: none;
        /* order: 2 !important; */
    }
}
@media (min-width: 791px), handheld{
    .delete-for-main-desktop{
        display: none;
    }
}


/* .template-index .flex-video.delete-for-mobile{
	display: none;
}
.template-index .homepage-hero.video.delete-for-mobile{
display: none;
} */

/*------------------------------------*\
  Gift Card
\*------------------------------------*/
#giftCertificate #gift-card-header h2{
    display: block;
    text-align: center;
    font-family: 'NantesWebRegular', Garamond, Georgia, serif;
    text-transform: none;
    font-size: 36px;
    letter-spacing: 2px;
    font-weight: lighter;
    color: #454545;
    width: 100%;
}

#giftCertificate #gift-card-amount strong{
    font-family: 'Theinhardt', Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size: 22px;
    color: #454545;
    text-shadow: none;
    font-weight: normal;
}
#giftCertificate #gift-card-instructions p{
    color: #454545;
    padding-top: 20px;
    padding-bottom: 20px;

}
#giftCertificate, #gift-card-inner-container, #giftCertificate footer{
    background: #E2EBEF;
}
#giftCertificate #gift-card-inner-container,#giftCertificate #gift-card-outer-container{
    -webkit-box-shadow: none;
    box-shadow: none;
}
#giftCertificate #gift-card-actions{
    border-top: none;
}
#giftCertificate #gift-card-header{
    border-bottom: none;

}

#giftCertificate #gift-card img{
    border-radius: 0px;
}
#giftCertificate #gift-card:before{
    border-radius: 0px;

}
#giftCertificate #gift-card-code-inner strong{
    border: none;

}
#giftCertificate #gift-card-code-inner{
    padding: 0px;
}
#giftCertificate #gift-card-actions .btn{
    background-color: #454545;
    float: none;
    border-radius: 0px;
}
#giftCertificate .action-link.left {
    float: none;
    display: block;
    text-transform: uppercase;
    color: #454545;

}
#giftCertificate svg{    width: 125px;    display: block;
    margin: 0 auto;}
#giftCertificate svg path{ fill: #818287;}
#giftCertificate #header {
    padding: 2em 0 0em;
}

/*------------------------------------*\
  Product OOAK
\*------------------------------------*/

.lined-box{
    font-family: 'NantesWebRegular', Garamond, Georgia, serif;
    letter-spacing: 0px;
    font-style: italic;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    color: #454545;
    margin-top: 25px; margin-bottom: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 250px;

}
.lined-box  span{ padding: 0px 9px; }
.lined-box .line{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #454545;
    height: 1px;
}

/*------------------------------------*\
  Collection Description
\*------------------------------------*/
.collection-description{margin: 0 auto; text-align: center; width: 80%; max-width: 450px;}
.collection-description h1{
    margin-top: 73px;
    font-family: 'NantesWebRegular', Garamond, Georgia, serif;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: lighter;
    color: #454545;
}
.collection-description p{
    font-family: 'Theinhardt', Helvetica, sans-serif;
    letter-spacing: 1px;
    text-align: center;
    font-size: 16px;
/*     line-height: 16px; */
    margin-top: 35px;
}


/*------------------------------------*\
  Collection Description - WEDDING
\*------------------------------------*/
.template-collection#wedding .collection-header{

    position: relative; display:block;
    height: 315px;


}
.template-collection#wedding .collection-description{
    text-align:center;
    max-width:555px;
    margin: 0 auto;
    display: block;
    margin-top: 50px; margin-bottom: 50px;}
.template-collection#wedding .collection-header h1{
    font-size: 64px;
    font-family: 'NantesWebRegular', Garamond, Georgia, serif;
    letter-spacing: 2px;
    margin: 0 auto;
    display:block;
    text-align: center;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

body.template-collection#wedding .filters{
    padding-left: 0px;
    position: relative;

}
body.template-collection#wedding .filters .button{
    font-family: 'Theinhardt', Helvetica, sans-serif;
    letter-spacing: 2px;
    border: none;
    background:none;
    font-size: 14px;
    padding: 0px;
    margin-left: 15px;
    margin-right: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;

}

body.template-collection#wedding .filters .button.is-checked,
body.template-collection#wedding .filters .button:hover{
    border-bottom: 1px solid black;
    cursor: pointer;
}
body.template-collection#wedding .grid{margin-top: 50px; margin-bottom: 40px;}

@media (max-width: 1024px), handheld{
    body.template-collection .filters {

        top: 0;
    }
    body.template-collection#wedding .filters .button{margin-bottom: 13px;}
    body.template-collection#wedding .filters .button:last-of-type{margin-bottom: 0px;}
    .template-collection#wedding .collection-header h1{font-size: 46px;}

    .template-collection#wedding .collection-description{margin-bottom: 25px;}
    body.template-collection#wedding .grid{margin-top: 25px;}

}


.template-blog .pagination{

    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}
.template-blog .pagination .page{margin-right: 5px;}


#faqs h1{padding-top: 0px;}

/* New Opacity  */
.grid-item img{
    -webkit-transition: opacity ease .4s;
    -moz-transition: opacity ease .4s;
    -o-transition: opacity ease .4s;
    transition: opacity ease .4s;
    opacity: 1;
}

.grid-item:hover img{

    opacity: 0.80;
}

/*.option-group .option.c-19kgold,
.option-group .option.c-19kwhitegold,
.option-group .option.c-19krosegold,
.option-group .option.c-platinum{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.c-19kwhitegold .swatch{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
background-color: #beb8a7;
}

.c-19krosegold .swatch{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
background-color: #da9e86;
}

.c-19kgold .swatch{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
background-color: #d4af57;
}
.c-platinum .swatch{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
background-color: #b4adad;
}*/