/* Common */
@import url('https://fonts.googleapis.com/css?family=Quattrocento:400,700|Open+Sans:300,400,600');

body {margin: 0;}
.clear {clear: both;}
.clearfix::after {display: table; content: ''; clear: both;}
img {border: none; margin: 0; padding: 0; vertical-align: bottom;}
.tr3 {transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -o-transition: all ease-in 0.3s; -webkit-transition: all ease-in 0.3s;}
.bxs {box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;}
.brr {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
.op6:hover {opacity: 0.7; -moz-opacity: 0.7; -o-opacity: 0.7; -webkit-opacity: 0.7; -ms-opacity: 0.7;}

/* Layout */
#wrapper {width: 100%; background: #fff; color: #111;}
#tempIn {
    width: 960px; 
    margin: 0 auto; 
    padding: 1px; 
    overflow: hidden; 
    background: #fbe6c3;
    border: 3px solid #fbe6c3;
    box-shadow: none;
}

/* Header */
header#hdr {
position: relative;
width: 100%;
min-height: 217px;
background: #fbe6c3 url(https://instantmedia.valigara.com/cl/512/storage/images/eb1.png) center no-repeat; 
background-size: cover;
border-bottom: 1px solid #f98b8e;
}
#hdrIn {
position: initial;
background-size: 100%;
}
#logo {
display: block;
width: 230px;
height: auto;
margin: 0 auto;
padding: 5px 0 0 0;
}
#logo img {
max-width: 230px;
}

#bookMark {
position: absolute; 
bottom: 5px; 
left: 10px;
}
#bookMark  a {
font: 400 14px 'Quattrocento', Times, 'Times New Roman', serif !important;
    color: #e4dece; 
	background: -webkit-linear-gradient(#f98b8e, #e52b50); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
text-transform: uppercase; 
text-decoration: none;
-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
    
}

#bookMark a:hover {
    color: #e52b50; 
    background: -webkit-linear-gradient(#f98b8e, #e52b50);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
	}
#bookMark img {
max-height: 16px;
display: none;
}

#askQuestion {
position: absolute; 
right: 10px; 
bottom: 5px; 
background: none;
background-size: 16px;
}
#askQuestion a {
padding-left: 22px; 
font: 400 14px 'Quattrocento', Times, 'Times New Roman', serif; 
text-transform: uppercase; 
text-decoration: none;
color: #e4dece;
background: -webkit-linear-gradient(#f98b8e, #e52b50); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;	
}
#askQuestion a:link, #askQuestion a:visited {
  color: #e4dece;
background: -webkit-linear-gradient(#f98b8e, #e52b50); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;	

}
#askQuestion a:hover {
    color: #f98b8e; 
    background: -webkit-linear-gradient(#f98b8e, #e52b50);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-transition: all ease-in 0.3s;
	transition: all ease-in 0.3s;
}

/* Top Horizontal Menu */
#topNav {position: relative; z-index: 1000; border-bottom: 1px solid #e6d4ab;}
#topNav > ul {margin: 0 auto; padding: 0; list-style: none;}
#topNav > ul > li {
    position: relative;
    float: left; 
    background: #e52b50 url(../images/topnavbg.png) repeat-x top left;
    background-size: auto 100%;
    font: 600 13px 'Open Sans', Arial, sans-serif;
    text-align: center;
    transition: all ease-in 0.3s; 
    -moz-transition: all ease-in 0.3s; 
    -webkit-transition: all ease-in 0.3s; 
    -o-transition: all ease-in 0.3s;
    -ms-transition: all ease-in 0.3s;
}
#topNav > ul > li:hover {background: #bb8b3b;}
#topNav > ul > li:nth-child(1) {width: 22%;}
#topNav > ul > li:nth-child(2) {width: 19%;}
#topNav > ul > li:nth-child(3) {width: 13%;}
#topNav > ul > li:nth-child(4) {width: 14%;}
#topNav > ul > li:nth-child(5) {width: 14%;}
#topNav > ul > li:nth-child(6) {width: 18%;}
#topNav > ul > li:nth-child(7) {width: 14%; display: none;}
#topNav > ul > li > a, #topNav > ul > li > span {
    display: block; 
    padding: 18px 0;
    color: #eee;
    text-transform: uppercase;
    text-decoration: none;
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    text-shadow: 0 0 1px #000;
}
#topNav > ul > li > a {background: url(../images/topnavdiv.png) no-repeat right center; background-size: auto 100%;}
#topNav > ul > li:nth-child(6) > a {background-image: none;}
#topNav > ul > li > a:link, #topNav > ul > li > a:visited {color: #eee;}
#topNav > ul > li > a:hover, #topNav > ul > li > span:hover {color: #fff;}
#topNav > ul > li:hover > a, #topNav > ul > li:hover > span {color: #fff;}
#topNav > ul > li > ul {display: none;}
#topNav > ul > li:hover > ul {
    display: block; 
    position: absolute; 
    overflow: hidden;
    width: 100%;
    margin: 0 auto; 
    margin-top: -1px;
    margin-left: 0px;
    padding: 0; 
    list-style: none; 
    background: #bb8b3b;
}
#topNav > ul > li:nth-child(7) > ul {width: 100%; right: 0;}
#topNav > ul > li:hover > ul > li {text-align: center; font: 400 13px 'Open Sans', Arial, sans-serif; border-bottom: 1px solid #d8a95b; border-top: 1px solid #bf8f3e;}
#topNav > ul > li:hover > ul > li:nth-child(1) {border-top: none;}
#topNav > ul > li:hover > ul > li > a {display: block; text-decoration: none; padding: 10px 10px;}
#topNav > ul > li:hover > ul > li > a:link, #topNav > ul > li:hover > ul > li > a:visited {color: #fff;}
#topNav > ul > li:hover > ul > li > a:hover {background: #243663; color: #fff;}
#topNav > ul > li:hover > ul > li:last-child {border-bottom: none;}

#mobMenu {display: none; background: #e52b50 url(../images/topnavbg.png) repeat-x top left;}
#mobMenu .toggle, [id^=drop] {display: none; cursor: pointer;}
#mobMenu #toggleFirst {
    margin-left: 15px;
    padding: 15px;
    padding-left: 40px;
    background: url(../images/icmenu.svg) no-repeat left center;
    background-size: 30px auto;
    font: 400 30px 'Quattrocento', Times, serif;
    text-transform: uppercase; 
    color: #dca561;
}
nav#mobMenu {margin: 0;	padding: 0;}
nav#mobMenu [id^=drop]:checked + ul {display: block;}
nav#mobMenu:after {content: "";	display: table;	clear: both;}
nav#mobMenu > ul {float: none; padding: 0; margin: 0; list-style: none; position: relative;}
nav#mobMenu > ul > li {display: block; width: 100%; font: 400 18px 'Open Sans', Arial, sans-serif; background: #bb8b3b; border-bottom: 1px solid #d4a454;}
nav#mobMenu > ul > li:nth-child(7) {display: none;}
nav#mobMenu > ul li > a:after {content: ' +';}
nav#mobMenu > ul li > a:only-child:after {content: '';}
nav#mobMenu > ul > li > a {display: block; padding: 15px 20px; color: #fff; text-decoration: none;}
nav#mobMenu > ul > li > a:hover {background: #172235; color: #fff;}
nav#mobMenu .toggle + a, nav#mobMenu .menu {display: none;}
nav#mobMenu .toggle {display: block; padding: 15px 20px; color: #fff;}
nav#mobMenu .toggle:hover {background: #172235; color: #fff;}
nav#mobMenu li:hover .toggle {background: #172235 !important; color: #fff !important;}
nav#mobMenu ul ul {display: none; position: absolute; top: 60px; padding: 0; margin: 0; list-style: none;}
nav#mobMenu ul li:hover ul {display: inherit;}
nav#mobMenu ul ul li {width: 100%; display: block; font: 400 16px 'Open Sans', Arial, sans-serif; background: #3b4f8f; border-bottom: 1px solid #4159a7;}
nav#mobMenu ul ul li a {display: block; padding: 10px 20px; color: #fff; text-decoration: none;}
nav#mobMenu ul ul li a:hover {background: #5469ad; color: #fff;}
nav#mobMenu ul ul {float: none;	position: static;}
nav#mobMenu ul ul li:hover > ul, nav#mobMenu ul li:hover > ul {display: none;}

/* Content Block */
#contBlock {
    position: relative;
    z-index: 50;
    margin: 10px;
    margin-bottom: 0;
    padding: 10px; 
    background: #fff; 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    box-shadow: 0 0 5px rgba(229, 43, 80, .3);
}

/* Title */
#prodTitle {margin-bottom: 10px; text-align: center;}
#prodTitle span {
    margin: 0; 
    padding: 0; 
    font: 700 23px 'Quattrocento', Times, serif; 
    color: #f98b8e;
    background: -webkit-linear-gradient(#f98b8e, #e52b50); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
}

/* Gallery */
#gallBlock {float: left; width: 500px; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#gallBlock .lrgImg {display: none; min-height: 500px;}
#gallBlock .lrgImg .imgLgIn {display: table-cell; overflow: hidden; width: 500px; height: 500px; vertical-align: middle; text-align: center; background: #f6f6f6;}
#gallBlock .lrgImg .imgLgIn img {max-width: 100%; max-height: 100%;}
#gallBlock .lrgImg .imgLgIn video {max-width: 100%; max-height: 100%;}
#gallBlock input {display: none;}
#gallBlock #gallThumbs {text-align: center; margin-top: 5px;}
#gallBlock label {display: inline-block; width: 80px; margin: 0; padding: 0;}
#gallBlock label .imgSmIn {display: table-cell; vertical-align: middle; width: 80px; height: 80px; background: #f6f6f6;}
#gallBlock label .imgSmIn img {
    max-width: 100%; 
    max-height: 100%;
    opacity: 1;
    transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out; 
    -webkit-transition: all 0.3s ease-in-out;
}
#gallBlock label .imgSmIn img:hover {opacity: 0.85;}
#gallBlock label:nth-child(1) {border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; overflow: hidden;}
#gallBlock label:nth-child(6) {border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; overflow: hidden;}
#gallBlock label:hover {cursor: pointer;}
#gallBlock input:checked + label {background: #fff;}
#gallBlock #img1:checked ~ #imgblock1, 
#gallBlock #img2:checked ~ #imgblock2,
#gallBlock #img3:checked ~ #imgblock3, 
#gallBlock #img4:checked ~ #imgblock4, 
#gallBlock #img5:checked ~ #imgblock5, 
#gallBlock #img6:checked ~ #imgblock6 {display: inline-block;}
#gallBlock .hideImg {display: none !important;}
.hideImg {display: none !important;}

/* Item Includes */
#itemIncl {margin-top: 10px; margin-bottom: 10px; background: #22314b url(../images/extrasbg.png) repeat-x top left; background-size: auto 100%; overflow: hidden;}
#itemInclIn {padding: 20px; padding-bottom: 5px; background: url(../images/extrasbgdet.png) no-repeat top right; background-size: auto 100%;}
#itemInclHd {
    margin-bottom: 5px; 
    font: 700 28px 'Quattrocento', Times, serif; 
    text-transform: uppercase; 
    color: #dca561; 
    background: -webkit-linear-gradient(#fad9af, #dca561); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;  
}
#itemIncl img#itemIncImg {float: left; width: 160px; margin-right: 10px;}
#itemIncl ul {float: left; margin: 0; padding: 0; list-style: none;}
#itemIncl ul li {
    padding: 4px 0;
    padding-left: 23px; 
    background: url(../images/ictick.svg) no-repeat left center; 
    background-size: auto 14px; 
    font: 400 15px 'Open Sans', Arial, sans-serif;
    color: #fad9af;
}

/* Contact Button */
#btnContact {text-align: center;}
#btnContact a {
    display: block; 
    padding: 13px 0;
    font: 400 22px 'Quattrocento', Times, serif;
    text-decoration: none; 
    text-align: center;
    text-shadow: 0 0 2px #000;
    text-transform: uppercase;   
}
#btnContact a:link, #btnContact a:visited {background: #bf8637 url(../images/btnyellow.png) repeat-x top center; background-size: auto 100%; color: #fff;}
#btnContact a:hover {background: url(../images/btnblue.png) repeat-x top center; background-size: auto 100%; color: #dca561;}

/* Specification Rows */
#specsBlock {float: right; width: 400px;}
.specsRow {margin-bottom: 10px;}
.descrHd {
    font: 700 18px 'Quattrocento', Times, serif; 
    text-transform: uppercase;
    color: #bc843e; 
    background: -webkit-linear-gradient(#dca561, #bc843e); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
}
.specLine {padding-bottom: 5px; font: 600 13px 'Open Sans', Arial, sans-serif;}
.specLine::after {display: table; content: ''; clear: both;}
.specR {float: right; font-weight: 400; color: #444;}
#specsBlock .specsRow:last-child {margin-bottom: 0;} 
#specsBlock .specsRow:last-child .specLine:last-child {padding-bottom: 0;}
.specSpecial {color: #d00;}
/* .lineThrough {text-decoration: line-through;}  */
#descrBlock {padding: 0;}
#descrTxt {font: 400 13px 'Open Sans', Arial, sans-serif; text-align: justify; line-height: 20px;}

/* Upgrade Options */
#upgrOptions {
    z-index: 40;
    margin: 10px; 
    margin-top: -5px;
    padding: 1px 10px;
    background: #22314b url(../images/extrasbg.png) repeat-x bottom left; 
    background-size: auto 100%;
    border-bottom: 3px solid #cfa26a;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.upgrOp {
    float: left; 
    width: 33.333%; 
    padding: 15px;
    padding-top: 20px;
    background: url(../images/extrasdiv.png) no-repeat right center; 
    background-size: auto 100%;    
}
.upgrOp:nth-child(3) {background: none;}
.upgrOp .upgrHd {
    font: 700 19px 'Quattrocento', Times, serif; 
    text-transform: uppercase; 
    color: #f6c6a5;
    background: -webkit-linear-gradient(#fff, #dca561, #c68f4c); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
}
.upgrOp .upgrSub {font: 400 13px 'Open Sans', Arial, sans-serif;}
.upgrOp a {display: block; text-decoration: none;}
.upgrOp a:link, .upgrOp a:visited, .upgrOp a:hover{color: #fff;}
#upgrOp1 {width: 35%;}
#upgrOp1 img {float: left; height: 80px; margin-right: 15px;}
#upgrOp1 .upgrHd {margin-bottom: 8px;}
#upgrOp2 {width: 30%; text-align: center;}
.goldType {text-align: center; margin-top: 4px;}
.goldType img {width: 45%;}
#goldTypeY {float: left; width: 45%;}
#goldOr {float: left; width: 10%; font-size: 14px; text-align: center; padding-top: 20px;}
#goldTypeW {float: right; width: 45%;}
.goldPur {margin: 0 auto; display: inline-block; font: 400 18px 'Quattrocento', Times, serif; }
.goldPur .goldPurL {float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #4a6e8e;}
.goldPur .goldPurR {float: left; text-align: left; font-size: 9px; text-transform: uppercase;}


#upgrOp3 {width: 35%;}
#upgrOp3 img {float: left; height: 80px; margin-right: 15px;}
#upgrOp3 .upgrHd {margin-bottom: 8px;}

/* Shop by Shape */
#shopByShape {margin: 10px; background: #fff; overflow: hidden;}
#shopByShape ul {margin: 0; padding: 0; list-style: none;}
#shopByShape ul li {
    float: left; 
    width: 10%;    
    text-align: center; 
    text-transform: uppercase;
    font: 400 10px 'Open Sans', Arial, sans-serif;
    transition: all ease-in 0.3s; 
    -moz-transition: all ease-in 0.3s;
    -webkit-transition: all ease-in 0.3s;
}
#shopByShape ul li:hover {background: #5e8fcc;}
#shopByShape ul li img {height: 40px;}
#shopByShape ul li span {display: block; margin-top: 5px;}
#shopByShape ul li a {display: block; padding: 15px 0 10px 0; text-decoration: none;}
#shopByShape ul li a:link, #shopByShape ul li a:visited {color: #111;}
#shopByShape ul li a:hover {color: #fff;}

/* Featured Categories */
#fCatsBlock {margin-right: 10px; margin-top: 10px; padding-left: 200px; background: url(../images/model2.jpg) no-repeat top left; background-size: auto 100%;}
.fCat {
    float: left; 
    position: relative; 
    /* width: 32.53%;
    margin-right: 1.2%; */
    width: 23.85%;
    margin-right: 1.5%;
    padding: 1px;
    overflow: hidden; 
    background-color: #07090e;
    border: 3px solid #fff;
    text-align: center;
}
.fCat:hover {border: 3px solid #cfa26a;}
#fCat1, #fCat2, #fCat3, #fCat4 {margin-bottom: 12px;}
#fCat4, #fCat8 {margin-right: 0;}
.fCat a {display: block; text-decoration: none;}
.fCat img {width: 100%;}
.fCat span {
    display: block; 
    width: 100%; 
    padding-bottom: 10px;
    background: #fff;
    font: 700 13px 'Quattrocento', Times, serif; 
    text-transform: uppercase; 
    color: #0a1a34;
}
.fCat:hover span {color: #2d67b2;}

/* Policy */
#polTabs {margin: 10px; display: flex; flex-wrap: wrap; overflow: hidden; background: #22314b; border: 1px solid #22314b;}
#polTabs label {
	display: block;
    padding: 13px 0; 
    font: 400 18px 'Quattrocento', Times, serif;
    text-transform: uppercase; 
    text-align: center;
    background: url(../images/btngold.png) repeat-x top left;
    background-size: auto 100%;
    border-right: 1px solid #5b2d07;
    border-left: 1px solid #b99851;
    color: #fff;
    text-shadow: 0 0 1px #000;
    cursor: pointer;
}
#polTabs label[for="polTab1"] {width: 32% !important; border-left: none;} 
#polTabs label[for="polTab2"] {width: 25% !important;} 
#polTabs label[for="polTab3"] {width: 21% !important;}
#polTabs label[for="polTab4"] {width: 22% !important; border-right: none;}
#polTabs input[type="radio"] {display: none;}
#polTabs input[type="radio"]:checked + label {color: #fff; background: #bf8637;}
#polTabs input[type="radio"]:checked + label + .polTabContent {display: block;}
#polTabs .polTabContent {
    display: none; 
    order: 99; 
    flex-grow: 1; 
    width: 100%;
    padding: 15px; 
    font: 400 13px 'Open Sans', Arial, sans-serif; 
    color: #ddd;
    text-align: justify;
    line-height: 20px;
}
.polHd {margin-bottom: 5px; font: 600 18px 'Open Sans', Arial, sans-serif; color: #fff;}
.polSpace {padding-top: 15px;}

/* Footer Menu */
#footBar {padding: 13px 0; background: url(../images/btngold.png) repeat-x top left; background-size: auto 100%; text-align: center;}
#footBar ul {margin: 0; padding: 0; list-style: none;}
#footBar ul li:nth-child(1) {border-left: 1px solid #ddab4f;}
#footBar ul li {display: inline-block; font: 400 16px 'Quattrocento', Times, serif; border-right: 1px solid #ddab4f;}
#footBar ul li a {text-decoration: none; padding: 0 15px;}
#footBar ul li a:link, #footBar ul li a:visited {color: #ddab4f; text-shadow: 0 0 1px #000;}
#footBar ul li a:hover {color: #152a49; text-shadow: none;}

/* Footer */
footer#foot {background: url(../images/footerbg.png) repeat-x top left; background-size: auto 100%;}
#footIn {padding: 15px; background: url(../images/footermotif.jpg) no-repeat right top; background-size: auto 100%;}
#satSeal {float: left;}
#satSeal img {height: 60px; width: 60px;}
#giaSeal {float: left; display: flex; padding-left: 15px;}
#giaSeal img {float: left; height: 60px; width: 60px; margin-right: 10px;}
#iggSeal {float: left; display: flex; padding-left: 15px;}
#iggSeal img {float: left; height: 60px; width: 60px; margin-right: 10px;}
.labNm {font: normal 38px Times, 'Times New Roman', serif; color: #cfa26a;}
.labNm span {display: block; font: normal 10px Times, 'Times New Roman', serif; color: #d8ae7a; text-transform: uppercase;}
#logofoot {float: right;}
#logofoot img {height: 50px;}

/* Footer Bottom */
#footerBot {padding: 10px 15px; background: #22314b; border-top: 1px solid #e52b50;}
#copyNote {float: left; font: 400 9px 'Open Sans', Arial, sans-serif; color: #d8ae7a; text-align: center; letter-spacing: 1px; line-height: 20px;}
#copyNote img {height: 13px !important; margin: 0; vertical-align: middle;}
#footSeals {float: right;}
#footSeals img {height: 20px; margin-left: 10px;}