html,body{min-height:100%;height:100%}
body{overflow-x:hidden;font-family:Georgia,"Times New Roman",Times,serif;background-color:#000;background-image:url(images/background_image.jpg);background-position:bottom center;background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;height:100%;position:relative}
*{margin:0;padding:0}
.clear{margin:0;padding:0;height:0;font-size:0;clear:both}
.left{float:left}
.right{float:right}
.left-align{text-align:left}
.right-align{text-align:right}
.center-align{text-align:center}
.justify-align{text-align:justify}
.relative{position:relative}
h1,h2,h3,h4,h5,h6{font-weight:normal}
img{-ms-interpolation-mode:nearest-neighbor;max-width:100%;margin:0;padding:0}
.container,.body-block{width:100%;float:left}
.container{min-height:100%}
.bottom{height:100px;clear:both}
p{font-weight:400}
p.big{font-weight:100}
a{text-decoration:none;webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}
a:hover{webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}
a:focus{outline:0;-moz-outline:0;-webkit-outline:0}
.title{font-size:24px;line-height:24px;border-bottom:1px solid #c7b14b;padding-bottom:10px;text-align:center;letter-spacing:10px;color:#fff}
.container{width:100%;height:auto;margin:0;padding:0;position:relative}
.header{width:100%;height:70px;margin:0;padding:0;float:left}
.logo{width:260px;height:20px;margin:25px 0 25px 50px;display:inline;padding:0;float:left}
.bg_popups{position:fixed;top:0;left:0;background:rgba(0,0,0,0.85);z-index:5000;width:100%;height:100%;display:none}
.bg_popups>.content{max-width:auto;min-width:auto;padding:0 10px;height:100%;background:#fff;margin:0 auto;overflow:auto}
.bg_popups>.content>.content_inside{max-width:900px;min-width:280px;padding:0 80px;height:100%;background:#FFF;margin:0 auto;overflow:auto}
.bg_popups>.content>.content_header{width:100%;height:60px;margin-top:40px;float:left}
.close_btn a{width:auto;height:auto;padding:20px 40px;background-color:#f1f1f1;display:block;font-size:10px;text-align:center;text-transform:uppercase;color:#000;letter-spacing:1px;top:0;right:0;position:absolute;z-index:1100}
.ring_perspective{max-width:1000px;min-width:300px;height:auto;margin:0 auto;box-sizing:border-box;position:relative;z-index:1}
.ring_metal{float:left;text-align:center;padding:0 30px 0 30px;width:100%;-moz-box-sizing:border-box;-webkit--box-sizing:border-box;box-sizing:border-box}
.ring_gem{position:absolute;top:0;left:0;padding:40px 30px 0 30px;z-index:10}
#panel_buy{width:210px;height:180px;padding:40px 30px 20px 30px;position:fixed;z-index:3000;right:0;top:70px;background:#FFF;text-align:left}
#panel_buy>.title,.white-box .title{width:100%;color:#000;letter-spacing:2px;padding-bottom:10px;border-bottom:1px solid #000;text-transform:uppercase;margin-bottom:8px;font-size:12px;text-align:left}
#panel_buy>.panel_item,.panel_customize .content .btm-values .panel_item{margin:15px 0;height:auto;width:100%;letter-spacing:1px;float:left}
.panel_customize .content .btm-values .panel_item,.white-box .panel_item{margin:10px 0}
.white-box .panel_item:last-child{border-bottom:0}
.panel_customize .content .btm-values .panel_item:first-child,.white-box .panel_item:last-child{border-bottom:0;padding-bottom:0}
#panel_buy>.panel_item>.panel_info,.panel_customize .content .btm-values .panel_item .panel_info,.panel_customize .content .white-box .panel_item .panel_info{width:200px;height:auto;padding-right:16px;float:left}
.panel_customize .content .btm-values .panel_item .panel_info,.panel_customize .content .white-box .panel_item .panel_info{padding:0 16px 0 0}
#panel_buy>.panel_item>.panel_thumb,.panel_customize .content .btm-values .panel_item .panel_thumb,.panel_customize .content .white-box .panel_item .panel_thumb{width:44px;height:44px;padding:0;margin:0;float:left}
.panel_customize .content .btm-values .panel_item .panel_thumb,.panel_customize .content .white-box .panel_item .panel_thumb{float:right}
.panel_customize .content .btm-values .panel_item .panel_info,.panel_customize .content .white-box .panel_item .panel_info{border-bottom:0}
.circle_no_black{line-height:30px;width:35px;height:35px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:13px;background-color:#000;text-align:center;letter-spacing:1px;color:#fff;float:left}
.circle_no_white{width:28px;height:22px;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;font-size:13px;background-color:#fff;text-align:center;padding-top:6px;margin-right:13px;display:inline;letter-spacing:1px;color:#000;float:left}
#panel_buy .txt_ring_size,.panel_customize .content .btm-values .txt_ring_size{width:auto;font-size:12px;text-transform:uppercase;padding-left:10px;padding-top:8px;letter-spacing:1px;color:#000;float:left}
#panel_buy .panel_price,.white-box .panel_price{width:100%;padding-top:12px;text-transform:uppercase;margin-bottom:20px;float:left}
.white-box .panel_price{width:auto}
#panel_buy .txt_price_big,.white-box .txt_price_big{width:auto;font-size:20px;letter-spacing:1px;text-align:left;text-transform:capitalize;color:#000;float:left}
.white-box .txt_price_big,.white-box .link a{color:#FFF}
#panel_buy .txt_buy{width:auto;font-size:11px;text-align:Right;color:#000;margin-top:4px;float:right}
.panel_customize{width:100%;height:auto;display:table;background-color:#101010;border-top:1px solid #202020;position:fixed;bottom:0;z-index:2000}
.panel_customize .content{float:left;width:50%;display:block;height:auto;padding:15px 30px 15px 30px;box-sizing:border-box;border-left:1px solid #202020;vertical-align:top;position:relative}
.panel_customize .content:first-child{border-right:0}
.panel_customize>.content>.panel_title{width:100%;height:28px}
.panel_customize .content .panel_title .title_number,.title_number{width:28px;height:22px;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;font-size:13px;background-color:#fff;text-align:center;padding-top:6px;margin-right:13px;display:inline;letter-spacing:1px;color:#000;float:left}
.panel_customize .content .panel_title .title_txt{width:auto;font-size:13px;text-align:left;padding-top:6px;letter-spacing:1px;color:#909090;float:left}
.panel_customize .content .panel_info{padding:30px 0;height:auto;width:100%;letter-spacing:1px;border-bottom:1px solid #202020}
.panel_customize .content .panel_info .txt{width:70%;font-size:12px;color:#fff;float:left}
.panel_customize .content .panel_info .thumbnail{width:15%;max-width:60px;min-width:50px;float:right}
.clear-fix{clear:both}
.panel_customize .content ul{width:156px;height:36px;list-style:none;padding:0;margin:0 auto;text-align:center;padding-top:20px;display:block}
.panel_customize .content ul li{margin:0 auto;width:36px;float:left;position:relative;display:inline;margin:0 8px;list-style-type:none;cursor:pointer}
.panel_customize .content .panel_info_ring{height:auto;width:100%;letter-spacing:1px;position:relative}
.panel_customize .content .panel_info_ring .txt{width:70%;font-size:12px;color:#fff;float:left}
.calculate-ring-size .txt{color:#fff;font-size:12px;letter-spacing:1px;text-align:left}
.calculate-ring-size .outer{float:left}
.calculate-ring-size .circle-otr{min-height:170px}
.panel_customize .content .panel_info_ring .print{width:20px;float:right}
.btn_print a{-webkit-transition-property:opacity;-webkit-transition-duration:250ms;-moz-transition-property:opacity;-moz-transition-duration:250ms}
.btn_print a:hover{opacity:.7}
.btn_print a:acive{background:.2}
.panel_customize .content .panel_ring{height:auto;width:100%;letter-spacing:1px}
.thumb_wrapper{position:fixed;left:50px;top:0;bottom:271px;width:60px;z-index:99999}
.thumb_wrapper>div{width:60px;top:50%;margin-top:-67px;position:absolute}
.thumb_wrapper>div>a{display:block;border:2px solid #fff;margin:7px 0}
.thumb_wrapper>div>a:hover{border-color:red}
.thumb_wrapper>div>a>img{height:56px;width:56px;display:block;float:none!important}
ul.view li:hover{border:2px solid #fff}
ul.view li:active{border:2px solid #c7b14b}
.link a{text-decoration:none;display:block;color:#000}
.link a:hover{color:#ed1c24}
.link a:acive{color:#d0d0d0}
.textpara>div>p{padding:10px 0}
.panel_description{width:100%;height:auto;margin-top:25px;float:left}
.panel_about_title{width:100%;height:auto;margin:100px 0 120px 0;font-size:40px;float:left}
.panel_pattern{width:230px;height:230px;margin:0 auto}
.panel_small_image{width:350px;height:auto;margin:0 auto}
.print_black a{width:auto;height:20px;-webkit-transition-property:opacity;-webkit-transition-duration:250ms;-moz-transition-property:opacity;-moz-transition-duration:250ms;background:url(images/btn_print_black.png) no-repeat;text-indent:35px;margin-top:27px;margin-left:50px;padding-top:3px;font-size:12px;color:#000;display:inline;float:left}
.print_black a:hover{opacity:.7}
.print_black a:acive{background:.2}
.order_now a,.btn-white{width:100%;height:auto;padding:10px 0;font-size:11px;font-weight:normal;-webkit-transition-property:opacity;-webkit-transition-duration:250ms;-moz-transition-property:opacity;-moz-transition-duration:250ms;background:#000;color:#fff;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:3px;float:left}
.order_now a:hover{opacity:.7}
.order_now a:acive{background:.2}
.font40{font-size:40px}
.font17{font-size:17px}
.font13{font-size:13px}
.font12{font-size:12px}
.font11{font-size:11px}
.font10{font-size:10px}
.font9{font-size:9px}
.font8{font-size:8px;letter-spacing:1px;text-transform:uppercase}
.big_txt{font-size:23px;line-height:40px;margin-top:60px}
.subheading_txt{font-size:20px;margin-bottom:20px}
.content_txt{font-size:14px;line-height:30px}
.thick_line{width:90px;height:6px;margin-top:40px;background-color:#000;float:left}
.white{color:#fff}
.black{color:#000}
.grey{color:#909090}
.grey2{color:#707070}
.mTop100{margin-top:100px}
.mTop75{margin-top:75px}
.mTop50{margin-top:50px}
.mTop30{margin-top:30px}
.mTop25{margin-top:25px}
.mTop10{margin-top:10px}
.mTop12{margin-top:12px}
.mTop3{margin-top:3px}
.mLeft50{margin-left:50px;display:inline}
.mBottom100{margin-bottom:100px}
.popup{position:fixed;top:50%;left:50%;margin-left:-400px;width:800px;height:530px;margin-top:-265px;z-index:99999;background-color:#FFF}
.popup>div{width:800px;position:absolute}
.popup .newtitle{width:700px;letter-spacing:1px;padding:0 50px 6px 50px;text-transform:uppercase;margin-top:40px;color:#000;font-size:15px;text-align:left;border:0;float:left;clear:left}
.popup .desc{width:100%;color:#000;font-size:15px;text-align:left;float:left;padding:12px 50px 6px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.popup .image{margin-top:15px;border:0;float:left;clear:left}
.popup .content_pop{width:724px;height:369px;padding:0 0 0 50px;margin-bottom:50px;margin-top:20px;overflow:auto;float:left;clear:left}
.popup p{padding:10px 0}
.popup_small{position:fixed;top:50%;left:50%;margin-left:-300px;width:600px;height:514px;z-index:99999;margin-top:-257px}
.popup_small>div{width:600px;position:absolute;background-color:#FFF}
#order-form.popup_small>div.w100{position:relative}
#order-form.popup_small>div.information{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#FFF;position:relative;padding:20px 50px;line-height:20px;float:left;width:100%}
.popup_small .newtitle{width:500px;letter-spacing:1px;padding:0 50px 6px 50px;text-transform:uppercase;margin-top:40px;color:#000;font-size:15px;text-align:left;border:0;float:left;clear:left}
.form{width:500px;height:auto;padding:0 50px;margin-bottom:50px;overflow:auto;float:left;clear:left}
.panel_textfield{width:100%;height:auto;border:0;border-bottom:1px solid #000;margin-top:25px;font-family:'libre_baskervilleregular',Times,serif;font-size:13px;outline:0;color:#000;float:left}
.form_txt{width:20%;height:auto;border:0;font-family:'libre_baskervilleregular',Times,serif;padding:0;margin:0;padding-bottom:6px;font-size:13px;outline:0;color:#000;float:left}
.textfield{width:80%;height:auto;border:0;font-family:'libre_baskervilleregular',Times,serif;padding-bottom:6px;font-size:13px;outline:0;color:#000;float:left}
.error{font-family:'libre_baskervilleregular',Times,serif;font-size:11px;color:#ed1c24;padding-bottom:5px}
.panel_button{width:100%;height:auto;border:0;margin-top:30px;outline:0;float:left}
.btn_submit{width:auto;height:auto;padding:10px 40px;font-family:'libre_baskervilleregular',Times,serif;font-size:11px;font-weight:normal;-webkit-transition-property:opacity;-webkit-transition-duration:250ms;-moz-transition-property:opacity;-moz-transition-duration:250ms;background:#000;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:3px;cursor:pointer;outline:0;border:0;float:right}
.btn_submit:hover{opacity:.7}
.btn_submit:acive{background:.2}
.pTtop6{padding-top:6px}
.pTtop12{padding-top:12px}
.wAuto{width:auto;float:left}
.w100{width:100%;float:left}
.w85{width:85%;float:left}
.w75{width:75%;float:left}
.w50{width:50%;float:left}
.w25{width:25%;float:left}
@font-face{font-family:'libre_baskervillebold';src:url('LibreBaskerville-Bold-webfont.eot');src:url('LibreBaskerville-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('LibreBaskerville-Bold-webfont.woff2') format('woff2'),url('LibreBaskerville-Bold-webfont.woff') format('woff'),url('LibreBaskerville-Bold-webfont.ttf') format('truetype'),url('LibreBaskerville-Bold-webfont.svg#libre_baskervillebold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'libre_baskervilleitalic';src:url('LibreBaskerville-Italic-webfont.eot');src:url('LibreBaskerville-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('LibreBaskerville-Italic-webfont.woff2') format('woff2'),url('LibreBaskerville-Italic-webfont.woff') format('woff'),url('LibreBaskerville-Italic-webfont.ttf') format('truetype'),url('LibreBaskerville-Italic-webfont.svg#libre_baskervilleitalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'libre_baskervilleregular';src:url('LibreBaskerville-Regular-webfont.eot');src:url('LibreBaskerville-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('LibreBaskerville-Regular-webfont.woff2') format('woff2'),url('LibreBaskerville-Regular-webfont.woff') format('woff'),url('LibreBaskerville-Regular-webfont.ttf') format('truetype'),url('LibreBaskerville-Regular-webfont.svg#libre_baskervilleregular') format('svg');font-weight:normal;font-style:normal}
.small-circle{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:'libre_baskervilleitalic';width:100px;height:100px;background:#FFF;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:100px;position:absolute;left:50%;text-align:center;margin:0 0 0 -50px;line-height:16px;z-index:1000;font-size:13px;top:-100px;opacity:0;filter:alpha(opacity='0');-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease}
.small-circle.show{opacity:1;filter:alpha(opacity='100');top:-150px;animation:small-nudge 2s linear infinite alternate}
.small-circle img{float:none;width:auto;margin-top:9px}
.small-circle div{position:relative;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;margin-top:5px}
.small-circle span{color:#c4ad3d;font-size:16px}
.main-circle-inner,.second-circle-inner{position:relative;height:100%;width:100%}
.main-circle-inner canvas{position:absolute;left:0;top:0}
.main-circle div.txt,.second-circle div.txt{position:relative;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%}
.main-circle span{color:#c4ad3d;font-size:28px}
.second-circle span{color:#c4ad3d}
.second-circle span.drk-blue{color:#00008b}
#canvas{position:absolute;left:-30px;top:0;z-index:999}
#second-canvas{position:absolute;right:-90px;top:160px;z-index:999}
#canvas-gem,#canvas-metal,#canvas-decor,#canvas-ring-size{position:absolute;left:0;top:-213px;z-index:999;left:50%;margin-left:-150px}
.main-circle,.second-circle{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-family:'libre_baskervilleitalic';width:200px;height:200px;background:#FFF;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;position:absolute;left:20px;top:60px;line-height:36px;padding:0;font-size:23px;text-align:center;font-style:italic;z-index:1000;opacity:0;filter:alpha('opacity=0');-webkit-transition:all 3s ease;-moz-transition:all 3s ease;-o-transition:all 3s ease;transition:all 3s ease}
.second-circle{left:auto;right:-30px;top:220px;font-size:18px;line-height:30px;width:180px;height:180px}
.main-circle.show{opacity:1;filter:alpha('opacity=100');animation:nudge 5s linear infinite alternate}
.second-circle.show{opacity:1;filter:alpha('opacity=100');animation:nudge 15s linear infinite alternate}
@-webkit-keyframes nudge{0%,100%{-webkit-transform:translate(0,0)}
50%{-webkit-transform:translate(5px,0)}
80%{-webkit-transform:translate(-5px,0)}
}@-moz-keyframes nudge{0%,100%{-moz-transform:translate(0,0)}
50%{-moz-transform:translate(5px,0)}
80%{-moz-transform:translate(-5px,0)}
}@keyframes nudge{0%,100%{-ms-transform:translate(0,0);transform:translate(0,0)}
50%{-ms-transform:translate(5px,0);transform:translate(5px,0)}
80%{-ms-transform:translate(-5px,0);transform:translate(-5px,0)}
}@-webkit-keyframes small-nudge{0%,50%,100%{-webkit-transform:translate(0,0)}
10%{-webkit-transform:translate(1px,0)}
20%{-webkit-transform:translate(1px,1px)}
40%{-webkit-transform:translate(0,1px)}
60%{-webkit-transform:translate(-1px,0)}
70%{-webkit-transform:translate(-1px,-1px)}
90%{-webkit-transform:translate(0,-1px)}
}@-moz-keyframes small-nudge{0%,50%,100%{-moz-transform:translate(0,0)}
10%{-moz-transform:translate(1px,0)}
20%{-moz-transform:translate(1px,1px)}
40%{-moz-transform:translate(0,1px)}
60%{-moz-transform:translate(-1px,0)}
70%{-moz-transform:translate(-1px,-1px)}
90%{-moz-transform:translate(0,-1px)}
}@keyframes small-nudge{0%,50%,100%{-ms-transform:translate(0,0);transform:translate(0,0)}
10%{-ms-transform:translate(1px,0);transform:translate(1px,0)}
20%{-ms-transform:translate(1px,1px);transform:translate(1px,1px)}
40%{-ms-transform:translate(0,1px);transform:translate(0,1px)}
60%{-ms-transform:translate(-1px,0);transform:translate(-1px,0)}
70%{-ms-transform:translate(-1px,-1px);transform:translate(-1px,-1px)}
90%{-ms-transform:translate(0,-1px);transform:translate(0,-1px)}
}nav{display:block;float:right}
nav a.nav-toggle{background:url(images/nav-toggle.png) no-repeat;float:right;height:19px;display:none;text-decoration:none;margin:25px 50px 25px 0;position:relative;width:23px;z-index:101}
nav ul,nav ul li{margin:0;padding:0;list-style-type:none}
nav ul{position:relative;z-index:101}
nav ul li{float:left;display:inline;padding:25px 50px 25px 0;height:20px}
nav ul li a{color:#fff;height:20px;line-height:20px;font-size:13px;float:left;display:block;position:relative;text-decoration:none}
nav ul li a:hover{color:#8c8c8c}
nav ul li a:active{color:#303030}
.cart{display:none}
.sliding-panel{clear:both;float:left;width:100%}
#order-form,#terms{display:none}
.alternate{float:right}
.ftr-right-bdr{border-right:1px solid #202020}
.gem-slides{margin:20px auto 0}
.gem-slides .prev,.gem-slides .next{float:left;width:24px;display:none}
.gem-slides .prev a,.gem-slides .next a{background:url(images/next.png) no-repeat;display:block;float:left;width:24px;height:24px;text-indent:-999px;margin-top:6px}
.gem-slides .next a.inactive{cursor:default;background:url(images/next-inactive.png) no-repeat}
.gem-slides .prev a.inactive{cursor:default;background:url(images/prev-inactive.png) no-repeat}
.gem-slides .prev a{background:url(images/prev.png) no-repeat}
.gems{float:left;overflow:hidden}
.panel_customize .content .gem-slides ul{margin:0;padding:0;position:relative}
.panel_customize .content .gem-slides ul li{margin:0;padding:0 8px}
.slider-info{position:absolute;right:0;top:70px;width:60%;text-align:left;font-size:12px;color:#909090;z-index:1000}
.slider-info span{display:block;padding-bottom:3px;color:#FFF}
#picHolder .circle{margin-top:3.45mm}
.drag{color:#909090;font-size:12px;font-style:italic;text-align:center;padding-top:10px}
.inner-ringsize{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.slider-wrapper{position:relative;left:50%;-webkit-transform:translatex(-50%);transform:translateX(-50%);float:left}
.pTtop3{padding-top:3px}
.calibrate-btn{width:180px;text-align:center;float:left;position:absolute;top:-33px;right:0}
.calibrate-btn a,#plus span,#minus span,.calibrate-btns a,#plus-btn span,#minus-btn span{width:100%;height:auto;padding:10px 0;font-size:11px;font-weight:normal;-webkit-transition-property:opacity;-webkit-transition-duration:250ms;-moz-transition-property:opacity;-moz-transition-duration:250ms;background:#000;color:#fff;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:3px;float:left;border:1px solid #4e4e4e}
#plus span,#minus span,#plus-btn span,#minus-btn span{background:#4e4e4e}
.calibrate-btn a:hover{opacity:.7}
.calibrate-btna:acive{background:.2}
div.size-switch{width:100px;margin:0 auto}
#plus span,#minus span,#plus-btn span,#minus-btn span{font-weight:bold;font-size:20px;margin-bottom:0;display:block;cursor:pointer}
#plus,#minus,#plus-btn,#minus-btn{float:left;width:40px;margin:0 5px}
#calibrate.popup-calibrate>div.calibrate-box{width:100%;float:left;clear:both}
.popup-calibrate{position:relative;left:50%;z-index:99999;background-color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);float:left;min-width:500px;margin-bottom:30px;color:#FFF}
.calibrate-box{float:left;margin-top:20px;text-align:center;width:100%}
.calibrate-desc{color:#FFF;font-size:16px;float:left;width:100%;margin-bottom:20px;text-align:center;padding:100px 20px 30px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.calibrate-btns a{margin:0 5px;width:100px}
.calibrate-btns{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);float:left;padding-top:20px}
.calibrate-btn a{width:180px;z-index:10000;position:relative}
.information{font-family:'libre_baskervilleregular',Times,serif;color:#000;font-size:13px;float:left;width:100%;margin-top:10px}
.btm-values{color:#FFF}
.white-box{float:left;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.white-box .order_now{float:right;margin-top:10px;width:210px}
.white-box .order_now a,.btn-white{background:#FFF;color:#000;margin-bottom:0}
.white-box #showterms{float:right;text-align:right}
.calibrate-intro{color:#FFF;padding-top:100px;float:left;width:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;float:left;position:relative;padding-bottom:100px}
.calibrate-intro .row{float:left;width:100%;font-size:16px;font-weight:bold;padding:15px 0 0;clear:both}
.calibrate-intro p{padding:0 0 20px}
.calibrate-intro .row span{float:left;padding-top:3px}
.btn-white{width:150px}
.step1 .btn-white,.calibrate-submit .btn-white{margin:30px auto 0;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;position:relative}
.calibrate-desc h1{padding:0;margin:0 0 20px 0;font-size:20px;font-weight:bold}
.calculate-ring-size{width:600px;margin:0 auto}
.calculate-ring-size #picHolder{margin:0;width:100%;position:relative}
.calibrate-submit{float:left;padding:30px 0 30px 0;width:100%}
.calibrate-desc p{margin:0 0 20px}
.calibrate-intro .panel_textfield .form_txt{color:#FFF}
.w100.tab-bg.pages{padding:0 50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.w100.tab-bg.pages .ring_perspective{height:auto!important;padding-bottom:30px}
.calibrate-intro .textfield{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:3px 0 3px 10px}
.calculate-ring-size .print{position:absolute;top:0;right:0}
.ring_metal{-webkit-transition:opacity 5s ease;-moz-transition:opacity 5s ease;-o-transition:opacity 5s ease;transition:opacity 5s ease}
.click-txt{clear:both;color:#fff;padding:30px 0 0;width:100%}
/*rangeslider.css*/
.rangeslider,.rangeslider__fill{display:block;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.rangeslider{background:#272727;position:relative}
.calculate-ring-size .rangeslider{background:#FFF}
.rangeslider--horizontal{height:3px;width:100%}
.rangeslider--vertical{width:20px;min-height:150px;max-height:100%}
.rangeslider--disabled{filter:alpha(opacity=40);opacity:.4}
.rangeslider__fill{background:#272727;position:absolute}
.calculate-ring-size .rangeslider__fill{background:#FFF}
.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}
.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}
.rangeslider__handle{background:white;border:1px solid #ccc;cursor:pointer;display:inline-block;width:22px;height:22px;position:absolute;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(0,0,0,0.1)));background-image:-moz-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1));background-image:-webkit-linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1));background-image:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,0.1));-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);box-shadow:0 0 8px rgba(0,0,0,0.3);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.rangeslider__handle:after{content:"";display:block;width:18px;height:18px;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,0.13)),color-stop(100%,rgba(255,255,255,0)));background-image:-moz-linear-gradient(rgba(0,0,0,0.13),rgba(255,255,255,0));background-image:-webkit-linear-gradient(rgba(0,0,0,0.13),rgba(255,255,255,0));background-image:linear-gradient(rgba(0,0,0,0.13),rgba(255,255,255,0));-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.rangeslider__handle:active{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,rgba(0,0,0,0.12)));background-image:-moz-linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.12));background-image:-webkit-linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.12));background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.12))}
.rangeslider--horizontal .rangeslider__handle{top:-11px;touch-action:pan-y;-ms-touch-action:pan-y}
.rangeslider--vertical .rangeslider__handle{left:-10px;touch-action:pan-x;-ms-touch-action:pan-x}
input[type="range"]:focus+.rangeslider .rangeslider__handle{-moz-box-shadow:0 0 8px rgba(255,0,255,0.9);-webkit-box-shadow:0 0 8px rgba(255,0,255,0.9);box-shadow:0 0 8px rgba(255,0,255,0.9)}
/*portBox.css*/
.portBox-overlay{height:100%;width:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:1000;display:none}
.portBox{max-width:1280px;position:absolute;display:none;background:#fff;z-index:1001;padding:30px;text-align:left;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:10px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);min-width:200px;font-family:'Source Sans Pro',sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.close-portBox{font-size:20px;line-height:.5;position:absolute;top:-6px;right:-7px;color:#fff!important;text-shadow:none;font-family:'Source Sans Pro',sans-serif;font-weight:bold;cursor:pointer;border-radius:50%;padding:5px;background-color:#5c5c5c;overflow:visible;border:2px solid #fff;text-decoration:none}
.close-portBox:hover{color:#5c5c5c!important;background-color:#fff;border:2px solid #5c5c5c}
.project-pics{width:70%;float:left}
.project-pics img{width:100%}
.project-info{float:left;width:30%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0 0 0 40px;line-height:28px}
.project-info h3,.project-info h4,.project-info ul,.project-info p,.project-button{margin:10px 0;float:left;width:100%}
.project-info h3{font-size:28px;font-weight:bold;color:#030303}
.project-info p{font-size:16px;color:#030303}
.project-info h4{font-size:18px;color:#bfbfbf;border-bottom:1px solid #e3e3e3;margin-top:20px;letter-spacing:2px}
.project-info ul{list-style:none;padding:0;color:#000}
.project-info ul li{margin-bottom:10px;font-size:16px}
.project-button{line-height:45px;height:45px;border-radius:3px;color:#fff;text-decoration:none;background-color:#99cd4e;text-align:center;margin-top:15px;letter-spacing:2px;border:1px solid #bbb;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;transition:all .15s linear;text-shadow:none}
.project-button:hover{background:#d0d0d0;color:#fff!important;-webkit-box-shadow:inset 0 0 1px 1px #eaeaea;box-shadow:inset 0 0 1px 1px #eaeaea;cursor:pointer}
.project-button:active{background-color:#e3e3e3;color:#bfbfbf!important;-webkit-box-shadow:inset 0 0 1px 1px #e3e3e3;box-shadow:inset 0 0 1px 1px #e3e3e3}
@media only screen and (max-width:1024px){.project-pics{width:100%}
.project-info{width:100%;padding:0;margin-top:40px}
}@media only screen and (max-width:420px){.project-info{text-align:center;margin-top:0}
.project-info h3{font-size:25px;line-height:30px}
}
/* ring_circle.css */
input[type=range]{-webkit-appearance:none;padding-left:0;padding-right:0;width:100%}
input[type=range]::-webkit-slider-runnable-track{width:100%;height:1px;background:#272727}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;height:13px;width:13px;border-radius:50%;background:#FFF;margin-top:-6px;cursor:grab}
input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:0;height:13px;width:13px;border-radius:50%;background:#FFF;margin-top:-6px;cursor:-moz-grab}
@media only screen and (min-device-width :768px) and (max-device-width :1024px){input[type=range]::-webkit-slider-thumb{background:#909090}
}input[type=range]::-ms-thumb{-webkit-appearance:none;border:0;height:13px;width:13px;border-radius:50%;background:#FFF;margin-top:-6px}
input[type=range]:focus{outline:0}
#picHolder{width:25mm;margin:0 0 0 25mm;display:block;min-height:100px;padding-bottom:10px;top:50%}
.circle{width:15.6mm;height:15.6mm;-webkit-border-radius:50%;-moz-border-radius:50;border-radius:50%;border:1px solid #4e4e4e;display:inline-block;position:relative;margin:auto;font-size:12px;color:#FFF;line-height:18px}
.calculate-ring-size .circle{border:1px solid #FFF}
#chosen{text-align:left;color:#fff}
.outer{width:100%;height:100%;text-align:center;position:relative}
/* media.css */
@media screen and (min-width:1025px){#panel_buy{display:block!important;right:0!important}
}@media screen and (min-width:768px){.small-show{display:none}
}@media screen and (max-width:1279px){.slider-info{width:55%}
}@media screen and (max-height:812px){#canvas{top:-60px;left:40px}
.main-circle{left:90px;top:0}
.panel_customize{position:relative}
}@media screen and (max-width:1024px){.small-circle,canvas,.main-circle,.second-circle{display:none}
.cart{display:block}
.panel_customize{position:relative}
#panel_buy{display:none}
.ring_perspective{width:500px}
body,html{-webkit-text-size-adjust:none}
.panel_customize .content .panel_title .title_number{margin-right:8px}
.slider-info{position:relative;width:100%;top:0;padding-bottom:20px}
.drag{text-align:center}
.ring_metal{padding:0}
.middle #picHolder{margin:0 auto}
}@media screen and (max-width:1023px){html,body,.container{min-height:100%;height:100%}
.logo{margin-left:30px}
.panel_customize>.content{padding:15px 30px}
.panel_customize{position:relative}
.panel_customize>.content{float:left;width:50%}
.panel_customize>.content canvas,.panel_customize>.content .small-circle{display:none}
#panel_buy{position:absolute;top:150px!important}
#about_window.bg_popups>.content>.content_inside,#about_window.bg_popups>.content{height:auto}
#about_window.bg_popups{position:absolute;height:auto}
.ring_gem,.ring_metal{padding:0}
.ring_perspective{width:100%}
.panel_customize .content .panel_title .title_number{margin-right:13px}
body{background-image:none}
.tab-bg{background-color:#000;background-image:url(images/background_image_smallscreen.jpg);background-position:bottom center;background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover}
.calibrate-btn{position:relative;top:0;left:0;right:auto;width:100%}
}@media screen and (max-width:767px){html,body,.container{min-height:10px;height:auto}
.panel_customize{position:relative}
nav{margin-right:40px;position:relative}
nav a.nav-toggle{clear:both;display:block;margin:25px 0 10px 0}
nav ul{background:#909090;display:none;clear:both;overflow:hidden;right:0;position:absolute;top:55px;padding-bottom:10px;width:130px}
nav ul li{-moz-box-sizing:border-box;-webkit--box-sizing:border-box;box-sizing:border-box;clear:both;padding:10px 10px 0;height:auto;width:100%;float:right}
nav ul li a{float:right}
nav ul li a:hover,nav ul li a:active{color:#FFF;text-decoration:underline}
.bg_popups>.content>.content_inside{padding:0 20px}
#order-form,#terms{position:absolute;margin-left:0;margin-top:0;left:0;top:10%;height:auto;width:100%}
#order-form.popup_small>div,#terms.popup>div{position:relative;width:100%}
#order-form.popup_small *,#terms *{-moz-box-sizing:border-box;-webkit--box-sizing:border-box;box-sizing:border-box}
#order-form .form,#order-form .newtitle,#terms .newtitle,#terms .content_pop{width:100%}
#terms .content_pop{height:auto}
.popup .content_pop,#terms .newtitle{padding:0 20px}
.thick_line{clear:both;margin-top:0;margin-bottom:20px}
.w50{width:100%}
.mLeft50{display:block;margin-left:0}
.content_txt{margin-bottom:20px}
.panel_pattern{height:auto}
.panel_about_title{margin:50px 0 50px}
.mTop100{margin-top:50px}
.w85{width:100%;text-align:justify}
.panel_customize>.content{border-right:0;width:100%}
.ftr-right-bdr{border-right:0}
.ring_perspective{width:auto}
.bg_popups#pop{position:absolute;top:70px}
.bg_popups#pop .popup{width:457px;margin-left:-228.5px;margin-top:0;position:absolute;height:auto}
.bg_popups#pop .popup>div{width:100%;position:relative;padding-bottom:50px}
.bg_popups#pop .popup .newtitle,.ring_metal{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}
.small-show{display:block}
.lrg-show{display:none}
.ring_metal{padding:0 50px}
.tab-bg{background-image:url(images/background_image_x.jpg)}
.popup-calibrate{-webkit-transform:none;-moz-transform:none;transform:none;left:0;top:0;width:100%;min-width:10px}
.w100.tab-bg.pages .ring_perspective{min-width:10px;float:left;padding:0 20px 20px;width:100%;height:auto!important}
.calculate-ring-size{float:left;width:100%}
.calibrate-desc{padding-left:0;padding-right:0}
.calibrate-intro .title_number{display:none}
.calibrate-intro,.calibrate-desc{padding-top:50px}
}@media screen and (max-width:479px){.logo{margin:25px 0 25px 20px;width:220px}
nav{margin-right:20px;max-width:114px}
#order-form .form{padding:0 10px}
#order-form.popup_small .newtitle{padding-left:10px}
.panel_textfield.zip,.panel_textfield.place{width:100%!important}
.separator{display:none}
.popup .newtitle{margin-top:70px}
#panel_buy{-moz-box-sizing:border-box;-webkit--box-sizing:border-box;box-sizing:border-box;height:auto;width:100%}
.panel_customize>.content{padding-left:20px}
.panel_about_title{font-size:30px;margin:80px 0 40px}
.bg_popups>.content>.content_inside,.bg_popups>.content{overflow:hidden}
.bg_popups>.content{width:100%;padding:0}
.w85{width:100%;text-align:justify}
.bg_popups>.content>.content_inside{min-width:1px}
.bg_popups#pop .popup{width:100%;left:0;top:0;margin-left:0;margin-top:0;position:absolute;height:auto}
.white-box .panel_price{width:100%}
.white-box .order_now,.white-box #showterms{float:left;text-align:left;margin-top:0;width:100%}
.white-box #showterms{margin-top:20px}
.calibrate-intro .form_txt{float:left;width:100%}
.calibrate-intro{padding:50px 0 0}
.w100.tab-bg.pages{padding:0}
.calibrate-desc{padding:50px 0 30px}
}