*{margin:0;padding:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} *:focus{outline:none;} span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ border:0;outline:0;background:transparent;} html{} body{position:relative; background-color:#f3f3f6; font:12px/1.5 'Open Sans','Helvetica Neue',Helvetica,'Lucida Grande',Arial,sans-serif; color:#242424; text-align:center;} body.no-scroll{overflow:hidden!important; height:100%!important;} body.loading:after{content:''; background-color:rgba(255,255,255,.9); position:absolute; top:0; bottom:0; left:0; right:0; z-index:9;} ol,ul{list-style:none} small{font-size:11px} table{border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%;} th,td{vertical-align:top;} form{display:inline;} legend{display:none;} address{font-style:normal;} a{color:#b1005d; text-decoration:none;} a:hover,a:focus{text-decoration:underline;} h1{font-size:22px; font-weight:600; line-height:1.3;} h2{font-size:18px; font-weight:bold; line-height:1.34;} h3{font-size:16px; font-weight:bold; line-height:1.375;} h4{font-size:14px; font-weight:bold;} h5{font-size:12px; font-weight:bold;} h6{font-size:11px; font-weight:bold;} .round-top{-moz-border-radius:4px 4px 0 0;-khtml-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;position:relative;} .round-bottom{-moz-border-radius:0 0 4px 4px;-khtml-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;position:relative;} .round{-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .round-2px{-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px; border-radius:2px;} .round-3px{-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px; border-radius:3px;} .round-4px{-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;} .round-left{-moz-border-radius:4px 0 0 4px;-khtml-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;position:relative;} .round-right{-moz-border-radius:0 4px 4px 0;-khtml-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;position:relative;} .round-circle{-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:relative;} .fl{float:left;} .fr{float:right;} .fix:after{content:""; visibility:hidden; display:block; clear:both; height:0; font-size:0;} .fixed{position:fixed;} .hide{display:none;} .pink{color:#b1005d!important;} .bold{font-weight:bold;} .overflow{overflow:hidden!important;} .ellipsis{text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .flex{display:flex; align-items:center; justify-content:center;} .li-buffer{position:relative; width:30px; float:left; height:100%;} .li-buffer span{display:block; width:inherit;} /* LAYOUT */ .page{position:relative; width:100%; text-align:left;} .main{position:relative; max-width:1230px; margin:0 auto; z-index:1; padding:25px 15px 60px;} .wrap{max-width:1230px; padding:0 15px; margin:0 auto;} /* COLUMNS */ .col-main, .col-left{width:100%;} .col1-layout .col-main{float:none; width:auto;} .col3-layout{position:relative; background-color:#ede6d2; padding:10px 20px 15px; border:1px solid #ddd; color:#2f2b23;} .col3-layout .col-main{width:464px; margin-left:10px;} .col2-set .col-1{float:left; width:49%;} .col2-set .col-2{float:right; width:49%;} .col3-set .col-1{float:left; width:32%;} .col3-set .col-2{float:left; width:32%; margin-left:20px;} .col3-set .col-3{float:right; width:32%;} /* Form Elements */ input,textarea,button{font:15px 'Open Sans','Helvetica Neue',Helvetica,'Lucida Grande',Arial,sans-serif;} input.input-text, textarea{background-color:#fff; border:1px solid #bbb; padding:7px 8px; border-radius:4px; -webkit-appearance:none;} input.input-text{height:36px;} textarea{height:70px;} input.input-text:focus,textarea:focus{border:1px solid #777;} input.radio{margin-right:5px;} input.checkbox {margin-right:10px;} input.qty{width:35px!important; text-align:center;} input:disabled{filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; cursor:not-allowed;} .button{background-color:#b1005d; border:1px solid #b1005d; color:#fff; height:42px; padding:0 25px; overflow:visible; width:auto; font-weight:600; cursor:pointer; border-radius:4px; -webkit-appearance:none;} .button:hover{background-color:#980050; border:1px solid #980050; cursor:pointer;} .button span{background:none; text-align:center; white-space:nowrap; color:#fff; font-size:15px;} /* Form lists */ .form-list li{margin-bottom:5px;} .form-list label { font-weight:normal; margin-left: 5px; } .form-list li .input-box{margin-bottom:10px;} .form-list .input-box{min-height:40px;} .input-box:after{content:""; visibility:hidden; display:block; clear:both; height:0; font-size:0;} .form-list input.input-text, .form-list textarea{width:100%; max-width:250px;} .form-list select{width:100%; max-width:256px;} .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; } .form-list .range input.input-text { width:96px; } .main form fieldset .form-list{margin-bottom:20px;} .main form .form-list label{float:left; width:140px; margin-left:0; text-align:left;} .main form fieldset h3{font-weight:normal; font-size:16px; margin-bottom:10px; line-height:22px; position:relative; top:-2px;} .main form .form-list input{float:left; } .main form .form-list .taxvat input,#telephone, .main form .form-list #fax, .main form .form-list #zip, .main form .form-list .form-width_crafted{width:140px;} .main form .form-list li.bedrijf, .main form .form-list li.adres2{height:40px;} .main form p.required{text-align:left; margin:20px 0;} .grecaptcha-badge{display:none !important;} /* Form Validation */ .validation-advice{clear:both; min-height:20px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:20px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00;} .validation-failed{border:1px solid #f00!important;} .validation-passed{} .required{} p.required{font-size:10px; text-align:right; opacity:.6;} /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success{color:#2a6b31; font-weight:bold;} .error{color:#f00; font-weight:bold; } .notice{color:#4b4b4b; padding:0 10px;} .messages{width:100%; overflow:hidden;} .messages>li{margin-bottom:10px; border-radius:8px; padding:10px 15px!important; border:0!important;} .messages li ul{margin:3px 0;} .messages li li{font-size:13px; margin-left:5px;} .error-msg, .success-msg, .note-msg, .notice-msg{border-style:solid!important; border-width:1px !important; background-position:10px 13px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:14px !important; font-weight:bold !important; position: relative; z-index:600;} .error-msg{border:0; background-color:#ff7171; color:#943030;} .success-msg{border:0; background-color:#9edaa1; color:#2f7d38;} .note-msg, .notice-msg{border:0; background-color:#ddddd2; color:#3d6611; font-size:14px;} .std .messages,.std .messages ul{list-style:none; padding-left:0;} /* Data Table */ .data-table{width:100%; border:1px solid #dcdce4;} .product-view .data-table tr{width:659px;} .product-view .data-table th{position:relative; width:200px; padding:10px 15px; white-space:nowrap; border-bottom:1px solid #ddd; border-right:1px solid #ddd; -webkit-box-shadow:inset 0 0 0 1px #ede6d2; -moz-box-shadow:inset 0 0 0 1px #ede6d2; box-shadow:inset 0 0 0 1px #ede6d2;} .product-view .data-table td{position:relative; padding:10px 5px 10px 15px; white-space:nowrap; border-bottom:1px solid #ddd; -webkit-box-shadow:inset 0 0 0 1px #ede6d2; -moz-box-shadow:inset 0 0 0 1px #ede6d2; box-shadow:inset 0 0 0 1px #ede6d2;} .data-table tr.odd, .data-table tr.even{background-color:#fff; border-top:1px solid #dcdce3;} /* CMS */ .std, .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* TOP BANNER */ .top-banner{background-color:#a10054;} .top-banner .wrap{display:flex; justify-content:flex-end; align-items:center; padding:8px 15px;} .top-banner .wrap > div{display:flex; align-items:center; margin-left:15px;} .top-banner .wrap > div:before{content:"|"; color:rgba(255,255,255,.75); padding-right:15px;} .top-banner .wrap > div:first-of-type:before{display:none;} .top-banner a{color:#fff; font-size:12px;} .top-banner .phone-number{position:relative;} .top-banner .phone-number a{display:flex; align-items:center;} .top-banner .phone-number svg{position:relative; top:1px; display:block; width:12px; fill:#fff; margin-right:5px;} .top-banner .partners{} .top-banner .facebook{} .top-banner .subtitle{color:#fff; font-size:14px; font-weight:bold; margin-right:auto;} .top-banner .facebook img{float:left; width:16px; display:block;} .top-banner .facebook span{float:right; color:#fff; margin-left:4px; font-weight:600;} /* HEADER */ .header{background-color:#fff; padding:18px 0; margin-bottom:0;} .header .wrap{display:flex; align-items:center; justify-content:space-between;} .header .logo{width:auto; height:44px; margin-right:40px;} .header .logo img{height:100%; display:block;} .header .nav-mobile, .header .mobile{display:none;} /* NAV */ #nav{border:0; display:block; flex:1;} #nav ul{display:flex; justify-content:space-between; align-items:center;} #nav li{font-size:13px;} #nav li a{display:block; text-decoration:none; line-height:0; padding:10px;} #nav .nav-home{display:none;} #nav .nav-account{margin:0 0 0 160px;} #nav .nav-cart{margin-right:-10px;} .nav .icon{position:relative; fill:#000;} .nav .icon-account{width:16px; height:20px;} .nav .icon-cart{width:17px; height:20px;} .nav-cart .cart-qty{background-color:#b1005d; color:#fff; position:absolute; top:10px; left:60%; z-index:3; font-size:11px; font-weight:700; margin:0; width:auto; height:16px; min-width:16px; line-height:normal; text-align:center; border-radius:50%;} #nav li{text-align:center; position:relative; font-size:13px;} #nav li.primary a{font-weight:bold;} #nav li a{color:#242424;} #nav li a:hover, #nav li a:active, #nav .active a, #nav .active a span{color:#b1005d;} #nav li a span{white-space:nowrap; cursor:pointer;} #nav .user-nav-link .active{color:#b1005d;} .go-mobile #nav{display:block;} .nav-mobile{display:none; display:flex; justify-content:center; align-items:center; position:relative; padding:0; z-index:9;} .nav-mobile .nav ul{display:flex; align-items:center;} .nav-mobile .nav ul li{margin-left:20px;} .go-mobile .nav-mobile .nav{display:none;} .nav-hamburger{display:flex; justify-content:center; align-items:center; border:1px solid #ddd; background-color:#fff; cursor:pointer; border-radius:4px; width:40px; height:40px; margin-left:20px;} .hamburger{display:flex; overflow:visible; text-transform:none; cursor:pointer;} .hamburger-main{position:relative; display:inline-block; width:20px; height:15px;} .hamburger-stripes{position:absolute; width:20px; height:2px; display:block; background-color:#000; border-radius:4px; top:auto; bottom:0; margin-top:-2px;} .hamburger-stripes:after{position:absolute; width:20px; height:2px; display:block; background-color:#000; border-radius:4px; content:""; top:-12px; bottom:-6px;} .hamburger-stripes:before{position:absolute; width:20px; height:2px; display:block; background-color:#000; border-radius:4px; content:""; top:-6px;} .go-mobile .hamburger-stripes{background-color:#000; transform:translate3d(0,-6px,0) rotate(-45deg);} .go-mobile .hamburger-stripes:after{background-color:#000; top:0; opacity:0;} .go-mobile .hamburger-stripes:before{background-color:#000; top:0; transform:rotate(-90deg);} /* HOME */ .home-content{width:840px; padding:25px 2px;} .home-content h2{font-size:28px; font-weight:600; margin-bottom:20px;} .home-content p, .home-content li{font-size:15px;} .home-content li{line-height:24px;} .home-content small{font-size:11px; margin-top:25px; display:block;} #slider,#slider-en{width:100%; max-width:1000px; height:320px; margin-bottom:20px; background:#fff url(../images/assets/banner/vanamsteldiamant-banner.png) center center no-repeat; border:1px solid #ddd; -moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;} #slider-en{background:#fff url(../images/assets/banner/vanamsteldiamond-banner.png) no-repeat!important;} #slider a,#slider-en a{display:block; width:100%; height:100%;} #slider a:hover,#slider-en a:hover{text-decoration:none;} #plaatjediamanten{width:977px;} #cover{background:url('../images/assets/banner/vad-cover.png') no-repeat 20px bottom; background-size:560px; height:345px; max-width: 1000px; margin: 0 auto;} #cover a{display:block; text-decoration:none; width:100%; height:100%;} #cover .cover-text{float:right; text-align:center; padding:62px 66px 0 0;} #cover h1{font-size:65px; line-height:65px; color:#000; font-weight:normal; font-family:Unna,'Open Sans',sans-serif; max-width:320px;} #col2custom{width:50%; margin:25px 0 0;} #col2custom h3{font-size:24px; margin-bottom:20px;} #col2custom h3 strong{font-weight:300!important;} #col3custom{width:50%; margin:61px 0 0 0; padding-left:60px;} .promos{width:100.4%; margin:0 0 0 -.2%;} .promo-box{position:relative; background-color:#fff; text-align:center; border:1px solid #ddd; float:left; width:24.6%; height:270px; margin:0 .2% 4px; padding:20px 10px 0; overflow:hidden; -moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px;} .promo-box a{display:block; width:100%; height:100%; padding:15px 10px; color:#242424;} .promo-box a:hover{text-decoration:none;} .promo-box a:hover h3,.promo-box a:hover h3 span{color:#b1005d;} .promo-last h3{padding:0 2px!important;} .promo-box img{position:relative; z-index:1; width:100%; max-width:180px; -webkit-transition:transform .2s ease; -moz-transition:transform .2s ease; -ms-transition:transform .2s ease; -o-transition:transform .2s ease; transition:transform .2s ease; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);} .promo-box a:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);} .promo-box h3{position:relative; z-index:2; height:45px;} .promo-box h3 span{color:#999; display:block; font-size:14px; margin-top:2px;} .cms-home .instagram { margin-top: 35px; } /* DIAMONDS */ #diamond-search{position:relative; padding:10px 0 80px; text-align:center;} #diamond-search h2{font-weight:600; margin-bottom:15px; font-size:26px;} #diamond-search .intro-text{position:relative; font-size:14px; margin:0 auto 30px; max-width:800px;} #diamond-search .loading:after{content:''; background-color:rgba(255,255,255,.6); position:absolute; top:0; bottom:0; left:0; right:0;} #diamond-search .recently-sold{text-align:right; color:#797979; margin-bottom:5px;} .diamond-search-header{position:relative; margin-bottom:5px;} .diamond-search-header .learn-more{position:absolute; bottom:0; right:0;} #diamond-search-subnav{display:flex; align-items:center; margin:15px 0 10px;} .diamond-views{display:flex;} .diamond-view{margin-right:5px;} .diamond-view a{background-color:#fff; border:1px solid #ddd; border-radius:4px; width:36px; height:36px; padding:8px; fill:#242424; cursor:pointer; text-decoration:none; display:block;} .diamond-view a:hover{color:#b1005d; fill:#b1005d;} .diamond-view.active a{background:#b1005d; color:#fff; fill:#fff;} .diamond-view svg{display:block; width:100%; height:100%;} .diamond-filter-pics{display:flex; margin-left:auto;} .diamond-filter-pics .btn-pic{background-color:#fff; border:1px solid #ddd; border-radius:4px; margin-left:5px; white-space:nowrap; padding:8px;} #diamond-search-result-field{background-color:#fff; border:1px solid #ddd; height:100%; padding:5px 0 4px; margin:25px 0 -1px;} #diamond-search-result-field h2{margin:4px 0; font-size:14px;} #diamond-search-result-field h2 a{color:#242424;} #diamond-search-result{position:relative; -webkit-overflow-scrolling:touch;} #diamond-search-result table{width:100%; border:1px solid #ddd;} #diamond-search-result-header{height:auto!important;} #diamond-search-result-header th{background-color:#f3f3f6; border:1px solid #ddd; height:29px; padding:0 5px; font-size:13px; font-weight:700; cursor:pointer; vertical-align:middle; color:#2f2b23;} #diamond-search-result-header th:hover, #diamond-search-result-header th.active{color:#b1005d;} #diamond-search-result tr{background-color:#fff; height:100px;} #diamond-search-result tr.odd{} #diamond-search-result tr.even{background-color:#f3f3f6;} #diamond-search-result tr:hover td{color:#b1005d; cursor:pointer;} #diamond-search-result tr:hover td em.icon-shape{background-position-y:-25px;} #diamond-search-result th{font-weight:bold; text-align:left;} #diamond-search-result th small{font-size:11px;} #diamond-search-result td{height:60px; vertical-align:middle; padding:0 5px; cursor:pointer; text-align:left;} #diamond-search-result td strong{margin-right:10px;} #diamond-search-result .diamond-result-img{width:16px;} #diamond-search-result .diamond-result-img svg{fill:#2f2b23; width:15px; height:12px; margin:0 auto; display:block;} #diamond-search-result .diamond-result-img:hover svg, #diamond-search-result .diamond-result-img.active svg{fill:#b1005d;} #diamond-search-result .diamond-result-360{} #diamond-search-result .diamond-result-360 em{font-style:normal; font-size:10px;} #diamond-search-result .shape{} #diamond-search-result .shape.pre{white-space:pre; overflow:hidden;} #diamond-search-result .shape .wrap{width:16px; height:16px; margin-right:10%; float:left; text-align:center;} #diamond-search-result .shape em.icon-shape{position:relative; background:url(../images/assets/icon-sprite-diamond_cuts.png) no-repeat; background-size:250px; display:inline-block; width:16px; height:17px; margin:0 auto; overflow:hidden;} #diamond-search-result .shape-round em.icon-shape{background-position:0 0;} #diamond-search-result .shape-oval em.icon-shape{background-position:-25px 0; width:12px;} #diamond-search-result .shape-heart em.icon-shape{background-position:-50px 0;} #diamond-search-result .shape-marquise em.icon-shape{background-position:-75px 0; width:8px;} #diamond-search-result .shape-pear em.icon-shape{background-position:-100px 0; width:12px;} #diamond-search-result .shape-radiant em.icon-shape{background-position:-125px 0;} #diamond-search-result .shape-emerald em.icon-shape{background-position:-150px 0; width:12px;} #diamond-search-result .shape-princess em.icon-shape{background-position:-175px 0;} #diamond-search-result .shape-asscher em.icon-shape{background-position:-200px 0;} #diamond-search-result .shape-cushion em.icon-shape{background-position:-225px 0;} #diamond-search-result .mount em.icon-mount{position:relative; background:url(../images/assets/icon-sprite-mounts.png) no-repeat; background-size:325px; display:inline-block; width:25px; max-width:25px; height:13px; overflow:hidden;} #diamond-search-result .mount-solitaire em.icon-mount{background-position:0 0;} #diamond-search-result .mount-pave em.icon-mount{background-position:-25px 0;} #diamond-search-result .mount-channel em.icon-mount{background-position:-50px 0;} #diamond-search-result .mount-sidestones em.icon-mount{background-position:-75px 0;} #diamond-search-result .mount-threestones em.icon-mount{background-position:-100px 0;} #diamond-search-result .mount-mixedmetal em.icon-mount{background-position:-125px 0;} #diamond-search-result .mount-tension em.icon-mount{background-position:-150px 0;} #diamond-search-result .mount-halo em.icon-mount{background-position:-175px 0;} #diamond-search-result .mount-vintage em.icon-mount{background-position:-200px 0;} #diamond-search-result .mount-wedding em.icon-mount{background-position:-225px 0;} #diamond-search-result .mount-amstel em.icon-mount{background-position:-250px 0;} #diamond-search-result .mount-collier em.icon-mount{background-position:-275px 0;} #diamond-search-result .mount-studs em.icon-mount{background-position:-300px 0;} #diamond-search-result .price em.icon-mount{top:2px; margin-right:1px;} #diamond-search-result .price em.icon-shape{top:4px; margin:0 1px 0 4px;} #diamond-search-result .td-price > div{display: flex; justify-content: space-between; align-items: center; padding: 5px 0; white-space: nowrap;} #diamond-search-result .td-price img{display: block; width:100%; max-width:120px; min-width:60px; border-radius: 6px;} #diamond-search-result .td-offer-btn{position:relative; background-color:#fff; cursor:pointer; display:inline-block; border: 1px solid #c3c3c3; border-radius:6px; padding:6px 10px; font-size:12px; font-weight:600; margin:0 5px; white-space:nowrap; color:inherit; text-decoration:none; float:right;} #diamond-search-result .td-offer-btn:hover{} #diamond-search-result #tr-noresult{height:90px; cursor:default;} #diamond-search-result #tr-noresult:hover{background-color:#f3f3f6;} #diamond-search-result #tr-noresult td{text-align:center; font-size:16px; font-weight:600; z-index:99;} #diamond-search-result #tr-noresult td strong{position:relative; font-size:16px; font-weight:bold; z-index:99;} #btn-showmore{margin-top:20px; height:42px;} #diamond-search-result-gallery{display:flex; justify-content:space-between; align-content:flex-start; flex-wrap:wrap;} #diamond-search-result-gallery .diamond{width:calc(25% - 11.25px); margin-bottom:15px;} #diamond-search-result-gallery .diamond a{background-color:#fff; display:block; text-decoration:none; cursor:pointer; border-radius:18px; overflow:hidden;} #diamond-search-result-gallery .diamond span{display:block; color:#242424;} #diamond-search-result-gallery .diamond .diamond-img{height:240px; background-size:cover; background-position:center; background-repeat:no-repeat; margin-bottom:5px;} #diamond-search-result-gallery .diamond .diamond-details{padding:5px 10px 10px;} #diamond-search-result-gallery .diamond .diamond-title{text-align:center; margin-bottom:5px;} #diamond-search-result-gallery .diamond .diamond-price{font-size:16px; font-weight:600;} #diamond-search-result-gallery .noresult{width:100%; margin-bottom:40px;} #diamond-search-result-gallery .noresult span{text-align:center; font-size:16px; font-weight:600; background-color:#ddd; display:inline-block; padding:10px 25px; border-radius:4px;} #diamond-gallery-sort{margin-left:20px;} #diamond-gallery-sort span{margin-right:2px;} #diamond-search-mounts{position:relative; background-color:#fff; height:100%; min-height:45px; padding-top:12px; margin-bottom:25px; border-radius:12px;} #diamond-search-mounts-options{padding:0 14px;} #diamond-search-mounts-options label{margin-right:20px;} #diamond-search-mounts-options label span{margin-right:5px;} #diamond-search-mounts-btn{position:absolute; left:15px;} #diamond-search-mounts-wrap{margin-top:10px; padding:0 14px;} #diamond-search-mount-category{display:flex; justify-content:space-between; align-items:flex-start; padding:20px 0 0; margin:0 5px; border-bottom:1px solid #ddd; z-index:2;} #diamond-search-mount-category.shadow{-webkit-box-shadow:0 2px 2px -1px rgba(0,1,2,.1); -moz-box-shadow:0 2px 2px -1px rgba(0,1,2,.1); box-shadow:0 2px 2px -1px rgba(0,1,2,.1);} #btn-mount-select{margin-bottom:30px;} #btn-mount-select span{color:#fff!important;} .btn-mount{position:relative; fill:#242424; z-index:2; line-height:12px; font-size:11px; cursor:pointer; margin:0 5px 8px; text-align:center;} .btn-mount.active{fill:#b1005d; color:#b1005d;} .btn-mount span{display:block; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:normal;} .btn-mount em{display:block; width:100%; max-width:50px; height:20px; margin:0 auto 4px;} .btn-mount svg{width:100%; height:100%; display:block;} #mount-search-result{position:relative; width:100%; max-height:209px; min-height:45px; padding:0 0 4px 2px; overflow-y:hidden; z-index:1;} #mount-search-result.loading:after{visibility:visible; height:auto; top:0;} #mounts-show-more{position:absolute; width:200px; left:50%; bottom:-13px; margin-left:-100px; z-index:3; display:none;} #mounts-show-more .button{height:22px; font-size:12px; line-height:20px; -moz-box-shadow:0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4); box-shadow:0 1px 2px rgba(0,0,0,.4); padding:1px 10px;} #mounts-show-more .icon-arrow{width:9px; height:5px; margin:7px 0 0 4px; fill:#fff; float:right;} #mounts-show-more.active .icon-arrow{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} #mounts-show-more .icon-arrow svg{display:block; width:100%; height:100%;} .box-middle{border-top:1px solid #efefef; padding-top:50px;} .mount-insta{} .mount-insta iframe{background-color:#efefef; display:block; padding:3px 3px 6px;} .mount-insta h4{text-align:center; margin-bottom:30px; font-size:20px; display:flex; justify-content:center; align-items:center;} .mount-insta h4 a{display:inline-block; margin:0 5px 0 10px;} .mount-insta h4 img{display:block; width:30px; height:30px;} .mount-sizes{margin-top:50px; padding:0 40px 50px; border-top:1px solid #efefef; padding-top:50px;} .mount-sizes h4{text-align:center; margin-bottom:15px; font-size:20px;} .mount-sizes img{display:block; width:100%; max-width:700px; margin:0 auto; border:1px solid #eee;} #diamond-search-mounts .diamond-search-mount{position:relative; float:left; margin:0 6px 5px; z-index:1;} #diamond-search-mounts .diamond-search-mount.transparent{-moz-opacity:.2; -khtml-opacity:.2; opacity:.2;} #diamond-search-mounts .diamond-search-mount.transparent:hover{-moz-opacity:1; -khtml-opacity:1; opacity:1;} #diamond-search-mounts .diamond-search-mount.transparent img{filter:alpha(opacity=40);} #diamond-search-mounts .diamond-search-mount>img{background-color:#fff; width:182px; height:182px; overflow:hidden;} #diamond-search-mounts .diamond-search-mount>img:hover{cursor:pointer;} #diamond-search-mounts .diamond-search-mount:hover .product-image-magnify{display:block;} #diamond-search-mounts .diamond-search-mount .product-image{position:relative; z-index:1;} #diamond-search-mounts .diamond-search-mount .product-image-next{position:absolute; left:0; top:0; z-index:2; visibility:hidden;} #diamond-search-mounts .diamond-search-mount .product-image-magnify{position:absolute; background-color:#aaa; width:30px; height:30px; right:1px; bottom:11px; padding:2px; z-index:10; display:none;} #diamond-search-mounts .diamond-search-mount .product-image-magnify:hover{background-color:#999;} #diamond-search-mounts .diamond-search-mount .product-image-magnify svg{fill:#fff; display:block; width:100%; height:100%;} #diamond-search-mounts .diamond-search-mount ul{position:relative; top:-10px; z-index:9;} #diamond-search-mounts .diamond-search-mount .mount-price{} #diamond-search-mounts .diamond-search-mount .discount{text-decoration:line-through; opacity:.4; min-height:8px; display:none;} #diamond-search-mounts h4{text-align:left; margin:12px 0 14px 5px;} #diamond-search-mounts .diamond-search-mount .mount-sizes{} .touch #diamond-search-mounts .product-image-magnify{display:block !important;} #diamond-search-tabs{position:relative; display:flex; justify-content:center; align-items:center; margin:45px 0 20px;} .diamond-search-tab{display:flex; justify-content:center; align-items:center; padding:12px 30px; margin:0 -1px; background-color:#fff; cursor:pointer; font-size:15px; font-weight:600; min-height:50px;} .diamond-search-tab:hover{color:#b1005d;} .diamond-search-tab.active{background-color:#b1005d; color:#fff!important;} #diamond-search-tab-natural{border-radius:6px 0 0 6px;} #diamond-search-tab-fancy{border-radius:0 6px 6px 0;} #diamond-search-tab-rare{position:absolute; top:3px; right:0; display:flex; justify-content:center; align-items:center; flex-direction:column; background-color:#fff; cursor:pointer; font-weight:600; font-size:13px; line-height:normal; padding:7px 20px; border-radius:3em; height:45px;} #diamond-search-tab-rare:hover{color:#b1005d;} #diamond-search-tab-rare.active{background-color:#b1005d; color:#fff;} #diamond-search-tab-rare small{font-size:10px; opacity:.6;} .rare-mode-title{display:none; font-size:22px; font-weight:600; margin:5px 0 25px; color:#b1005d; letter-spacing:-.6px; text-align:left;} .rare-mode-title small{font-size:12px; color:#000; opacity:.6; margin-left:12px;} .rare-mode{} .rare-mode .rare-mode-title{display:block;} .rare-mode .diamond-filter-color, .rare-mode .diamond-filter-cut, .rare-mode .diamond-filter-clarity, .rare-mode .diamond-filter-certificate, .rare-mode .diamond-filter-polish, .rare-mode .diamond-filter-symmetry, .rare-mode .diamond-filter-fluor{position:relative;} .rare-mode .diamond-filter-color:before, .rare-mode .diamond-filter-cut:before, .rare-mode .diamond-filter-clarity:before, .rare-mode .diamond-filter-price:before, .rare-mode .diamond-filter-certificate:before, .rare-mode .diamond-filter-polish:before, .rare-mode .diamond-filter-symmetry:before, .rare-mode .diamond-filter-fluor:before{content:''; background-color:rgba(255,255,255,.8); position:absolute; top:0; bottom:0; left:0; right:0; z-index:9;} .diamond-filter-color{position:relative;} .diamond-filter-label{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; display:flex; justify-content:center; align-items:center;} .diamond-filter-label div{background-color:#fff; border-radius:3em; padding:8px 14px; text-align:center; border:1px solid #ddd; box-shadow:0 2px 4px rgba(0,0,0,.08); font-weight:bold; color:#424242;} #diamond-search-field{position:relative; background-color:#fff; height:100%; padding:12px 30px 5px; border-radius:12px;} #diamond-search-field h2{text-align:left; margin:0 0 6px 20px; font-size:15px; font-weight:bold;} #diamond-search-field h6{font-size:12px; margin-bottom:6px;} #diamond-search-field .pink{position:relative; float:left; left:-15px} #diamond-search-field .learn-more{position:relative; float:right; right:-15px} .diamond-filter-presets{padding:25px 0 30px; margin-bottom:35px; border-bottom:1px solid #ddd;} .diamond-filter-presets h4{font-size:16px;} .diamond-filter-presets-btns{display:flex; justify-content:center; margin-top:25px;} .diamond-filter-presets-btn{max-width:200px;} .diamond-filter-presets-btn a{display:inline-block; padding:10px 22px; border:1px solid #b1005d; border-radius:50em; text-decoration:none; margin-bottom:10px; font-weight:bold; font-size:13px;} .diamond-filter-presets-btn a:hover{background-color:#b1005d; color:#fff;} .diamond-filter-presets-btn p{} .diamond-filter-shapes{margin:20px 0 0; padding-bottom:25px;} .diamond-filter-shapes .diamond-filter-wrap{margin:0 auto;} .diamond-filter-shapes .diamond-filter-wrap ul{display:flex; justify-content:space-around;} .diamond-filter-row{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;} .btn-filter{position:relative; background-color:#f3f3f6; z-index:2; font-size:11px; float:left; line-height:normal; text-align:center;} .btn-filter:hover{color:#b1005d; z-index:3; cursor:pointer;} .btn-filter.active{background:#b1005d; color:#fff;} .btn-filter.active:hover{} .btn-filter.off{filter:alpha(opacity=35); -moz-opacity:.35; -khtml-opacity:.35; opacity:.35;} .btn-filter.off:hover{color:inherit; cursor:default} .btn-shape{background:none; fill:#242424; line-height:normal; font-size:12px} .btn-shape em{display:block; width:35px; height:36px; margin:0 auto 4px;} .btn-shape svg{width:100%; height:100%; display:block;} .btn-shape:hover{background:transparent; color:#242424;} .btn-shape.active{fill:#b1005d; color:#b1005d; background:transparent;} .btn-color{background:none; line-height:normal;} .btn-color em{background:url(../images/assets/icon-color-sprite.png) 0 0 no-repeat; background-size:346px; display:block; width:28px; height:28px; margin:0 auto; overflow:hidden;} .btn-color.active{background-color:transparent; color:#b1005d} .color-d em, .color-d.off:hover em{background-position:0 0;} .color-e em, .color-e.off:hover em{background-position:-40px 0;} .color-f em, .color-f.off:hover em{background-position:-79px 0;} .color-g em, .color-g.off:hover em{background-position:-119px 0;} .color-h em, .color-h.off:hover em{background-position:-159px 0;} .color-i em, .color-i.off:hover em{background-position:-199px 0;} .color-j em, .color-j.off:hover em{background-position:-239px 0;} .color-k em, .color-k.off:hover em{background-position:-279px 0;} .color-d:hover em, .color-d.active em{background-position:0 -29px;} .color-e:hover em, .color-e.active em{background-position:-40px -29px;} .color-f:hover em, .color-f.active em{background-position:-79px -29px;} .color-g:hover em, .color-g.active em{background-position:-119px -29px;} .color-h:hover em, .color-h.active em{background-position:-159px -29px;} .color-i:hover em, .color-i.active em{background-position:-199px -29px;} .color-j:hover em, .color-j.active em{background-position:-239px -29px;} .color-k:hover em, .color-k.active em{background-position:-279px -29px;} #btn-gemstones-all{} #btn-gemstones-all.on{color:#b1005d} #btn-gemstones-all em{background-position:-319px -29px;} #btn-fancy-all{} #btn-fancy-all.on{color:#b1005d} #btn-fancy-all em{background-position:-319px 0;} #btn-fancy-all-filters{position:relative; top:-22px; margin-bottom:3px; width:100%; z-index:2; display:none;} #btn-fancy-all-filters .diamond-filter-wrap{background-color:#f3f3f6; padding:15px 10px; border-radius:6px;} .btn-fancy-wrap{display:flex; justify-content:space-between; align-items:stretch;} .btn-fancy-int{display:flex; justify-content:center; align-items:center; background-color:#fff; border-right:1px solid #f3f3f6; font-weight:600; font-size:12px; width:100%; min-height:32px; padding:2px 0; margin-top:10px;} .btn-fancy-int.hide{display:none;} .btn-fancy-int.active{background-color:#b1005d;} .btn-fancy-int span{} .btn-fancy-int:last-child{border-right:0;} .btn-fancy{background:none; line-height:normal;} .btn-fancy.active{background-color:transparent; color:#b1005d;} .btn-fancy.active em{box-shadow:0 0 0 1px #b1005d; -moz-box-shadow:0 0 0 1px #b1005d; -webkit-box-shadow:0 0 0 1px #b1005d;} .btn-fancy em{display:block; width:21px; height:21px; margin:0 auto 3px; border:2px solid #f3f3f6; border-radius:50%;} .fancy-pink em{background-color:#ff82a6;} .fancy-yellow em{background-color:#ffe20d;} .fancy-blue em{background-color:#1895ff;} .fancy-black em{background-color:#272727;} .fancy-brown em{background-color:#a48069;} .fancy-green em{background-color:#51e544;} .fancy-red em{background-color:#ff483d;} .fancy-purple em{background-color:#b337ba;} .fancy-orange em{background-color:#f58218;} .fancy-champagne em{background-color:#d0a58b;} .fancy-cognac em{background-color:#9a4f3a;} .fancy-chameleon em{background-color:#8b8c43;} .fancy-gray em{background-color:#808080;} .fancy-white em{background-color:#fff;} .fancy-other em{background-image:conic-gradient(#9ED110, #50B517, #179067, #476EAF, #9f49ac, #CC42A2, #FF3BA7, #FF5800, #FF8100, #FEAC00, #FFCC00, #EDE604, #9ED110);} #btn-gemstones-all-filters{position:relative; top:-22px; margin-bottom:3px; width:100%; z-index:2; display:none;} #btn-gemstones-all-filters .diamond-filter-wrap{display:flex; justify-content:space-between; background-color:#f3f3f6; padding:15px 10px;} #btn-gemstones-all-filters .diamond-filter-wrap .btn-fancy{width:auto;} #diamond-search-advanced-btn{position:absolute; min-width:200px; left:50%; bottom:-10px; margin-left:-100px; z-index:3;} #diamond-search-advanced-btn .button{height:22px; font-size:12px; line-height:20px; -moz-box-shadow:0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4); box-shadow:0 1px 2px rgba(0,0,0,.4); padding:1px 10px;} #diamond-search-advanced-btn .icon-arrow{width:9px; height:5px; margin:7px 0 0 4px; fill:#fff; float:right;} #diamond-search-advanced-btn.active .icon-arrow{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} #diamond-search-advanced-btn .icon-arrow svg{display:block; width:100%; height:100%;} #diamond-search-advanced{width:100%; display:none; height:auto; min-height:inherit; margin-top:20px; float:left;} .diamond-search-advanced{width:32.33%; background-color:#f3f3f6; min-height:60px; padding:10px; margin:0 0.5% 10px; float:left; border-radius:6px;} #diamond-search-advanced .diamond-filter-wrap{position:relative; min-height:40px;} #diamond-search-advanced .btn-filter{background-color:#fff; font-weight:600; font-size:12px; padding:0 1%; min-height:inherit; border-right:1px solid #f3f3f6;} #diamond-search-advanced .btn-filter:last-child{border-right:0;} #diamond-search-advanced .btn-filter.hide{display:none;} #diamond-search-advanced .btn-filter.active{background-color:#b1005d} #diamond-search-advanced .btn-filter span{word-break:break-word;} .diamond-filter-color-wrap{width:49%;} .diamond-filter-color{background-color:#f3f3f6; min-height:90px; padding:10px 10px 10px; margin-bottom:25px; border-radius:6px;} .diamond-filter-color .diamond-filter-wrap{display:flex; justify-content:space-between; align-items:center;} .diamond-filter-cut{background-color:#f3f3f6; min-height:90px; padding:10px 10px 10px; margin-bottom:25px; width:49%; border-radius:6px;} .diamond-filter-cut .diamond-filter-wrap{position:relative; min-height:40px; padding:0 10px;} .btn-cut{background-color:#fff; font-weight:600; font-size:12px; width:25%; padding:0 1%; min-height:inherit; border-right:1px solid #f3f3f6;} .btn-cut:last-child{border-right:0;} .btn-cut.active{background-color:#b1005d;} .btn-cut span{/* display:table-cell; vertical-align:middle; */ word-break:break-word;} .diamond-filter-price{width:100%; float:left;} .diamond-filter-carat{width:49%; float:left;} .diamond-filter-clarity{width:49%; float:right;} .diamond-filter-polish{} .btn-polish{width:25%;} .diamond-filter-symmetry{} .btn-symmetry{width:20%;} .diamond-filter-fluor{} .btn-fluor{width:20%;} .diamond-filter-enhancement{} .btn-enhancement{width:33.33333333333333%;} .diamond-filter-certificate{} .btn-certificate{width:20%;} .diamond-filter-pic{} .diamond-filter-pic .diamond-filter-wrap{position:relative; margin:0 auto; display:inline-block; width:70%;} .btn-pic{background-color:#fff; font-weight:600; font-size:12px; width:50%; height:40px; display:table;} .btn-pic span{display:table-cell; vertical-align:middle;} .new{position:absolute; top:-13px; right:-10px; padding:2px 6px; background-color:#28B779; color:#fff; display:inline-block; font-size:10px; line-height:14px; font-weight:600; text-transform:uppercase; -moz-box-shadow:0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4); box-shadow:0 1px 2px rgba(0,0,0,.4); z-index:9;} .diamond-filter-pic .diamond-filter-wrap .new{top:-8px; right:-20px;} .filter{position:relative; margin-bottom:15px; height:35.4%; padding:0 10px;} .filter ul{position:relative; width:100%; text-align:center;} .filter li{float:left; font-size:11px; text-transform:uppercase;} .filter ul.filter-borders{position:absolute; height:4px; top:28px;} .filter ul.filter-borders li{height:100%; border-left:1px solid #fff; margin-right:-1px;} .filter ul.filter-borders li:first-child{visibility:hidden;} .slider-input{font-size:11px;} .slider-input input{width:50px; padding:2px 0 2px 4px; font-size:13px; border:0; background:none;} .input-min{float:left;} .input-max{float:right;} .input-max input{text-align:right;} .input-hidden{display:none;} .slider{position:relative; background-color:#828282; width:100%; height:4px; -moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px; margin:10px 0 6px; -webkit-tap-highlight-color: transparent;} .ui-slider-range{position:relative; background-color:#b1005d; height:100%; top:0;} .ui-slider-handle{position:absolute; top:-1px; width:22px; height:22px; margin-left:-11px; cursor:pointer; z-index:2; top:-10px; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; -moz-box-shadow:0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4); box-shadow:0 1px 2px rgba(0,0,0,.4); background-color: #fff; background-image:-webkit-gradient(linear, top, bottom, from(#fff), to(#efefef)); background-image:-webkit-linear-gradient(top, #fff, #efefef); background-image:-moz-linear-gradient(top, #fff, #efefef); background-image:-o-linear-gradient(top, #fff, #efefef); background-image:linear-gradient(to bottom, #fff, #efefef); } .ui-slider-handle:hover{} a.ui-slider-handle,a.ui-slider-handle-snapping{-webkit-transition:none; -moz-transition:none;} #diamond-products-boxes .products-box{width:49.85%; height:145px; margin:3px 0 0 0;} .diamanten-tekst~.products-box{margin:20px 0 0 10px;} #diamond-products-boxes .ready-jewel{width:100%; margin:0 auto 12px;} .products-box{position:relative; background-color:#fff; margin:20px 0 0 16px; height:100%; border-radius:12px;} .products-box.width100{width:100%!important;} .products-box a{padding:15px 25px; display:block; width:100%; height:100%; text-decoration:none;} .products-box a:hover, .products-box a:hover *{text-decoration:none;} .products-box a>span{position:relative; float:left; z-index:2;} .products-box img{position:absolute; top:15px; right:25px; max-width:120px; float:right; z-index:1;} .products-box h2{position:relative; width:70%; margin-bottom:15px; z-index:2; color:#242424} .products-box h2 span{display:inline-block; white-space:nowrap; color:#949494;} .products-box.ready-jewel{overflow:hidden;} .products-box.ready-jewel h2{text-align:center; text-transform:uppercase; font-size:27px; font-weight:normal; width:100%; margin-bottom:5px} .products-box.ready-jewel span{text-align:center; display:block; width:100%; font-size:16px; font-weight:normal; color:#aaa;} .products-box.ready-jewel span.break-mobile{display:none;} .products-box.ready-jewel img{top:-75px; right:-90px; max-width:420px;} .products-box.build-own{text-align:center; height:auto!important;} .products-box.build-own a{padding:20px 25px 5px;} .products-box.build-own p{font-weight:600; margin-bottom:6px; color:#aaa;} .products-box.build-own img{position:relative; max-width:185px; margin:0 auto; display:block; top:0; left:0; right:0; float:none;} .products-box.build-own h2{text-align:center; text-transform:uppercase; font-size:27px; font-weight:normal; width:100%; margin-bottom:17px} .products-box.build-own h3{text-align:center; text-transform:uppercase; font-size:16px; font-weight:normal; color:#aaa;} .products-box.build-own .choice-builds{margin:0 auto; display:inline-block;} .products-box.build-own .choice-build{text-align:left; padding:0 20px; float:left;} .explanation{position:relative; background-color:#fff; border:1px solid #ddd; padding:25px 25px 40px; margin:0 auto 12px; width:100%; min-height:135px; text-align:center;} .explanation.fl{width:60%;} .explanation h2{font-weight:600; margin-bottom:5px; font-size:24px!important;} .explanation .explanation-formula{display:flex; justify-content:center; align-items:center; font-size:16px; margin-top:10px;} .explanation .round-circle{display:flex; justify-content:center; align-items:center; margin:0 8px; background-color:#b0b0b0; color:#fff; width:30px; height:30px; text-align:center; font-weight:600; font-size:22px;} .explanation .recently-sold{position:absolute; bottom:5px; right:8px; color:#797979;} .explanation .recently-sold a{color:inherit; text-decoration:underline;} .view-diamonds{position:relative; background-color:#fff; width:100%; margin:0 auto 12px; text-align:right; cursor:pointer; overflow:hidden; border-radius:12px;} .view-diamonds a{color:#242424; text-decoration:none; padding:25px 37px 25px 25px; display:block;} .view-diamonds h2{position:relative; z-index:2; font-weight:600; margin-bottom:5px;} .view-diamonds p{position:relative; z-index:2; color:#b1005d;} .view-diamonds img{position:absolute; top:-62px; left:37px; width:220px; z-index:1;} #diamond-search .ready-jewel{margin:0 auto 12px; min-height:100px;} .subscribe{position:relative; background-color:#fff; border:1px solid #ddd; padding:25px 25px 30px; margin:0 auto 20px; max-width:680px; text-align:center;} .subscribe h2{font-weight:600; margin-bottom:5px;} .subscribe h3{font-weight:normal; max-width:530px; margin:0 auto;} .subscribe-form{margin:15px auto 15px;} .subscribe-form input{height:40px; margin-top:10px;} .subscribe-form button{height:40px; line-height:38px; margin:10px auto 0;} .subscribe-form .validation-advice{display:none!important;} .subscribe-img{width:230px; margin-bottom:15px;} .subscribe .subscribe-close{position:absolute; color:#444; right:9px; top:0; font-size:20px; cursor:pointer;} .subscribe .subscribe-close:hover{color:#b1005d;} .subscribe-glitzerfrosch{} .subscribe-glitzerfrosch h3{margin-bottom:20px; text-transform:uppercase;} .subscribe-glitzerfrosch small{color:#999; display:block;} .subscribe-glitzerfrosch .subscribe-form{margin:0 auto 15px;} .subscribe-google{} .subscribe-google small{font-weight:600;} .subscribe-google .divider{width:58px; height:23px; border-bottom:1px solid #aaa; margin:0 auto 11px;} .subscribe-google .subscribe-response{display:none; color:#FFA500; font-size:16px;} .subscribe-chap{background-size:140px; padding:20px 25px 10px; background-color:rgba(0,0,0,.58); border:0; overflow:hidden;} .subscribe-chap p{color:#fff; font-weight:600; font-size:13px;} .subscribe-chap p a{color:#fff; font-weight:600;} .subscribe-chap .subscribe-close{color:#fff;} .subscribe-chap h2{color:#fff; margin-bottom:12px; font-size:18px!important;} .subscribe-chap .test{position:absolute; z-index:-1; top:-70px; left:-50px;} .subscribe-chap small{position:absolute; right:12px; bottom:10px; font-weight:normal} .subscribe-chap small, .subscribe-chap small a{color:#999;} .subscribe-chap small a{text-decoration:underline} /* BOX NAVIGATION ARROWS */ .box-navigation{position:absolute; top:50%; z-index:6; cursor:pointer; width:27px; height:45px; margin-top:-22px;} .box-navigation em{position:relative; background:url(../images/assets/icon-box-arrow.png) 0 0 no-repeat; width:100%; height:100%; display:block; opacity:.5;} .box-navigation-left{left:5px;} .box-navigation-left em{background-position:0 0;} .box-navigation-right{right:5px;} .box-navigation-right em{background-position:0 -45px;} .box-navigation-left:hover em,.box-navigation-right:hover em{opacity:1} /* BOX */ #box-body, .box-body{position:fixed; background-color:rgba(0,0,0,.76); top:0; bottom:0; left:0; right:0; overflow:visible; z-index:99999; overflow-y:scroll; overflow-x:auto; display:none; -webkit-overflow-scrolling:touch;} #box{position:relative; width:100%; max-width:1085px; min-height:600px; background-color:#fff; -moz-box-shadow:0 2px 6px rgba(0,0,0,.6); -webkit-box-shadow:0 2px 6px rgba(0,0,0,.6); box-shadow:0 2px 6px rgba(0,0,0,.6); margin:0 auto 40px; overflow:hidden; text-align:left;} #box h2{position:relative; font-size:30px; line-height:38px; font-weight:700; word-break:break-word; top:-6px; margin-bottom:5px;} #box h2 small{display:block; line-height:20px; font-weight:normal; font-size:12px; font-style:italic;} #box h2 small strong{font-weight:bold;} #box .subline{display:block; font-size:13px; color:#b1005d; margin-bottom:12px;} #box small{font-size:11px;} #box .btn-close{position:absolute; z-index:9999; top:0; right:0; padding:0; width:40px; height:40px; cursor:pointer; background-color:transparent;} #box .btn-close-icon{position:relative; width:100%; height:100%;} #box .btn-close-icon:after, #box .btn-close-icon:before{content:""; position:absolute; width:20px; height:2px; display:block; background-color:#585858; border-radius:4px; top:0; margin-top:65%; margin-left:25%;} #box .btn-close-icon:after{transform:translate3d(0,-6px,0) rotate(-45deg);} #box .btn-close-icon:before{transform:translate3d(0,-6px,0) rotate(-135deg);} .mounts-delivery-time{margin-bottom:5px;} .mounts-delivery-time p{float:left;} #box-cart .mounts-delivery-time .facebook{margin:2px 0 8px 15px;} #box-content{min-height:500px;} #box-content strong.loader{position:relative; margin-top:20px; font-size:16px; display:block; text-align:center;} #box-content h6{margin-bottom:6px; font-size:12px;} #box-top{position:relative; margin-bottom:30px; padding:20px 40px 0;} #box-top .box-logo{margin-bottom:10px;} #box-top .box-logo img{width:126px; height:41.2px;} #box-img{width:62%; float:left;} #box-img .product-image{position:relative; z-index:1; overflow:hidden; padding-right:30px; margin-bottom:5px;} #box-img .product-image img{max-width:100%; max-height:500px; display:block; background-color:#f1f1f1; margin:0 auto;} #box-img .product-image iframe{background-color:#f1f1f1; position:absolute; width:100%; height:100%; border:0; top:0; bottom:0; left:0; right:0; margin:0; padding:0;} #box-img-thumbs{} #box-img .product-image video{width:100%;} #box-img .product-image #diamond-video{position:relative; display:block; cursor:pointer; width:100%;} #box-img .product-image #diamond-video.has-iframe .diamond-video-container{position:relative; display:block; width:100%; height:0; padding-top:66.6%; background-color:#f1f1f1;} #box-img .product-image .diamond-video-url a{display:inline-block; text-decoration:underline; margin-top:4px;} #box-img .product-image #diamond-video-iframe{visibility:hidden;} #box-img .product-image #diamond-video-iframe.show{visibility:visible;} #box-img .product-image #diamond-video-iframe-loading{position:absolute; width:100%; height:100%; text-align:center; top:0; left:0; display:flex; justify-content:center; align-items:center; font-weight:bold; font-size:15px;} #box-img-thumbs img{position:relative; z-index:9; width:60px; height:60px; border:1px solid transparent; margin-right:5px; display:block; float:left;} #box-img-thumbs img:hover, #box-img-thumbs img.active{border:1px solid #ccc; cursor:pointer;} #box-img-thumbs .img-loading{position:relative; background-color:#f5f5f5; width:60px; height:60px; float:left;} #box-img-thumbs .img-loading:before{content:"Loading..."; position:absolute; top:21px; left:0; font-size:10px; color:#b1005d; width:100%; text-align:center; z-index:8;} .product-image .img-diamond-not_found{background-color:#f1f1f1; width:100%; min-height:300px; text-align:center;} .product-image .img-diamond-not_found span{font-size:20px; color:#aaa; line-height:300px; white-space:nowrap;} #box-img-thumbs .img-diamond-not_found{background-color:#f1f1f1; width:60px; height:60px; min-height:60px; margin-right:5px; display:block; float:left;} #box-img .jewel-description { margin-top: 25px; width: 80%; } .image-disclaimer { margin: 2px 0; font-style: italic; display: inline-block; } #box-cart{width:38%; float:right;} #box-cart.no-img{width:100%; float:left;} #box-form{float:left; margin-top:5px; width:100%;} #box-form .button, #btn-mount-select{background-color:#0096FF; border:1px solid #0096FF;} #box-form #btn-cart{margin:15px 15px 0 0; height:43px; padding:0px 25px;} #box-form #btn-cart span{color:#fff;} #box-form .button:hover #btn-cart-dropdown{display:block;} #box-form #btn-cart-dropdown{position:absolute; background-color:#b1005d; border:1px solid #b1005d; min-width:160px; text-align:left; -moz-box-shadow:inset 0 0 0 1px #f08ab2; -webkit-box-shadow:inset 0 0 0 1px #f08ab2; box-shadow:inset 0 0 0 1px #f08ab2; z-index:5; display:none;} #box-form #btn-cart-dropdown:hover{cursor:default;} #box-form #btn-cart-dropdown div{padding:4px;} #box-form #btn-cart-dropdown span{color:#fff; text-align:left; font-size:13px; padding:8px 12px; cursor:pointer; display:block; white-space:nowrap;} #box-form #btn-cart-dropdown span:hover{background-color:#C0004D; text-decoration:none;} #box-top.cat-vouchers10 #box-form .qty, #box-top.cat-vouchers6 #box-form .qty{display:none;} #box .diamond-values{display:flex; flex-wrap:wrap;} #box .diamond-value{display:flex; justify-content:center; align-items:center; background-color:#e8e8ec; border-radius:4px; padding:7px 10px; white-space:nowrap; font-weight:600; margin:6px 6px 0 0;} #box .price-box{margin:20px 0 15px; font-size:14px;} .box-diamonds #box .price-box{margin-top:10px;} #box .price-box h5{margin-top:10px;} #box .price-box .label{width:100px; display:block; float:left; text-transform:capitalize; font-weight:700;} #box .price-box span{display:block;} #box .price-box.discount{} #box .price-box .price strong{font-weight:normal;} #box .price-box.discount .price-including-tax span{color:#929292; font-size:21px; display:none;} #box .price-box .price-including-tax{margin-top:4px;} #box .price-box .price-including-tax .price{font-size:30px; font-weight:400; line-height:30px;} #box .price-box .price-discount{margin-top:6px;} #box .price-box .price-discount .price{font-size:30px; font-weight:400; line-height:30px;} #box .price-box .price-on-request{margin-top:30px;} #box .price-box .price-on-request .price{font-size:23px; font-weight:600; opacity:.6;} #box .price-box .price-table{max-width:450px; width:100%;} #box .price-box .price-table table{border-collapse:collapse; width:100%;} #box .price-box .price-table h5{margin:0 0 4px; font-size:14px;} #box .price-box .price-table tr{} #box .price-box .price-table th{padding:10px 15px 10px 0; vertical-align:top;} #box .price-box .price-table td{padding:10px 0; vertical-align:top;} #box .price-box .prices{background-color:#e8e8ec; border-radius:8px; padding:20px 25px;} #box .price-box .prices tr{} #box .price-box .prices th{padding:0 20px 0 0; width:50%; vertical-align:top;} #box .price-box .prices td{padding:0; vertical-align:top; white-space:nowrap;} #box .price-box .prices tr.price-total small{display:block; line-height:14px; margin-top:6px;} #box .price-box .prices tr.price-total th, #box .price-box .prices tr.price-total td{vertical-align:top;} #box .price-box .prices td span{font-size:24px; line-height:25px;} #box .price-box .prices td .pink{font-size:14px; line-height:21px;} #box .price-box .prices td span strong{font-weight:normal;} #box .price-box .prices td .price-info{font-size:11px; font-weight:normal; margin:4px 0 0 !important; white-space:nowrap;} #box .price-box .prices td .price-info span{font-size:11px; display:inline-block; line-height:normal;} #box .prices-mount th small{display:block; opacity:.7;} #box .price-box .price-choice-result{display:none;} #box .price-box .price-choice-result.show{display:block;} #box .price-box .price-choice-result.show .price{display:block;} #box .price-box .prices .price-choice-result th, #box .price-box .prices .price-choice-result td{padding-top:16px; padding-bottom:10px;} .box-jewels #box .price-box .price-choice-result strong, .box-wedding #box .price-box .price-choice-result strong{display:block; margin:8px 0 5px;} .box-jewels #box .price-box.discount .price-choice-result span, .box-wedding #box .price-box.discount .price-choice-result span{color:#242424; font-size:30px; font-weight:400;} #box .price-box .price-separator{display:flex; justify-content:center;} #box .price-box .price-separator div{display:flex; justify-content:center; align-items:center; width:10px; height:10px; box-shadow: 0 0 0 11px #ffff;} #box .price-box .price-separator span{background-color:transparent; color:#b1005d; width:auto; height:auto; line-height:auto; font-weight:600; font-size:24px;} #box .price-choice{margin-bottom:20px;} .box-jewels .price-choice, .box-wedding .price-choice{margin-bottom:25px;} #box .price-choice .price-choice-label-wrap{display:block;} #box .price-choice label{background-color:#fff; margin-bottom:10px; padding:10px 15px; display:block; line-height:16px; white-space:normal; cursor:pointer; max-width:415px; display:flex; flex-wrap:wrap; align-items:center; border-radius:8px;} .box-jewels #box .price-choice label, .box-wedding #box .price-choice label{background-color:#e8e8ec;} #box .price-choice .fl{width:10%; max-width:30px;} #box .price-choice .fr{width:90%;} #box .price-choice input{float:left; margin-right:15px;} #box .price-choice strong{display:block; font-size:14px;} #box .price-choice span{display:block; font-size:12px; margin-top:6px;} .jewel-coupon{margin:5px 0 10px;} .jewel-coupon p{color:#929292;} #box-cart .facebook{position:relative; background-color:#405a93; padding-right:8px; overflow:hidden; float:left; margin:2px 0 0;} #box-cart .free-shipping .facebook{margin:2px 0 8px;} #box-cart .facebook img{float:left; width:16px; display:block;} #box-cart .facebook span{float:right; color:#fff; margin:1px 0 0 4px; font-weight:600; font-size:10px;} #box-cart .facebook-like{position:relative;} #box-cart .facebook-like span{position:relative; top:1px; font-weight:600; font-size:13px; float:left; margin:0 9px 3px 0; color:#39528a;} .facebook-like-outlined iframe{float:right;} #box-mid{background-color:#e8e8ec; padding:30px 30px 10px;} .box-row{display:flex; flex-wrap:wrap; justify-content:space-between;} .box-row h6{flex:100%;} .box-row h3{font-size:16px; font-weight:bold; margin-bottom:16px;} .box-jewels .box-row .table.fl, .box-wedding .box-row .table.fl{width:100%; border-radius:18px;} .box-row .table{border-collapse:collapse; width:50%; overflow:hidden; margin-bottom:20px;} .box-row .table.fl{border-radius:18px 0 0 18px;} .box-row .table.fr{border-radius:0 18px 18px 0; border-left:1px solid #e8e8ec;} .box-row .table .table-mobile{display:none;} .box-row .table tr{background-color:#fff; height:38px; border-bottom:1px solid #e8e8ec;} .box-row .table th, .box-row .table td{text-align:left; padding:0 25px; vertical-align:middle; font-weight:normal} .box-row .table th{white-space:nowrap;} .box-row .table td{width:65%; font-weight:600;} .box-row .product-mail, .box-row .product-choice{background-color:#fff; padding:25px; border-radius:18px; width:calc(50% - 10px);} .box-row .product-mail h4, .box-row .product-choice h4{font-size:26px; line-height:30px; text-align:center; font-family:Unna,'Open Sans',sans-serif; font-weight:normal; margin-bottom:20px;} .box-row .product-choice>div{padding:0} .box-row .product-choice ol{} .box-row .product-choice li{padding-left:28px; margin-bottom:8px; font-size:14px; font-weight:normal; list-style:none outside; background:url('../images/assets/icon-check.svg') left 4px no-repeat; background-size:15px;} .box-row .product-choice li a{color:inherit; text-decoration:underline;} .box-row .product-choice li b{display:block;} .box-row .product-choice li span{margin-right:8px;} #box-certificate{position:relative; display:block; margin-bottom:25px;} #box-certificate a{margin-bottom:10px; display:inline-block;} #box-certificate div{position:relative; padding-bottom:56.25%; height:0; overflow-x:hidden; overflow-y:scroll; max-width:100%;} /* #box-certificate embed{background-color:#fff; border:1px solid #ddd; padding:0; width:100%; height:600px;} */ #box-certificate embed{position:absolute; top:0; left:0; width:100%; min-height:100%; background-color:#fff; border:1px solid #ddd;} #box-options{margin:0;} #box-options .table{width:100%; border-radius:12px;} #box-options label{display:flex; margin-bottom:15px;} #box-options label span{min-width:100px; margin-right:5px; display:block; float:left; font-size:12px; white-space:normal;} .mount-description{} .mount-description span{display:block; width:50%; max-width:50%;} .box-options-option { border-bottom: 1px solid #e8e8ec; padding-bottom: 10px; margin-bottom: 15px; } .box-options-option h5 { font-size: 16px; margin-bottom: 10px; } .jewel-options-ringprofile-wrap { width: 100%; } .jewel-options-ringprofile-wrap img { display: block; width: 100%; height: 100%; } .jewel-options-ringprofile-main { max-width: 200px; margin-bottom: 5px; } .jewel-options-ringprofile-thumbs { display: flex; align-content: center; } .jewel-options-ringprofile { cursor: pointer; margin-right: 5px; max-width: 50px; } .jewel-options-ringprofile:hover { box-shadow: 0 0 0 1px #ccc; } .jewel-options-ringprofile.active { box-shadow: 0 0 0 1px #0096FF; } .tr-no-border{border-bottom:0!important;} .shipping-holiday-tr{} .shipping-holiday{display:inline-block; background-color:#badfff; padding:6px 12px; margin:0 0 10px; border-radius:10px;} .usps{} .usp{display:flex; align-items:center; margin-bottom:13px} .usp-icon{width:22px; margin-right:20px;} .usp-icon svg{display:block; fill:#000; stroke:#000; width:100%; height:100%; margin:0 auto;} .usp-shipping .usp-icon svg{fill:none; stroke-width:2;} .usp-insured .usp-icon svg{height:21px;} .usp-vat .usp-icon svg{fill:none;} .usp-packaging .usp-icon svg{height:19px;} .usp-text h5{font-size:13px;} .usp-text p{font-size:13px;} .free-shipping{margin:25px 0 7px;} .free-shipping p{color:#279814; font-weight:600; float:left; margin-right: 12px;} .free-shipping em{display:inline-block; width:16px; height:10px; background:url('../images/assets/icon-check.svg') left 0 no-repeat; background-size:12px;} .offer-and-contact{width:100%; max-width:450px; margin:35px 0 25px;} .box-mounts .offer-and-contact{margin:0 0 15px;} .offer-and-contact-buttons{display:flex; align-items:center; flex-direction:column; background-color:#e8e8ec; padding:25px; border-radius:18px;} .offer-and-contact-button{background-color:#fff; width:100%; text-align:center; cursor:pointer; display:inline-block; border:1px solid #cbcbd3; border-radius:6px; padding:12px 15px; font-size:14px; font-weight:600; margin-bottom:10px; white-space:nowrap;} .offer-and-contact-button:hover{border:1px solid #b1005d;} .offer-and-contact-button.active{background-color:#b1005d; border:1px solid #b1005d; color:#fff;} .offer-and-contact-buttons .contact-details{display:flex; align-items:center; margin-top:18px;} .offer-and-contact-buttons .contact-detail{display:flex; align-items:center; margin:0 10px; cursor:pointer; white-space:nowrap;} .offer-and-contact-buttons .contact-details svg{display:block; fill:#000; width:18px; height:14px; margin-right:6px;} .offer-and-contact-buttons .contact-details span, .offer-and-contact-buttons .contact-details a{display:flex; align-items:center; line-height:normal; color:#000;} .offer-and-contact-buttons .contact-detail-email:hover, .offer-and-contact-buttons .contact-details a:hover{text-decoration:underline;} .offer-and-contact-buttons .contact-detail-phone svg{width:15px !important;} .offer-and-contact-buttons .contact-detail-email.active span{color:#b1005d;} .offer-and-contact-buttons .contact-detail-email.active svg{fill:#b1005d;} #offer-toggle .offer-new{display:none; position:absolute; top:-8px; left:-11px; padding:1px 4px; color:#fff; background-color:#28B779; font-weight:600; font-size:10px; text-transform:uppercase; box-shadow:0 1px 2px rgb(0 0 0 / 40%); z-index:3; border-radius:4px;} .box-jewels .offer-and-contact-buttons, .box-wedding .offer-and-contact-buttons, .box-mounts .offer-and-contact-buttons{padding:5px 25px 20px; border-radius:8px;} .offer-and-contact-body{} .offer-and-contact-body .product-mail{display:none;} .unique{position:relative;} .unique #unique-form{display:none; margin:15px 0 25px; background-color:#f3f3f6; padding:20px 30px 25px; border-radius:10px;} .unique #unique-form .part{margin-bottom:20px;} .unique #unique-form .part:last-child{margin:30px 0 10px;} .unique #unique-form .msg{margin-bottom:25px;} .unique #unique-form .title{border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-bottom:15px;} .unique #unique-form h2{font-size:21px; font-weight:600; line-height:normal; top:0; color:#444; margin-bottom:5px; text-align:left!important;} .unique #unique-form h2 span{background-color:#9a9aa0; width:30px; height:30px; color:#fff; display:inline-block; text-align:center; margin-right:10px; line-height:30px;} .unique #unique-form p{font-size:14px; color:#444;} .unique #unique-form .form{max-width:700px; display:block;} .unique #unique-form .form-row{margin-bottom:10px;} .unique #unique-form .form-row p{position:relative; color:#444; font-size:14px; font-weight:600;} .unique #unique-form .form-row span{color:#999; font-size:14px; font-weight:normal;} .unique #unique-form .row-label{width:100%; margin-bottom:4px;} .unique #unique-form .row-field{width:100%;} .unique #unique-form .row-field-small{width:50%;} .unique #unique-form input.input-text, .unique #unique-form textarea{font-size:14px; height:34px; width:100%; max-width:500px; padding:0 10px;} .unique #unique-form textarea{min-height:80px; padding:10px 10px;} .unique #unique-form .input-file{font-size:12px; margin-bottom:10px;} .unique #unique-form .button{min-height:42px; height:auto; padding:5px 30px;} #unique-mail-feedback{border:1px solid #25c708; padding:10px;} #unique-mail-feedback h4{color:#059a02;} .offer{position:relative;} .offer #offer-mail{display:none; margin:10px 0 25px; background-color:#f3f3f6; padding:20px 30px 25px; border-radius:10px;} .offer h4, .offer h5{font-family:Unna,'Open Sans',sans-serif; font-weight:normal; margin-bottom:12px;} .offer h4{font-size:29px; line-height:31px; text-align:center; margin:0 auto 12px;} .offer h5{font-size:19px; line-height:24px; margin-bottom:10px;} .offer p{font-size:14px;} .offer table{border-collapse:collapse; width:100%; margin-top:15px;} .offer .tr-space{height:8px;} .offer th{font-size:13px; padding-bottom:2px; padding-right:0;} .offer th span{display:block; color:#888;} .offer td{text-align:left;} .offer td small{display:block;} .offer input{font-size:12px; width:100% !important; max-width:none !important;} .offer textarea{width:100%;} .offer .button{margin-top:10px; width:100% !important;} .offer .input-price{position:relative;} .offer .valuta{position:absolute; top:9px; left:10px; font-size:13px; color:#888;} .offer #offer-price{padding-left:25px;} .offer .is-ch #offer-price{padding-left:35px;} .offer .no-spam{display:none; /* display:flex; */ margin-top:15px;} .offer .no-spam svg{position:relative; top:-3px; display:block; width:16px; fill:#434343; margin-right:8px;} .offer .no-spam p{font-size:12px; line-height:16px;} .offer-and-contact .mail-contact{background-color:#f3f3f6; padding:20px 30px 25px; border-radius:10px; margin:15px 0 25px;} .mail-contact h4{font-size:29px; line-height:31px; text-align:center; font-family:Unna,'Open Sans',sans-serif; font-weight:normal; margin-bottom:12px;} .mail-contact p{font-size:14px;} .mail-contact ul{margin:12px 0 15px;} .mail-contact li{list-style:disc; font-size:14px; padding-left:2px; margin:0 0 6px 13px; line-height:20px;} .mail-contact table{border-collapse:collapse; width:100%; } .mail-contact .tr-space{height:8px;} .mail-contact th{text-align:left; font-size:13px; padding-bottom:2px; padding-right:0;} .mail-contact td{text-align:left;} .mail-contact input{width:100%; font-size:12px;} .mail-contact textarea{width:100%; height:70px;} .mail-contact .button{margin-right:20px; width:100%;} .mail-sent-feedback{} .offer .mail-sent-feedback, .unique .mail-sent-feedback{border:1px solid #25c708; border-radius:12px; margin-top:10px; padding:15px 20px 18px;} .mail-sent-feedback-title{color:#24c707; font-size:18px; font-weight:bold; margin-bottom:5px;} .mail-sent-feedback p{} #box-bottom{position:relative; padding:15px 40px; background-color:#e8e8ec;} #box-bottom small{display:block;} #box-bottom .copy{margin-top:4px; font-weight:600;} #box-bottom .facebook{position:absolute; right:40px; bottom:17px; background-color:#405a93; padding-right:8px; overflow:hidden;} #box-bottom .facebook img{float:left; width:24px; display:block;} #box-bottom .facebook span{float:right; color:#fff; margin:4px 0 0 4px; font-weight:600;} #box-sold{position:relative; text-align:center; padding:25px 0 0 0;} #box-sold h1{font-size:32px;} #box-sold #btn-close{position:relative; background-color:#C0004D; line-height:10px; top:60px; right:0;} #exit{background-color:rgba(0,0,0,.56);} #exit-subscribe{position:absolute; right:auto; left:50%; top:20%; bottom:auto; z-index:99999; width:400px; margin-left:-200px; display:block;} /* JEWELS */ #jewel-search{position:relative; padding:10px 0 80px; text-align:center; -webkit-overflow-scrolling:touch;} #jewel-search h2{font-weight:600; margin-bottom:15px; font-size:26px;} #jewel-search .intro-text{position:relative; font-size:14px; margin:0 auto 30px; max-width:800px;} #jewel-search .loading:after{content:''; background-color:rgba(255,255,255,.6); position:absolute; top:29px; bottom:0; left:0; right:0;} #jewel-search .recently-sold{text-align:right; color:#797979; margin-bottom:5px;} #jewel-categories{position:relative; display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:15px; overflow-y:hidden; overflow-x:scroll; white-space:nowrap; -webkit-overflow-scrolling:touch; transform: translate3d(0,0,0);} #jewel-categories li{position:relative; height:70px; width:calc(33.36% - 10px);} #jewel-categories li:last-child{margin-right:0!important;} .cms-rings #jewel-categories li{width:calc(20% - 10px);} .cms-earrings #jewel-categories li{width:calc(20% - 10px);} .cms-colliers #jewel-categories li{width:calc(25% - 10px);} #jewel-categories .category{background-color:#fff; display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:100%; color:#242424; text-align:left; text-decoration:none; border-radius:12px; padding:0 10px;} #jewel-categories .category *{pointer-events:none;} #jewel-categories .category img{width:52px; height:auto; margin-right:8px;} #jewel-categories .category h4{line-height:18px; white-space:nowrap;} #jewel-categories .category span, #jewel-categories .category h4 {-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;} #jewel-categories .category:hover{cursor:pointer;} #jewel-categories .category:hover h4, #jewel-categories .category:hover span{color:#b1005d;} #jewel-categories .category.active{background-image:none; cursor:default} #jewel-categories .category.active h4,#jewel-categories .category.active span{color:#b1005d !important;} #jewel-categories .category-first{} #jewel-search .note{background-color:orange; border-radius:6px; padding:10px 25px; margin:15px 0; color:#856404; background-color:#fff3cd; border-color:#ffeeba; font-size:16px;} #jewel-nav{} #jewel-nav.loading:before{content:''; background-color:rgba(255,255,255,.6); position:absolute; top:0; bottom:0; left:0; right:0; z-index:299;} #jewel-nav #jewel-nav-products{width:100%; margin:0 0 8px 0;} #jewel-nav #jewel-nav-products .jewel-filters-wrap{display:flex; justify-content:space-between; align-items:center;} #jewel-nav #jewel-nav-products .jewel-filters-wrap.row-more .btn-filter{padding:0 15px;} #jewel-nav #jewel-nav-products .btn-filter{background-color:#fff; border-radius:8px; margin-bottom:0; padding:12px; width:calc(25% - 5px);} #jewel-nav #jewel-nav-products .row-4 .btn-filter{width:calc(25% - 5px);} #jewel-nav #jewel-nav-products .row-3 .btn-filter{width:calc(33.36% - 5px);} #jewel-nav #jewel-nav-products .row-2 .btn-filter{width:calc(50% - 5px);} #jewel-nav #jewel-nav-products .btn-filter span{word-break:normal; white-space:nowrap; font-weight:600;} #jewel-nav-wrap{position:relative; width:100%; background-color:#fff; min-height:40px; overflow:hidden; border-radius:8px;} #jewel-nav-btn{height:100%; padding:11px 0; text-align:center; cursor:pointer;} #jewel-nav-btn:hover a{color:#b1005d;} #jewel-nav-btn a{color:#242424; font-weight:600; text-decoration:none;} #jewel-nav-filters{display:none; width:100%; height:100%; padding:10px 30px 15px; border-top:1px solid #dcdce2;} #jewel-nav-filters h6{font-size:12px; margin-bottom:6px; width:100%;} #jewel-nav .jewel-filters{width:49%; background-color:#efefef; min-height:85px; padding:10px; margin:0 0.5% 10px; float:left; text-align:center; border-radius:4px;} #jewel-nav .jewel-filters.jewel-filters-100{width:99%; margin:0 0.5% 10px;} #jewel-nav .jewel-filters .jewel-filters-wrap{align-items:stretch;} #jewel-nav .btn-filter{background-color:#fff; font-weight:400; font-size:12px; padding:12px 1%; margin-bottom:1px; min-height:inherit; border-right:1px solid #efefef; display:flex; align-items:center; justify-content:center;} #jewel-nav .btn-filter:last-child{border-radius:0 0 4px 0;} #jewel-nav .btn-filter.disabled{opacity:.4; cursor:default;} #jewel-nav .btn-filter.disabled.active span, #jewel-nav .btn-filter.disabled:hover span{color:#242424;} #jewel-nav .btn-filter.disabled.active .icon, #jewel-nav .btn-filter.disabled:hover .icon{fill:#242424;} #jewel-nav .btn-filter.active{background:#b1005d !important; color:#fff;} #jewel-nav .btn-filter span{word-break:break-word;} #jewel-nav .btn-metal{} #jewel-nav .btn-material{} #jewel-nav-price{width:100%; float:none; margin-bottom:30px; padding:0 10px; height:100%;} #jewel-nav-cuts{width:49%; float:left;} #jewel-nav-cuts .btn-cut{width:33.333333336%; padding:15px 0; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;} #jewel-nav-cuts .btn-cut.active{background-color:#fff; color:black;} #jewel-nav-cuts .btn-cut.active span, #jewel-nav-cuts .btn-cut:hover span{color:#b1005d;} #jewel-nav-cuts .btn-cut.active .icon, #jewel-nav-cuts .btn-cut:hover .icon{fill:#b1005d;} #jewel-nav-cuts .icon{height:36px; margin-top:6px; fill:#242424;} #jewel-nav-cuts .icon svg{width:100%; height:100%; display:block;} #jewel-result-wrap{position:relative; height:100%; max-width:1200px; width:100%; min-height:100px; padding:20px 0 30px;} #jewel-result-wrap div.loader{position:relative; margin:20px auto 0; width:21px;} #jewel-result-wrap div.loader:before{content:''; background:url(../images/assets/ajax-loader.gif) no-repeat; height:21px; display:block;} #jewel-result{height:100%; width:100% !important; margin:0 auto;} #jewel-result strong.loader{position:absolute; top:20px; left:50%; width:200px; margin-left:-100px; font-size:16px; text-align:center; z-index:2;} #jewel-result.loading:after{content:''; background-color:rgba(255,255,255,.8); position:absolute; top:0; bottom:0; left:0; right:0;} #jewels-watched-wrap{} #jewels-watched{padding:20px 0 10px; margin-bottom:10px; border-bottom:2px solid #ddd;} #jewels-watched h2{margin-bottom:10px;} .jewels-watched-result{display:flex;} #jewel-search #jewels-watched .jewel{visibility:visible; margin-right:20px;} #jewel-search #jewels-watched .jewel:last-child{margin-right:0;} #jewel-search .jewel{position:relative; background-color:#fff; width:285px; height:auto; min-height:100px; margin:0 0 20px; cursor:pointer; visibility:hidden; overflow:hidden; border-radius:16px;} #jewel-search .jewel a{text-decoration:none; color:#242424;} #jewel-search .jewel img{max-width:100%; height:auto;} #jewel-search .jewel .jewel-img{height:240px; background-size:100%; background-position:center; background-repeat:no-repeat; margin-bottom:5px;} #jewel-search .jewel .jewel-name{text-align:left; margin-bottom:2px; text-decoration:none; color:#242424;} #jewel-search .jewel .price{display:flex; justify-content:space-between; align-items:flex-end; flex-direction:column; text-align:right; padding:0 10px 5px;} #jewel-search .jewel .price.discount .jewel-price{color:#929292; text-decoration:line-through; display:none;} #jewel-search .jewel .price.discount .price-discount{color:#242424; text-decoration:none;} #jewel-search .no-result{display:block; text-align:center; font-size:16px; font-weight:bold; margin-top:8px; display:none;} #jewel-search .favorite{cursor:pointer;} #jewel-search .favorite svg{display:block; width:23px; height:23px; fill:#b1005d; stroke:#656565; fill-opacity:0; stroke-opacity:1; stroke-width:6px;} #jewel-search .favorite.favorited svg{stroke:#b1005d !important; fill-opacity:1;} #jewel-search .favorite:hover svg{stroke:#222;} .info-overlay{position:absolute; background:rgba(222,0,89,.8); top:0; left:0; width:100%; height:50px; padding:0 1px; text-align:center; z-index:4;} .info-overlay span{font-size:14px; color:#fff; line-height:50px; white-space:nowrap;} .info-label{position:absolute; top:6px; left:6px; padding:2px 5px; z-index:4;} .info-label span{font-size:11px; line-height:14px; display:block; color:#fff; white-space:nowrap; text-transform:uppercase;} .info-label-new{background-color:#ff9500;} .info-label-hot{background-color:#8133ff;} /* #f12828 #ff5757 */ .info-label-cap{left:auto; right:6px; background-color:rgba(0,0,0,.4);} .info-label-cap span{text-transform:lowercase;} .info-label-almost{background-color:#ff0000 !important;} .info-label-online{background-color:#ff5f00; font-weight:600; border-radius:50em;} .jewel-info-labels{display:flex;} .jewel-info-label{margin-right:4px;} .jewel-info-label em{background-color:rgba(0,0,0,.4); font-size:12px; padding:1px 5px; line-height:14px; color:#fff; white-space:nowrap; font-style:normal; font-weight:600;} .jewel-info-label-new em{background-color:#ff9500; text-transform:uppercase;} .jewel-info-label-hot em{background-color:#8133ff; text-transform:uppercase;} .soldout{} .soldout em{background:rgba(222,0,89,.8);} .stockleft{} .stockleft-almost em{background-color:#ff0000;} #lang-body{display:none; width:100%; height:100%;} #lang-body:before{content:''; background-color:rgba(0,0,0,.58);position:absolute; top:0; right:0; bottom:0; left:0; z-index:999991;} #lang-box{display:flex; justify-content:center; align-items:center; position:absolute; background-color:#fff; width:600px; min-height:400px; top:50px; z-index:999992; left:50%; margin-left:-300px; padding:0 50px 30px; border-radius:10px;} #lang-box .lang-logo{height:40px; margin-bottom:12px;} #lang-box h2{font-size:26px; margin-bottom:30px;} #lang-box h3{font-size:16px; margin-bottom:8px; opacity:.6;} #lang-box .lang-select{} #lang-box .lang-option{margin-bottom:5px;} #lang-box .lang-option a{display:flex; align-items:center; justify-content:space-between; border-radius:5px; border:1px solid #ddd; padding:10px 14px; text-decoration:none;} #lang-box .lang-option a:hover{border-color:#b1005d;} #lang-box .lang-option span{font-size:18px; color:#242424;} #lang-box .lang-option svg{width:8px;} /* GEMS */ .page-gems{} .page-gems h2{font-size:22px; margin-bottom:10px;} .page-gems .intro-text{position:relative; font-size:14px; margin:0 0 25px; max-width:800px;} .gems-nav{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:25px;} .gems-nav .gems-color{display:flex; justify-content:space-between; margin-right:auto; background-color:#fff; border-radius:8px; overflow:hidden;} .gems-nav .gems-color a{display:flex; justify-content:center; flex-direction:column; padding:10px 20px 7px; color:#111; font-size:12px; text-decoration:none;} .gems-nav .gems-color a.active{background-color:#e8e8ec;} .gems-nav .gems-color a:hover{background-color:#e8e8ec;} .gems-nav .gems-color a:first-child{} .gems-nav .gems-color a:last-child{} .gems-nav .gems-color-btn{} .gems-nav .gems-color-circle{display:block; width:18px; height:18px; margin:0 auto 3px; border-radius:50%;} .gems-color-green .gems-color-circle{background-color:#51e544;} .gems-color-red .gems-color-circle{background-color:#ff483d;} .gems-color-blue .gems-color-circle{background-color:#1895ff;} .gems-color-yellow .gems-color-circle{background-color:#ffe20d;} .gems-color-pink .gems-color-circle{background-color:#ff82a6;} .gems-color-other .gems-color-circle{background-color:grey;} .gems{display:flex; justify-content:space-between; flex-wrap:wrap;} .gems:after{content:""; flex:0 1 32%;} .gems-loading{display:none; text-align:center; width:100%; padding:20px 0;} .gems .gem{background-color:#fff; border-radius:18px; overflow:hidden; width:23.8%; margin-bottom:20px;} .gems .gem-img{position:relative;} .gems .gem-img a{cursor:zoom-in;} .gems .gem-img img{width:100%; display:block;} .gems .gem-sold{position:absolute; top:6px; right:6px; background-color:#000; border-radius:12px; padding:5px 10px; font-size:14px; font-weight:600; color:#fff; text-transform:uppercase; box-shadow:0 1px 2px 0 rgba(0,0,0,.1);} .gems .gem-info{padding:15px 20px 18px;} .gems .gem-header{display:flex; justify-content:space-between; align-items:flex-start;} .gems .gem-main{font-size:18px; font-weight:500; line-height:24px;} .gems .gem-main i{font-size:14px; opacity:.7; display:block; line-height:20px; padding-right:20px;} .gems .gem-main small{font-size:11px; opacity:.6;} .gems .gem-code{font-size:11px; opacity:.6;} .gems .gem-code a{color:#242424; text-decoration:underline;} .gems .gem-meta{margin-top:13px;} .gems .gem-title{display:inline-block; opacity:.6; min-width:75px; margin-right:15px;} .gems .gem-value{} .gem-buy{margin-top:15px;} .gem-buy form{display:block;} .gem-buy .gem-btn{width:100%; border-radius:6px;} .gem-form-title{margin-bottom:3px; font-weight:600;} .gem-form-choice{display:flex;} .gem-form-choice-btn{display:flex; justify-content:center; align-items:center; background-color:#e8e8ec; color:#222; height:40px; width:50%; font-size:14px; text-align:center; cursor:pointer;} .gem-form-choice-btn:first-child{border-radius:6px 0 0 6px; border-right:1px solid #fff !important;} .gem-form-choice-btn:last-child{border-radius:0 6px 6px 0;} .gem-form-choice-btn:hover, .gem-form-choice-btn.active{background-color:#d1d1d5; color:#222 !important;} .gem-buy.active .gem-form-choice-btn{color:#7e7e7e;} .gem-form{margin-top:7px;} .gem-form-cart{margin-top:10px;} .gem-form-quote{display:none;} .gem-form p{margin-bottom:3px; opacity:.75; font-size:12px;} .gem-form-duo{display:flex;} .gem-form-duo-input{border-radius:3px 0 0 3px; width:100%; background-color: #fff; border:1px solid #bbb; border-right:0; height:35px; padding:7px 8px; font-size:14px; color:#222; font-size:13px;} .gem-form-duo-btn{border-radius:0 3px 3px 0; background-color:#b1005d; border:transparent; color:#fff; height:35px; padding:0 10px; font-size:14px; cursor:pointer;} .gem-form-response{line-height:16px;} .gem-form-response.is-success{color:green; margin-top:6px;} .gem-form-response.is-error{color:orangered; margin-top:6px;} .gem-downpayment{margin-bottom:12px;} .gem-downpayment-choice{background-color:#e8e8ec;} .gem-downpayment-choice:first-child{border-radius:6px 6px 0 0; border-bottom:1px solid #fff;} .gem-downpayment-choice:last-child{border-radius:0 0 6px 6px;} .gem-downpayment-choice label{display:flex; align-items:center; cursor:pointer; padding:8px 10px;} .gem-downpayment-choice input{margin-right:10px;} .gem-downpayment-choice strong{display:block;} /* UNIQUE */ .unique-box{position:relative; background-color:#fff; width:100%; text-align:left; cursor:pointer; overflow:hidden; border-radius:12px;} .unique-box-jewels{margin:0 0 15px;} .unique-box-jewels img{display:none;} .unique-box-diamonds{margin:3px 0 0;} .unique-box-diamonds img{display:none;} .unique-box a{color:#242424; text-decoration:none; padding:30px 30px 32px; display:block;} .unique-box h2{position:relative; z-index:2; font-weight:600; font-size:21px; margin-bottom:5px !important;} .unique-box h3{position:relative; z-index:2; font-weight:600; font-size:21px; margin-bottom:10px !important;} .unique-box p{position:relative; z-index:2; color:#b1005d; max-width:900px;} .unique-box img{position:absolute; top:-120px; right:20px; width:380px; z-index:1;} .unique-page{} .unique-page .wrapper{padding:0!important} .unique-page .wrap{position:relative;} .unique-page #nav-mobile{display:none;} .unique-page #nav-holder{display:none;} .unique-page .front{position:relative; text-align:center; overflow:hidden; padding-top:55px;} .unique-page .front-text{padding:50px 0 0;} .unique-page .front-text h1{font-size:46px; font-weight:500; color:#fff; margin-bottom:12px;} .unique-page .front-text p{font-size:26px; font-weight:500; color:#fff;} .unique-page .cover{background:url('../images/unique-cover.png') no-repeat 50px bottom; height:345px;} .unique-page .cover .cover-text{float:right; text-align:center; max-width:510px; padding:30px 0 0;} .unique-page .cover h1{font-size:26px; text-transform:uppercase; color:#222; font-weight:normal; margin-bottom:15px;} .unique-page .cover p{font-size:19px; color:#555; font-weight:normal;} .unique-page .recently-sold{position:absolute; bottom:5px; right:0; color:#555;} .unique-page .content{position:relative; background-color:#fff; padding:45px 60px; z-index:3; margin:0 auto 55px; max-width:1230px; border-radius:18px;} .unique-page .content .part{margin-bottom:50px;} .unique-page .content .msg{margin-bottom:25px;} .unique-page .content .title{border-bottom:1px solid #dfdfdf; padding-bottom:10px; margin-bottom:30px;} .unique-page .content h2{font-size:24px; font-weight:600; color:#444; margin-bottom:6px;} .unique-page .content h2 span{background-color:#0096FF; width:32px; height:32px; color:#fff; display:inline-block; text-align:center; margin-right:12px;} .unique-page .content p{font-size:14px; color:#444;} .unique-page .form{max-width:700px; display:block;} .unique-page .form-row{margin-bottom:28px;} .unique-page .form-row p{position:relative; color:#444; font-size:14px; font-weight:600;} .unique-page .form-row span{color:#999; font-size:14px; font-weight:normal;} .unique-page .row-label{width:100%; margin-bottom:12px;} .unique-page .row-field{width:100%;} .unique-page .row-field-small{width:50%;} .unique-page .page input.input-text, .unique-page .page textarea{font-size:16px; height:42px; width:100%; max-width:500px; padding:.75rem .5rem .75rem .75rem;} .unique-page .page textarea{min-height:140px;} .unique-page .page .input-file{font-size:12px;} .unique-page .page .button{height:42px; padding:0 30px;} .unique-page .instagram{margin-bottom:45px;} .unique-page .instagram .button{height:auto; padding:0 10px;} /* BUILD YOUR OWN */ .build-your-own{} .build-your-own .page{} .build-your-own .header{text-align:center;} .build-your-own .header .logo{margin:0 auto; float:none;} .build-your-own .header .subtitle{position:relative; margin-top:13px; bottom:auto; left:auto;} .build-your-own .header .phone-number{top:13px; bottom:auto;} .build-your-own .header .phone-number .phone-number-more a{display: block;} .build-your-own .header .phone-number .facebook{margin-left:0; margin-top:5px;} .build-your-own .main, .build-your-own-home{width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;} .build-your-own-home{padding-top:0!important;} .build-your-own .box-choice{position:relative; text-align:center; background-color:#fff; width:calc(25% - 11.25px); padding:0 5px; margin-bottom:15px; height:500px; border-radius:18px; overflow:hidden; cursor:pointer; transition:border .3s ease;} .build-your-own .box-choice a{position:relative; color:#222; text-decoration:none; height:100%; display:block; padding:20px 0;} .build-your-own .box-choice h2{position:relative; z-index:2; font-size:26px; font-weight:normal; background-color:#fff;} .build-your-own .box-choice h3{position:relative; z-index:1; font-size:16px; font-weight:normal; color:#aaa; margin-top:7px;} .build-your-own .box-choice img{position:absolute; bottom:0; left:0; width:100%; z-index:0; max-width:300px; transition:transform .2s ease; transform:scale(1);} .build-your-own .box-choice:hover img{transform:scale(1.05);} .build-your-own .box-choice.build-own{} .build-your-own .box-choice.build-own p{font-weight:600; margin-bottom:6px; color:#aaa;} .build-your-own .box-choice.build-own img{position:relative; max-width:250px; margin:0 auto; display:block;} .build-your-own .box-choice.build-own h3{text-transform:uppercase; margin:20px 0 4px;} .build-your-own .box-choice.build-own .choice-build{text-align:left; padding:0 20px; margin-bottom:6px;} .build-your-own .box-choice.ready-unlimited{width:100%; height:195px;} .build-your-own .box-choice.ready-unlimited a{display: flex; align-items: center; justify-content: center;} .build-your-own .box-choice.ready-unlimited h2{margin: 0 55px;} .build-your-own .box-choice.ready-unlimited img{position: relative; margin: 0 55px;} .build-your-own .box-choice.ready-gemstone, .build-your-own .box-choice.ready-italian, .build-your-own .box-choice.ready-casual, .build-your-own .box-choice.ready-essential, .build-your-own .box-choice.ready-gems{height:400px;} .build-your-own .box-choice.ready-unique, .build-your-own .box-choice.ready-partners{width:calc(50% - 7.5px);} .build-your-own .box-choice.ready-partners{padding:0; min-height:260px;} .build-your-own .box-choice.ready-unique img{left:50%; margin-left:-150px;} .build-your-own .box-choice.ready-gems img{bottom:100px;} .build-your-own .box-choice.ready-wedding img{bottom:-25px;} .build-your-own .box-choice.ready-partners img{width:100%; max-width:none;} .build-your-own .box-choice.ready-diamond-shapes{flex:0 0 100%; height:auto; cursor:default; padding:15px 40px 5px;} .build-your-own .box-choice.ready-diamond-shapes ul{width:100%; display:flex; justify-content:space-around;} .build-your-own .box-choice.ready-diamond-shapes a{display:flex; flex-direction:column; justify-content:center; text-decoration:none;} .build-your-own .box-choice.ready-diamond-shapes a:hover{color:#b1005d; fill:#b1005d;} .build-your-own .box-choice.ready-diamond-shapes li{} .build-your-own .box-choice.ready-diamond-shapes svg{height:40px;} .build-your-own .box-choice.ready-diamond-shapes span{display:block; margin-top:10px; line-height:11px;} .build-your-own .box-choice.ready-diamond-fancy{flex:0 0 100%; height:auto; cursor:default; padding:15px 40px 5px;} .build-your-own .ready-diamond-fancy-wrap{display:flex; justify-content:space-around;} .build-your-own .ready-diamond-fancy .btn-fancy{width:100%;} .build-your-own .ready-diamond-fancy .btn-fancy em{border:0;} .build-your-own .ready-diamond-fancy .fancy-white em{box-shadow:0px 2px 4px 0 rgba(0,0,0,.3);} .build-your-own .ready-diamond-fancy a{display:flex; flex-direction:column; justify-content:center; text-decoration:none;} .build-your-own .ready-diamond-fancy a:hover{color:#b1005d; fill:#b1005d;} .build-your-own .google-review{width:100%; margin:0 0 45px;} .build-your-own .google-review a{border:1px solid #ddd; border-radius:6px; overflow:hidden; display:block; max-width:700px; margin:0 auto; cursor:pointer; transition:transform .2s ease; transform:scale(1);} .build-your-own .google-review a:hover{transform:scale(1.01);} .build-your-own .google-review img{display:block; width:100%; height:100%;} /* DEALS */ .deals-header{display:flex; align-items:center; justify-content:center; margin:30px 0 10px;} .deals-header-img{text-align:right; width:45%; padding-right:60px;} .deals-header-img img{border-radius:50%; width:100%; max-width:340px; max-height:340px; margin-left:auto;} .deals-header-copy{width:55%;} .deals-header-copy p{font-size:32px; color:#d69676; font-style:italic; font-family:'Georgia',sans-serif;} .deals .h2-fashion{color:#aaa;} .deals .h2-fine{color:#222; text-align:center;} .deals .main-fashion{padding-top:20px; padding-bottom:50px;} .deals .main-fine{padding-top:20px;} .deals .box-choice{margin:0 0 6px;} .deals .box-choice a{padding:35px 0;} .deals .box-choice.ready-fashion h2{color:#5baee6; font-size:18px;} .deals .box-choice.ready-fashion img{width:300px; left:50%; margin-left:-150px;} .deals .ready-4{width:24.6%; height:400px;} .deals .ready-3{width:32.95%; height:400px;} .deals .facebook-like-box{margin-top:35px;} /* MAGAZINE */ .magazine-border{position: relative; background:none; height: 5px; width: 100%; margin: 40px 0 44px; border: 1px solid #c6c6c6; border-left: 0; border-right: 0; opacity: .75;} .magazine-border span{position: absolute; background-color: #F9F9F9; top:-11px; left: 50%; width: 140px; margin-left: -70px; text-align: center; font-size:16px; text-transform: uppercase;} /* CUSTOM JEWELLERY BOX */ .unique-page .custom-box{display:none;} .custom-box{position:fixed; bottom:8px; right:8px; z-index:999999;} .custom-box a{display:block; background-color:#b1005d; font-size:15px; font-weight:600; border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,.22); padding:10px 18px; text-decoration:none; color:#fff; white-space:nowrap;} /* background-image:linear-gradient(45deg, #0b4ecf, #8b0b78, #e0a72f); */ /* SUBSCRIBE BOX */ .subscribe-body{position:fixed; right:8px; bottom:-200px; z-index:99999; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out; -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .subscribe-body.show{bottom:130px;} .subscribe-box{position:relative; background-color:#fff; width:100%; max-width:400px; min-width:300px; padding:20px 20px 25px; -moz-box-shadow:0 4px 12px rgba(0,0,0,.22); -webkit-box-shadow:0 4px 12px rgba(0,0,0,.22); box-shadow:0 4px 12px rgba(0,0,0,.22);} .subscribe-box span{position:relative; z-index:2; color:#222; font-size:20px; font-weight:600;} .subscribe-box .subscribe-form{position:relative; z-index:2; margin:20px auto 0; display:block;} .subscribe-box .subscribe-form input{width:100%; height:45px; margin-bottom:8px; padding:7px 12px;} .subscribe-box .subscribe-form button{width:100%; height:45px;} .subscribe-box .toggle{position:absolute; top:-26px; right:0; background-color:#fff; width:50px; height:31px; cursor:pointer; -moz-box-shadow:0 -1px 2px rgba(0,0,0,.08); -webkit-box-shadow:0 -1px 2px rgba(0,0,0,.08); box-shadow:0 -1px 2px rgba(0,0,0,.08); -moz-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;} .subscribe-box .toggle .icon-close{width:9px; height:9px; margin:10px auto 0; fill:#b1005d; display:none;} .subscribe-box .toggle .icon-arrow{width:10px; height:6px; margin:11px auto 0; fill:#b1005d; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} .subscribe-body.show .toggle .icon-close{display:block;} .subscribe-body.show .toggle .icon-arrow{display:none;} .subscribe-box .toggle svg{display:block; width:100%; height:100%;} /* TO TOP BTN */ .to-top{position:fixed; z-index:999; background-color:#c5c5c5; left:10px; bottom:52px; width:40px; height:40px; opacity:0; cursor:pointer; -moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out; -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; -moz-box-shadow:0 1px 2px rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4); box-shadow:0 1px 2px rgba(0,0,0,.4);} .to-top.show{opacity:1} .to-top span{color:#fff; line-height:46px;} .to-top svg{width:23px; fill:#fff; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);} /* ABOUT */ #about{display:flex; justify-content:space-between; align-items:flex-start;} .about-content{width:840px; padding:0 45px 0 0;} .about-content h2{font-size:24px; font-weight:600; margin:20px 0 10px;} .about-content h2:first-child{margin-top:12px;} .about-content p, .about-content li{font-size:15px;} .about-content li{line-height:24px;} /* PARTNERS */ .partners-content{padding:20px 0 0;} .partners-content h2{font-size:28px; font-weight:600; text-align:center; margin-bottom:20px;} .partners-content p, .partners-content li{font-size:15px;} .partners-intro{text-align:center;} .partners-partner{background-color:#fff; border-radius:18px; padding:35px 50px; margin-top:25px;} .partners-partner h3{font-size:21px; margin-bottom:15px;} .partners-images{display:flex; margin-top:30px} .partners-images .img, .partners-images .map{width:50%;} .partners-images .img img{display:block; width:100%;} .partners-images .map{background-color:#eee; cursor:pointer;} .partners-review{width:100%; margin-top:25px; display:inline-block;} .partners-review a{border:1px solid #ddd; display:block; max-width:700px; margin:0 auto; cursor:pointer;} .partners-review img{display:block; width:100%; height:100%;} .partners-content .facebook-like-box{margin-top:35px;} /* EDUCATION */ .edu .col-1{width:25%;} .edu .col-2{width:75%; padding-left:40px;} .edu .col-2 div{display:none} .edu h1{font-size:26px; margin:12px 0 18px;} .edu h3{position:relative; top:-3px; font-size:24px; font-weight:200; line-height:24px;} .edu-sub{white-space:nowrap;} .edu-sub .sub-top,.edu-sub .sub-bottom{display:none;} .edu-sub .sub-content ul{display:block; padding:0; margin:0;} .edu-sub .sub-content ul li{position:relative; display:block;} .edu-sub .sub-content ul .subtitel{margin-bottom:-1px;} .edu-sub .sub-content ul .subtitel>a{font-weight:700; cursor:pointer;} .edu-sub .sub-content ul .subtitel:first-child>a{-moz-border-radius:4px 4px 0 0;-khtml-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;} .edu-sub .sub-content ul .subtitel:last-child>a{-moz-border-radius:0 0 4px 4px;-khtml-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;} .edu-sub .sub-content ul li a{background-color:#efefef; color:#242424; display:block; border:1px solid #ddd; height:30px; font-size:14px; line-height:30px; padding:0 10px;} .edu-sub .sub-content ul li a:hover{text-decoration:none; color:#b1005d} .edu-sub .sub-content ul li ul li a{background-color:#fff; height:30px; display:block; border:1px solid #ddd; border-top:1px solid #fff; font-size:12px; padding-left:20px;} .edu-sub .sub-content ul li ul li a:hover{background-color:#fff;} .edu-sub .sub-content .selected-sub{background-color:#fff; padding-left:30px!important; color:#b1005d; font-weight:700;} .edu-sub .sub-content ul li .arrow{display:none;} .edu-sub .sub-content ul li .arrow img{display:none;} /* CONTACT */ #contact h1{margin-bottom:10px;} #contact p{max-width:700px; font-size:15px;} .contact-form{background-color:#fff; padding:20px 40px; display:block; border-radius:18px; margin-top:15px;} .contact-form label{font-size:15px; line-height:15px;} .contact-form .form-list{margin-top:25px;} .contact-form .form-list>li{margin-bottom:10px;} .contact-form textarea{width:100%; max-width:500px; min-height:120px;} .contact-form .button{height:42px; padding:0px 30px;} .contact-form p.required{font-size:12px !important; opacity:.6;} .contact-form .subject{display:flex; flex-direction:column;} .contact-form .subject li{margin-bottom:13px;} .contact-form .subject li input{margin:2px 10px 0 0;} .contact-form .subject li label{width:auto;} /* ACCOUNT */ .account-login, .account-create, .forgot-password{background-color:#fff; padding:30px 35px; margin-top:10px; border-radius:18px;} .account-login h1{margin-bottom:15px;} .account-login .form-list{margin:10px 0;} .account-login .password-forget{float:right;} .col-1.new-users h2, .col-2.registered-users h2{margin-bottom:20px;} .account-create .input-box{margin-bottom:10px;} .account-create .newsletter{margin:15px 0 10px} .account-create .newsletter label{width:auto!important} .account-create .button{margin-bottom:10px;} .account-nav{} .account-nav ul{} .account-nav ul li{width:20%; min-height:38px; float:left; display:table; text-align:center;} .account-nav ul li a, .account-nav ul li span{background-color:#efefef; font-size:12px; display:table-cell; vertical-align:middle; color:#888; border:1px solid #ddd; border-left:0; word-break:break-all;} .account-nav ul li a:hover, .account-nav ul li.current span{background-color:#fff; color:#242424; text-decoration:none; border-bottom:0; font-weight:600;} .account-nav ul li:first-child *{border-left:1px solid #ddd; -moz-border-radius:4px 0 0 0;-khtml-border-radius:4px 0 0 0;-webkit-border-radius:4px 0 0 0;border-radius:4px 0 0 0;} .account-nav ul li:last-child *{-moz-border-radius:0 4px 0 0;-khtml-border-radius:0 4px 0 0;-webkit-border-radius:0 4px 0 0;border-radius:0 4px 0 0;} .col2-left-layout .col-main{background-color:#fff; padding:25px 35px 30px; border:1px solid #ddd; border-top:0;} .col2-left-layout .col-main .page-title{margin-bottom:15px;} .col2-left-layout .col-main .welcome-msg{margin-bottom:20px;} .col2-left-layout .col-main .recent-orders{margin-bottom:20px;} .col2-left-layout .col-main .account-fieldset .form-list{margin-bottom:50px;} .account-info{} .account-info .col2-set{margin-top:10px;} .address-book{margin-top:20px;} .address-book h3{margin-bottom:5px;} .address-book ol li{margin-bottom:15px;} #my-orders-table{margin:10px 0;} #my-orders-table th, #my-orders-table td{padding:0 5px; vertical-align:middle; word-break:break-word;} #my-orders-table thead tr{background-color:#efefef; border-bottom:1px solid #ddd; height:30px;} #my-orders-table tfoot{background-color:#efefef; border-top:4px solid #ddd;} #my-orders-table tfoot tr{height:25px;} #my-orders-table .account-product td{padding:12px 5px;} .pager .limiter{margin:5px 0;} .pager .pages li{float:left; margin-right:10px;} /* CART / CHECKOUT */ .cart-empty{background-color:#fff; padding:35px 40px; margin:20px 0; width:100%; text-align:center; border-radius:18px;} .cart-empty h1{font-size:26px; font-weight:bold; margin-bottom:20px;} .cart-empty p{font-size:14px;} .cart-empty .icon{width:28px; margin:0 auto 10px; stroke:#242424;} .checkout-onepage-index #nav, .checkout-onepage-index #nav-mobile{display:none;} .checkout-onepage-index .col-main{margin-top:20px;} .checkout-onepage-index h1{font-size:22px; font-weight:bold; margin-bottom:10px;} .item-options dt{float:left; width:40%; padding-right:10px;} .item-options dd{float:left; width:60%; font-weight:bold;} .cart{position:relative; margin-bottom:20px;} .cart .checkout-types{float:right; text-align:right;} .cart .checkout-remove{width:16px} .cart .checkout-image{width:75px} .cart .checkout-product_name{width:450px} .cart .product-image .img-smallbg img{width:100%; min-width:55px; max-height:75px;} .cart form{position:relative; display:block;} .cart .data-table{border:0; margin:0; width:100%; border-radius:6px 6px 0 0; overflow:hidden;} .cart .data-table thead{background-color:#dcdce2;} .cart .data-table thead tr{height:30px;} .cart .data-table thead th{vertical-align:middle; font-weight:700; text-align:left; padding:10px;} .cart .data-table tbody{} .cart .data-table tbody td{padding:15px 10px;} .cart .data-table tbody td a{color:#242424} .cart .data-table tfoot td{padding-top:10px;} .cart h3{font-weight:normal;} .cart .cart-price{text-align:left;} .cart .subtotal{} .cart .step-text{font-size:16px; margin-right:10px; color:#949494;} .cart .totals li{float:left;} .cart .totals .step-text{line-height:36px; font-size:18px;} .cart .checkout-col{background-color:#dcdce2; display:flex; justify-content:flex-end; border-top:0; border-radius:0 0 6px 6px; padding:25px 20px 10px;} .cart .totals{font-size:15px;} .cart .totals table th{padding:0 10px 0 0; text-align:right; width:60%; font-weight:normal;} .cart .totals table td{padding:0; text-align:right; width:40%; white-space:nowrap;} .cart .totals table tr{height:40px; line-height:25px;} .cart .totals .price{text-align:right; font-size:20px; padding-left:25px;} .cart .totals .checkout-types{margin-top:20px;} .cart .totals .checkout-types button{height:40px;} .cart .totals .checkout-types button span{font-size:18px;} .cart .recycle{display:flex; align-items:center; justify-content:flex-end; margin-top:10px;} .cart .recycle img{width:20px; min-width:20px; height:20px; display:block; margin-right:10px;} .cart .recycle span{font-size:12px; color:#279814;} .cart .advice{display:block; font-size:14px; color:#888; text-align:right; margin-top:10px;} .cart .advice a{color:inherit;} .cart .discount{} .cart .discount h3{font-size:20px; padding:0; margin-bottom:10px} .cart .discount .input-text{width:100%; margin-bottom:5px; height:32px;} .cart .discount button{padding:0 12px; background-color:#ddd; border:0;} .cart .discount button:hover span{color:#333;} .cart .discount button span{font-size:13px; color:#666;} .body-load-text{position:fixed; text-align:center; top:35%; left:0; width:100%; display:block; z-index:10; font-size:21px; font-weight:700;} .cart #voucher-manual{padding:0 0 5px; display:none} .cart #voucher-manual-btn{position:relative; top:-2px; left:4px; background-color:#ddd; width:18px; height:18px; display:inline-block; font-size:12px; text-align:center; line-height:18px; font-weight:bold;} .cart #voucher-manual-btn:hover{cursor:pointer} .cart #voucher-manual h4{position:relative; top:-4px; font-size:16px; font-weight:normal; line-height:22px;} .cart #voucher-manual ol{font-size:14px; list-style:decimal inside; margin:0 0 14px 0;} .cart #voucher-manual span{font-size:12px;} .cart #voucher-manual span a{color:#b1005d;} .opc{position:relative; text-align:left;} .opc li.section{border:0; border-bottom:1px solid #f3f3f6; overflow:hidden;} .opc li.section:first-child{border-radius:6px 6px 0 0;} .opc li.section:last-child{border-radius:0 0 6px 6px; border-bottom:0;} .opc .step-title{background-color:#dcdce3; padding:10px 10px 10px 20px; text-align:right;} .opc .step-title:after{content:""; visibility:hidden; display:block; clear:both; height:0; font-size:0;} .opc .step-title .number{float:left; line-height:20px; margin-right:20px; font-size:20px; color:#2C271C;} .opc .step-title h2{float:left; font-weight:normal; font-size:14px;line-height:22px;} .opc .allow .step-title{cursor:pointer;} .opc .active{} .opc .active .step-title{cursor:default;} .opc .active .step-title h2,.opc .active .step-title span{color:#b1005d;} .opc .step{background-color:#fff; padding:20px; position:relative;} .opc .step:after{content:""; visibility:hidden; display:block; clear:both; height:0; font-size:0;} .opc .step .tool-tip{right:10px;} .opc .order-review{} .opc .label-width_crafted{width:200px!important;} .opc .form-list .radio-label{width:100%; margin-top:20px; cursor:pointer} .opc .form-list .radio-label .radio{margin-right:10px;} .opc #opc-review .button{float:right !important;} .opc #checkout-step-login h4{font-size:15px;} .opc #checkout-step-login p{margin:15px 0 5px 0;} .opc #checkout-step-login .form-list{margin-top: 20px;} .opc #checkout-step-login .col-1, .opc #checkout-step-login .col-2{padding-bottom:70px;} .opc #checkout-step-login .buttons-set{position:absolute; bottom:45px;} .opc #checkout-step-login .buttons-set button{margin-right:20px;} .opc #checkout-step-login .free-shipping{position:absolute; left:0; bottom:-32px; white-space:nowrap;} .opc #checkout-step-login .free-shipping span{font-size:12px; color:#279814;} .opc .data-table{width:100%;} .opc .data-table tfoot{background-color:#f3f3f6;} .opc .data-table thead{background-color:#f3f3f6} .opc .data-table thead tr{height:30px;} .opc .data-table thead th{vertical-align:middle; font-weight:700; text-align:left; padding:5px;} .opc .data-table td{padding:5px;} .opc .data-table .checkout-product{/* max-width:275px; */} .opc .data-table .cart-price .btw{text-align:left;} .opc .buttons-set{margin-top:25px;} .opc tfoot th, .opc tfoot td, .tax-collapse{border:none; padding:5px 0 5px 30px;} .opc .back-link{margin-top:20px;} .opc .f-left{display:none!important;} #opc-payment .form-list label{width:100%; margin:0 0 10px 0;} .review-totals{background-color:#efefef; margin:0 0 20px; width:100%; border:1px solid #ddd; border-top:0;} .review-totals table{float:right;} .review-totals th, .review-totals td{padding:5px 15px 5px 30px!important; vertical-align:middle; font-size:14px;} .review-address{margin:20px 0; min-width:240px;} .review-address h5{font-size:14px;} .review-address h5 a{color:#0096FF} .review-address ul{background-color:#f3f3f6; padding:10px 20px; border-radius:12px;} .review-address li{font-size:13px; line-height:20px;} .sp-methods{margin-bottom:10px;} .sp-methods dt { font-weight:normal; margin-bottom:10px; font-size: 14px;} .sp-methods .price { font-weight:normal; margin-left: 5px; font-size: 14px; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait{float:right;} .please-wait img{position:relative; top:4px; right:6px;} #review-please-wait{margin-top:10px;} .cvv-what-is-this{cursor:help; margin-left:5px;} .cart .cart_go_back{background-color:#0096FF; border-color:#0096FF; display: block; text-decoration:none; line-height:30px; margin:0 10px 0 0; font-size:15px;} #checkout-step-shipping_method .sp-methods dt{margin-top:12px; margin-bottom:5px;} #checkout-step-shipping_method .sp-methods dt:first-child{margin-top:0;} #shopping-cart-totals-table tbody td{white-space:normal;} .checkout-onepage-success{} .checkout-onepage-success .checkout-success{background-color:#fff; padding:25px 40px; margin:10px 0 0; width:100%; border-radius:18px;} .checkout-onepage-success .col-main p{font-size:16px;} .checkout-onepage-success .sub-title{margin-bottom:15px;} .checkout-onepage-success .buttons-set{margin-top:30px;} /* FOOTER */ #footer{position:relative; background-color:#fff; width:100%; text-align:left; padding:0 0 20px; font-size:14px; line-height:22px;} #footer h4{font-size:16px; font-weight:700; margin-bottom:15px;} #footer .wrap{width:100%; max-width:1200px; margin:0 auto;} .footer-instagram-gallery{} .footer-instagram-gallery iframe{display:block;} .footer-top{min-height:54px; border:1px solid #dfdfdf; border-left:0; border-right:0; padding:5px 0;} .footer-top .wrap{display:flex; align-items:center;} .footer-top span{display:inline; font-weight:600; margin:0 20px 0 0; white-space:nowrap; line-height:54px; padding-left:20px; list-style:none outside; background:url('../images/assets/icon-check.svg') left 3px no-repeat; background-size:14px;} .footer-top span .green{color:#2a9700;} .footer-icons{display:flex; align-items:center; margin-left:auto;} .footer-icon{fill:#242424; margin-left:20px;} .footer-icon a{display:block; text-decoration:none;} .footer-icon a:hover{fill:#b1005d !important;} .icon-facebook{width: 11px; height: 22px;} .icon-instagram{width: 22px; height: 22px;} .icon-youtube{width: 28px; height: 28px;} .footer-mid{padding:40px 0;} .footer-mid-even{background-color:#f3f3f6;} .footer-60{width:60%; float:left;} .footer-40{width:40%; float:left;} .footer-col{float:left; width:33.33333333336%;} .footer-col a{color:#242424;} .footer-col li.space{height:15px;} .footer-mid .customer-service{padding-right:35px;} .footer-mid .customer-service a{font-weight:600;} .footer-mid .newsletter{} .footer-mid .newsletter form{display:block; margin-top:10px;} .footer-mid .newsletter input{display:block; margin-bottom:8px;} .footer-mid .newsletter button{height:32px;} #google-map{position:relative; width:100%; height:260px; cursor:pointer; border:1px solid #ccc; top:5px; overflow: hidden;} #google-map a{width: 100%; height: 100%; display: block;} #google-map img{width: 100%; display: block;} .footer-bottom{padding-top:40px;} .footer-bottom .wrap{max-width:800px!important;} .footer-bottom .footer-logo{display:block; margin:0 auto 40px; height:50px; width:153px;} .footer-bottom small{color:#929292; font-size:11px; display:block;} .footer-bottom small a{color:#929292; text-decoration:underline;} .colophon{text-align:center; margin-bottom:25px;} .colophon p{color:#696969; font-size:12px; margin-bottom:15px;} .colophon ul{margin-bottom:20px;} .colophon li{font-size:12px; display:inline; margin:0 1.5%;} .colophon li a{color:#696969;} .colophon li.divider{color:#bebebe; font-size:11px;} .google-stars{margin:35px 0 20px; text-align:center;} .google-stars a{display:inline-block;} .google-stars img{width:100%; max-width:250px;} .footer-final{} .footer-final div.fl{width:510px;} .footer-final div.fr{} .footer-final img{max-width:220px;} .fixed-phone-number{position:fixed; right:8px; bottom:58px; z-index:999999; opacity:0; transition:opacity .4s;} .fixed-phone-number.show{opacity:1;} .fixed-phone-number-body{} .fixed-phone-number-body a{display:block; background-color:#b1005d; width:60px; height:60px; border-radius:50%; padding:16px;} .fixed-phone-number-body svg{display:block; width:100%; height:100%; fill:#fff;} /* 404 */ .page-404{background-color:#fff; padding:25px 40px; margin:20px 0; width:100%; text-align:center; border-radius:18px;} .page-404 h3{font-size:20px; margin-bottom:20px} .page-404 p{font-size:16px;} .page-404 .diamond{width:130px; border-bottom:1px solid #aaa; margin:5px auto 35px;} .page-404 .diamond div{position:relative; background:#fff url(../images/assets/icon-home-diamond.png) center 0 no-repeat; width:50px; height:19px; display:block; margin:0 auto; top:11px;} /* TWITTER & FACEBOOK */ .facebook-like-box{position:relative; background-color:#fff; width:100%!important; max-width:500px; margin:20px auto 0;} .fb-stream{position:relative; background-color:#fff; z-index:1; width:100%!important; max-width:100%!important;} .fb-faces{position:relative; background-color:#fff; margin-top:-70px; width:100%!important; max-width:100%!important;} .fb-mobile{display:none;} .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .fb-comments.fb_iframe_widget span iframe, .fb-comments, .fb-comments iframe[style], .fb-comments span{width:100%!important; max-width:100%!important;} /* INSTAGRAM */ .instagram { position: relative; width: 100%; max-width: 1200px; margin: 60px auto 0; text-align: center; } .instagram .instagram-logo { position: relative; top: 4px; width: 30px; margin-right: 6px; } .instagram h2 { font-size: 30px; margin-bottom: 20px; } .instagram a { text-decoration: none; color: #2F2B23; } .instagram .button { position: absolute; top: 6px; right: 0; background-color: #0096FF; border: 1px solid #0096FF; color: #fff; display: inline-block; height: 30px; line-height: 28px; width: auto!important; font-size: 14px; } .instagram .button:hover { background-color: #0096FF; border: 1px solid #0096FF; } .product-diamond-box,.product-unlimited-voucher,.product-unlimited-voucher-free{display:none;} /* hides the whole page */ /* DELUXBOX & DIAMONDBOX */ #box-body.dark{background-color:#F9F9F9;} #box-body.dark #box{background-color:transparent; -moz-box-shadow:0 0 0 0; -webkit-box-shadow:0 0 0 0; box-shadow:0 0 0 0;} #box.overlay-dark:before{content:''; background-color:rgba(0,0,0,.4);position:absolute; top:0; right:0; bottom:0; left:0; z-index:3;} #box .buy{display:none;} #box .buy-button{position:relative; width:100%; min-height:64px; padding:20px 0; margin:20px 0; background-color:#efefef; z-index:99999; text-align:center;} #box .buy-button p{font-size:18px;} #box .buy-button .button{font-size:18px; display:inline-block; margin-top:10px; line-height:32px; min-width:150px;} #box .buy-button .button:hover{text-decoration:none;} #box .facebook-like-box{margin:20px auto 25px;} #box .fb-faces{margin-top:0} .page-boxes{} .page-boxes h1{text-align:center; font-size:26px; font-weight:600; margin:0 0 20px;} .page-boxes .header{position:relative; width:auto; text-align:center; margin:0 0 20px; padding:35px 30px 0;} .page-boxes .form{margin:0 auto; text-align:center; padding:0 2%} .page-boxes .form form{margin:20px auto 0; max-width:320px; display:block;} .page-boxes .form .input-text{width:100%; height:40px; margin-bottom:10px;} .page-boxes .form .button{width:100%; height:40px; display:block;} .page-boxes .form .mail-feedback{background-color:#efefef; max-width:520px; margin:30px auto 40px; padding:15px 25px 25px; text-align:center;} .page-boxes .form .mail-feedback h4{font-size:17px; margin-bottom:10px;} .page-boxes .form .mail-feedback p, .page-boxes .form .mail-feedback strong, .page-boxes .form .mail-feedback a{font-size:14px; line-height:26px;} .page-boxes .form .mail-feedback .button{text-align:center; display:block; max-width:240px; line-height:38px; font-size:14px; margin-top:15px;} .page-boxes .form .mail-feedback .button:hover{text-decoration:none} .flipbox{position:relative; z-index:99999!important;} #box-body.diamondbox{} #box-body.diamondbox #box{background-color:#f2eddf; padding:30px 25px; margin-top:40px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} #box-body.unlimited{} #box-body.unlimited #box, #box-body.unlimited-download #box, #box-body.deal #box, #box-body.deal-juwelen #box, #box-body.ticketveiling #box{margin:30px auto 60px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} #box-body.deal #box, #box-body.deal-juwelen #box{max-width:1000px;} .offers-featured{margin-bottom:35px;} .offers-featured h3{font-size:24px; font-weight:600;} .offers-featured hr{border:0; height:1px; width:120px; background-color:#ccc; margin:25px auto 0;} .offers-featured-flex{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -moz-box-wrap:wrap; -webkit-box-wrap:wrap; -ms-flexbox-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;} .offers-featured .deal-jewel{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -moz-box-wrap:wrap; -webkit-box-wrap:wrap; -ms-flexbox-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;} .offers-featured .deal-jewel a{-moz-box-shadow:0 3px 6px rgba(0,0,0,.19); -webkit-box-shadow:0 3px 6px rgba(0,0,0,.19); box-shadow:0 2px 4px rgba(0,0,0,.11); padding-bottom:20px;} .offers-featured .deal-jewel .deal-bottom{position:absolute; left:0; bottom:0;} .offers-special{padding:22px 0 0; border-top:0;} .offers-special h2{font-size:24px!important;font-weight:600!important; margin-bottom:12px!important; text-align:center;} .intro-text-btns{position:relative; margin-bottom:10px;} .intro-text-btn{background-color:#e5e5e5; padding:6px 12px; margin-right:10px; float:left; color:#242424; text-decoration:none;} .intro-text-btn:hover{background-color:#c5c5c5; cursor:pointer; text-decoration:none;} .intro-text-btn.active{background-color:#c5c5c5; cursor:default; text-decoration:none;} #offer-1-content{background-color:#fff; border:1px solid #ddd; padding:12px 15px 20px; margin:0 0 25px; display:none;} #offer-1-content:after, #offer-1-content:before{content:''; border:1px solid transparent; height:0; width:0; position:absolute; pointer-events:none;} #offer-1-content:after{border-left-color:red; border-width:11px; top:-18px; margin-left:-8px; left:205px;} #offer-1-content:before{border-bottom-color:white; border-width:9px; top:-18px; margin-left:-9px; left:205px;} #offer-1-content h5{margin-bottom:2px;} #offer-1-content img{width:124px; border:1px solid #ddd; float:left; margin:0 6px 6px 0; display:block;} #offer-1-content img:hover{border:1px solid #aaa;} /* TOOLTIP */ .tooltip{position:absolute; line-height:16px; top:-28px; left:0; z-index:11; background-color:#333; padding:4px 9px; color:#fff; font-size:12px; white-space:nowrap; -moz-opacity:.95; -khtml-opacity:.95; opacity:.95; display:none;} .tooltip:after{content:""; position:absolute; bottom:-6px; left:50%; border-bottom:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #333; width:0; margin-left:-6px;} #tip-small{position:absolute; background-color:#000; color:#fff; z-index:5; padding:2px 8px;} .tip{position:absolute; background-color:#f9f6ef; border:1px solid #c7c2b1; z-index:5; top:0; width:400px;} .tip .tip-wrap{padding:10px 12px; text-align:left; font-size:11px;} .tip h5{margin-bottom:5px;} .tip .tip-description p{text-align:left!important;} .tip table{width:100%; margin-top:20px;} .tip table tr{} .tip table .tip-tr-empty{height:20px;} .tip table .tip-tr-colorless th{font-weight:700;} .tip table .tip-tr-colorless th,.tip table .tip-tr-colorless td{vertical-align:top; background-color:transparent;} .tip table th{background-color:#ede7da; border:1px solid #f9f6ef!important; vertical-align:middle; padding:0 4px; text-align:left!important; color:#2F2B23!important; min-width:130px!important;} .tip table td{background-color:#ede7da; border:1px solid #f9f6ef!important; width:auto!important; padding:0 4px; vertical-align:middle; text-align:left!important; color:#2F2B23!important; -webkit-box-shadow:inset 0 0 0 0; -moz-box-shadow:inset 0 0 0 0; box-shadow:inset 0 0 0 0;} .tip table td a{color:#2F2B23!important;} /* EXCEPTIONS */ .tax-ex{} .tax-in{margin-top:9px;} .store-sg .tax-ex{display:none!important} .screen-mobile{display:none;} @media screen and (max-width: 1024px){ /* ABOUT */ #about{flex-direction:column;} .about-content{max-width:840px; width:100%; padding:0 ;} .about-content h2{font-size:24px;} .about-content h2:first-child{margin-top:12px;} .body-touch-nav{overflow:hidden} .page-title{text-align:center;} .build-your-own .header .phone-number{top:0; } .header-container .mobile.facebook{display:block;} .col2-set .col-1, .col2-set .col-2, .col3-set .col-1, .col3-set .col-2, .col3-set .col-3{width:100%!important; margin:0; float:none!important;} .col2-set .col-2{margin-top:30px;} /* NAV */ #nav-mobile{display:flex; z-index:9999;} .top-banner{display:none;} #nav{display:none; position:fixed; background-color:#fff; width:100%; height:100%; top:0; left:0; padding:15px 0 100px; margin:0; z-index:999; overflow-y:scroll;} #nav ul{flex-direction:column;} #nav li{width:100%; text-align:left;} #nav li.active a{background-color:#efefef} #nav li a{padding:0 0 0 25px; float:none; display:block; line-height:34px; font-size:15px;} #nav li a:hover{background-color:none!important; color:#242424!important;} #nav .nav-home{display:block;} #nav .nav-account, #nav .nav-cart{display:none;} .header{padding:12px 0;} .header .logo{width:140px; height:100%; margin:0 auto 0 0;} .header .subtitle{display:none;} .header .phone-number{position:relative;} .header .mobile.facebook{display:none;} /* HOME */ .home-content{width:100%; padding-top:15px;} .home-content h2{font-size:24px;} #cover{background:url('../images/assets/banner/vad-cover.png') no-repeat center bottom; background-size:380px 240px; height:370px;} #cover .cover-text{float:none; margin:0 auto; padding:25px 0 0 0;} #cover h1{font-size:50px; line-height:50px; max-width:none;} .promo-box{width:49%; height:250px; margin-bottom:2px; } .promo-box h3{height:65px;} #col3custom{padding:0;} #col2custom h3{margin:20px 0; text-align:center;} /* DIAMONDS */ .diamond-search-header{} .diamond-search-header h2{font-size:14px;} .diamond-search-header a{display:none;} #diamond-search-mounts-btn{position:relative; left:0; text-align:center; margin-bottom:10px; display:block;} #diamond-search-mounts-options{padding:0;} #diamond-search-mounts-options label{display:inline-block; margin-bottom:4px;} #diamond-search-mounts-wrap{padding:0;} #diamond-search-mount-category{padding:5px 0 0; margin:0; overflow-y:hidden; overflow-x:scroll; white-space:nowrap; -webkit-overflow-scrolling:touch; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} #diamond-search-mount-category .btn-mount{min-width:65px;} #diamond-search-mount-category .btn-mount span{} #mount-search-result{padding:0; overflow-y:hidden; overflow-x:scroll; white-space:nowrap; -webkit-overflow-scrolling:touch; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} #mount-search-result .filter-mount{display:inline-block; float:none;} #mounts-show-more{display:none!important} #diamond-search-result-field h2{font-size:12px;} #diamond-search-result{} #diamond-search-result-header{display:none;} #diamond-search-field{padding:12px 20px 5px} #diamond-search-field .pink, #diamond-search-field .learn-more{left:0; right:0;} .diamond-filter-color-wrap{width:100%;} .diamond-filter-color, .diamond-filter-cut{width:100%; margin:0 auto 10px;} .diamond-filter-cut .diamond-filter-wrap{padding:0;} #btn-fancy-all-filters{top:0; margin-bottom:10px;} #btn-fancy-all-filters .diamond-filter-wrap{max-width:none;} #btn-gemstones-all-filters{top:0; margin-bottom:10px;} #btn-gemstones-all-filters .diamond-filter-wrap{max-width:none;} #diamond-search-advanced-btn{} #diamond-search-advanced{} #diamond-search-advanced .diamond-search-advanced{width:49%} #box-top{padding:15px 15px 0;} #box-mid{padding:15px;} #box-bottom{padding:15px;} .box-row .table{width:100%; border-radius:18px; margin-bottom:15px} .box-row .table.fl{border-radius:18px;} .box-row .table.fr{display:none;} .box-row .table .table-mobile{display:table-row;} .box-row .product-mail{width:100%;} .box-row .product-choice{float:left; width:100%; margin-top:15px;} #diamond-products-boxes .products-box{width:100%; height:115px; margin:3px 0 0 0; float:none;} #diamond-products-boxes .products-box a{padding:10px;} #diamond-products-boxes .products-box img{top:10px; right:10px; max-width:100px;} /* JEWELS */ #jewel-categories{} #jewel-categories li{} #jewel-categories .category:hover h4, #jewel-categories .category:hover span{color:#242424;} #jewel-search .jewel{width:calc(31% - 5px);} #jewel-nav .jewel-filters{width:100%; margin:0 0 10px;} /* UNIQUE */ .unique-page .front{padding-top:25px;} .unique-page .cover{background:url('../images/unique-cover.png') no-repeat center bottom; background-size:239px 140px; height:auto; padding-bottom:170px;} .unique-page .cover .cover-text{float:none; margin:0 auto; padding:25px 0 0 0;} .unique-page .recently-sold{position:relative; bottom:0; margin-top:10px;} /* EDUCATION */ .edu .col-1{margin-bottom:30px!important;} .edu .col-2{padding:0 1px;} .edu h3{text-align:center;} /* PARTNERS */ .partners-partner{padding:25px 30px;} .partners-partner h3{font-size:18px;} .partners-images{flex-direction:column;} .partners-images .img, .partners-images .map{width:100%;} .partners-images .map{padding-bottom:62.25%;} .partners-review{width:100%; margin-top:25px; display:inline-block;} /* OFFER BOXES */ #box .theme-deluxe{padding:20px 2%;} #box .page-boxes .offer{width:100%; margin:0 0 20px;} #box .page-boxes .offer h2{text-align:left;} #box .page-boxes .offer img{width:25%; min-height:155px;} #box .page-boxes .offer .offer-info{width:75%;} #box .buy-button{padding:15px 2% 20px} #page-kortingsbrigade .deal-jewel{width:50%;} /* BUILD YOUR OWN */ .build-your-own .main{padding:10px 15px 20px; align-items:stretch;} .build-your-own .box-choice{width:calc(50% - 7.5px); height:auto; max-height:none;} .build-your-own .box-choice.ready-jewel img, .build-your-own .box-choice.ready-essential img, .build-your-own .box-choice.ready-unique_jewels img, .build-your-own .box-choice.ready-gemstone img, .build-your-own .box-choice.ready-italian img, .build-your-own .box-choice.ready-casual img, .build-your-own .box-choice.ready-wedding img, .build-your-own .box-choice.ready-unique img, .build-your-own .box-choice.ready-gems img{position:relative; bottom:-5px; max-width:300px; margin:0; left:0;} .build-your-own .box-choice.ready-jewel img{bottom:-28px!important;} .build-your-own .box-choice.ready-unique_jewels img{max-width:280px;} .build-your-own .box-choice.ready-unique img{max-width:280px; margin-top:20px!important;} .build-your-own .box-choice.ready-partners img{left:0; margin-left:0; bottom:0;} .build-your-own .box-choice.ready-diamond-shapes, .build-your-own .box-choice.ready-diamond-fancy{padding:15px 15px 25px;} .build-your-own .box-choice a{padding-bottom:0;} .build-your-own .box-choice h2{font-size:21px;} .build-your-own .box-choice h3{font-size:14px;} .build-your-own .box-choice.ready-unlimited{width:100% !important; height:195px;} .build-your-own .box-choice.ready-unlimited h2{margin: 0;} .build-your-own .box-choice.ready-unlimited img{margin: 0;} .build-your-own .box-choice.ready-diamond-shapes a{padding:20px 0;} #diamond-products-boxes .products-box.ready-jewel img{top:auto; bottom:0; max-width:130px;} /* DEALS */ .deals-header-img{padding-right:40px;} .deals-header-copy p{font-size:24px;} .deals .box-choice{width:49.6%!important; height:auto!important; margin:0 0 3px 0!important; max-height:none!important;} .deals .box-choice.ready-fashion img{position:relative; bottom:-5px; max-width:300px; margin:0; left:0; width:100%;} /* CHECKOUT */ .cart .checkout-col{width:100%; float:none;} .checkout-price{display:none;} .opc #checkout-step-login .col-1, .opc #checkout-step-login .col-2{padding-bottom:0;} .opc #checkout-step-login .col-2{margin-top: 60px} .opc #checkout-step-login .buttons-set{position:relative; bottom:0;} /* FOOTER */ #footer .wrap{padding:0 2.75%;} #footer .footer-top li{display:inline; line-height:34px;} #footer .footer-60, #footer .footer-40{width:100%; margin-bottom:35px;} #footer .newsletter{margin-bottom:0;} #footer .footer-map{margin-bottom:0;} #footer .footer-bottom .colophon{margin-bottom:40px;} #footer .footer-bottom div{float:none; text-align:center; margin-bottom:10px; width:auto;} /* OTHER */ .garuantee-pic{display:none;} .winkelwagen-leeg{width:100%;} /* SNAP */ .snap .wrapper{padding:0;} .snap .col-left{width:55%;} .snap .intro .timer{background-color:transparent;} .snap .col-right{width:45%;} } @media screen and (max-width: 780px){ /* DIAMONDS */ #diamond-search-result-gallery .diamond .diamond-img{height:200px;} .intro-text{height:42px; overflow:hidden;} .intro-text:after{content:"..."; position:absolute; right:0; bottom:.5px; cursor:pointer; z-index:3; background:linear-gradient(45deg, transparent, #f3f3f6 60%); padding:0 7px 0 50px;} .intro-text.open{height:auto;} .intro-text.open:after{display:none;} /* JEWELS */ #jewel-search .jewel{width:calc(50% - 10px);} /* GEMS */ .gems .gem{width:32%;} } @media screen and (max-width: 680px){ .button, textarea, .input-text, .main form .form-list label, .main form .form-list select{width:100%!important; max-width:none!important; float:none!important; display:block;} /* DIAMONDS */ #diamond-search-field{padding:12px 10px 5px} #diamond-search-advanced{} #diamond-search-advanced .diamond-search-advanced{width:100%; margin:0 auto 10px; padding:10px 5px;} .view-diamonds img{display:none;} #diamond-search-result-gallery .diamond{width:32%;} #btn-fancy-all-filters .btn-fancy-wrap-colors{flex-wrap:wrap;} #btn-fancy-all-filters .btn-fancy-wrap-colors:after{content:""; flex:10%;} .btn-fancy{padding:0 5px; margin-bottom:8px; min-width:36px;} #diamond-search-tab-rare{position:relative; top:0; white-space:nowrap; margin-left:10px; padding:7px 14px;} .rare-mode-title{font-size:18px; text-align:center; margin:2px 0 22px;} .rare-mode-title small{display:block; font-size:11px; font-weight:normal; margin-left:0; margin-top:2px;} /* JEWELS */ #lang-box{display:flex; justify-content:center; align-items:flex-start; width:95%; top:10px; left:2.5%; margin-left:0; padding:30px 30px 50px;} #lang-box h3{font-size:15px;} #lang-box h2{font-size:21px;} .jewels-watched-result{flex-wrap:wrap; justify-content:space-between;} #jewel-search #jewels-watched .jewel{margin-right:0; width:47%;} #jewel-categories li{width:calc(33.36% - 5px);} .cms-rings #jewel-categories li{width:100%; margin-right:5px;} .cms-earrings #jewel-categories li{width:100%; margin-right:5px;} .cms-colliers #jewel-categories li{width:100%; margin-right:5px;} /* GEMS */ .gems .gem{width:48.25%;} .gems-nav{flex-direction:column; margin-bottom:20px;} .gems-nav .gems-color{width:100%; margin-bottom:10px;} .gems-nav .gems-color-btn{width:100%; text-align:center;} .gems-nav .gems-color a{padding: 10px 0 7px;} /* BUILD YOUR OWN */ .build-your-own .box-choice.ready-gems img{left:0; margin-left:0;} .build-your-own .box-choice.ready-diamond-shapes ul{flex-wrap:wrap; padding:10px 0;} .build-your-own .box-choice.ready-diamond-shapes li{width:16%;} .build-your-own .box-choice.ready-diamond-shapes a{padding:10px 0;} .build-your-own .ready-diamond-fancy-wrap{flex-wrap:wrap;} .build-your-own .ready-diamond-fancy-wrap:after{content:""; flex:10%;} .build-your-own .ready-diamond-fancy .btn-fancy{width:auto; min-width:50px;} /* UNIQUE */ .unique-page .front{padding-top:0;} .unique-page .content{padding:45px 8%;} .unique-page .content .button{height:56px;} .unique-box img{display:none;} /* RINGS */ .cms-rings .products-box.build-own h3{display:none;} .cms-rings .products-box.build-own h2{font-size:21px; margin-bottom: 10px;} .cms-rings .products-box.build-own p{margin-bottom:0;} .cms-rings .products-box.build-own .choice-build{margin-bottom:8px;} .cms-rings .products-box.build-own .choice-build img{max-width:120px!important;} /* CONTACT */ #contact{text-align:center;} .contact-form{padding:15px 30px;} .contact-form label{margin-bottom:5px; font-weight:600;} .contact-form .form-list>li{margin-bottom:20px;} .contact-form .subject{margin-top:15px;} .contact-form .subject label{margin-bottom:0;} .contact-form .subject li:last-child{margin-bottom:0;} .contact-form .subject label{font-weight:normal;} .contact-form .buttons-set{margin-top:25px;} /* ACCOUNT */ .account-login .col2-set .col-1 .button{margin-bottom:10px;} .account-login .col2-set .col-2{margin:40px 0 10px; padding-top:15px; border-top:1px solid #ddd;} .account-nav ul li a, .account-nav ul li span{font-size:11px;} .col2-left-layout .col-main{padding:25px 15px 30px;} /* CHECKOUT */ .cart-empty{margin:0; padding:20px 20px 25px;} .cart .discount .button{margin-bottom:5px;} .opc .col2-set .col-2{margin:25px 0 10px; padding-top:20px; border-top:1px solid #ddd;} .opc #checkout-step-login .col-2{padding-top:30px;} .opc .form-list li{margin-bottom:10px;} .opc .buttons-set .back-link{float:none;} .opc .buttons-set .button{height:46px;} .opc .buttons-set .btn-checkout{height:46px;} .please-wait{display:block; float:none; margin-top:15px;} /* OTHER */ .fb-normal{display:none} .fb-mobile{display:block} .page-404{margin:0; padding:20px 20px 25px;} } @media screen and (max-width: 580px){ .phone-number-city{display:none !important;} /* DIAMONDS */ .explanation{padding:15px 25px 15px;} .explanation h2{font-size:22px!important; line-height:26px;} .explanation .explanation-formula{justify-content:flex-start; flex-wrap:wrap; margin-top:15px;} .explanation .round-circle{width:26px; height:26px; font-size:20px;} .explanation .recently-sold{position:relative; bottom:0; right:0; text-align:left; margin-top:20px;} /* DEALS */ .deals-header{flex-direction:column; margin:20px 0 10px;} .deals-header-img{text-align:center; width:100%; padding-right:0; margin-bottom:10px;} .deals-header-img img{max-width:180px; max-height:180px;} .deals-header-copy{width:100%; text-align:center;} .deals-header-copy p{font-size:21px;} } @media screen and (max-width: 500px){ .main{padding:25px 10px 30px;} .wrap{padding:0 10px;} .screen-normal{display:none;} .screen-mobile{display:block} .screen-mobile-title{margin-bottom:10px; font-size:14px;} .screen-mobile-title .icon-img{font-style:normal; font-size:11px; float:right; margin:4px 0 0 6px; color:#b1005d;} .screen-mobile-title .icon-img svg{fill:#b1005d !important;} .screen-mobile-title .diamond-result-360{} .screen-mobile-attributes{display:flex; justify-content:space-between;} .screen-mobile-the-attributes{display:flex; align-items:flex-start; width:50%; flex-wrap:wrap;} .screen-mobile-the-attributes div{padding:2px 7px; color:#242424; background-color:#fff; font-size:11px; margin:0 3px 4px 0; border:1px solid #dedede; -moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px; border-radius:4px; white-space:nowrap;} .screen-mobile-attributes-offer{} .screen-mobile-attributes-img img{display:block; width:100px; border-radius:6px;} /* HOME */ #slider, #slider-en{display:none;} #cover{background:url('../images/assets/banner/vad-cover.png') no-repeat center bottom; background-size:239px 140px; height:285px;} #cover .cover-text{padding:12px 0 0;} #cover h1{font-size:46px; line-height:48px; max-width:280px; margin:0 auto;} /* DIAMONDS */ .diamond-search-tab{padding:8px 10px; font-size:13px;} #diamond-search-mounts .product-image-magnify{display:block!important;} #diamond-search-field{padding:12px 5px 5px} #diamond-search-field .pink{float:none; text-align:center;} #diamond-search-field .learn-more{display:none;} .diamond-filter-shapes{padding-bottom:0;} .diamond-filter-shapes .diamond-filter-wrap{padding-bottom:15px; max-width:none; overflow-y:hidden; overflow-x:scroll; white-space:nowrap; -webkit-overflow-scrolling:touch; transform:translate3d(0,0,0);} .diamond-filter-shapes .diamond-filter-wrap ul{display:block;} .diamond-filter-shapes .btn-shape{width:60px; display:inline-block; float:none;} #diamond-search-field .filter{padding:0 15px} .diamond-filter-carat, .diamond-filter-clarity{width:100%;} #diamond-search-result td{height:auto; padding:12px 10px} #diamond-search-result .screen-mobile .price em.icon-mount{margin-right:0;} #diamond-search-result .screen-mobile .price em.icon-shape{margin:0;} #diamond-search-result-gallery .diamond{width:49.2%;} #diamond-search-result-gallery .diamond .diamond-img{height:180px;} #box h2{margin:15px 0 5px; line-height:30px; font-size:22px;} #box-top{margin-bottom:15px;} #box-top .box-logo{} #box-top .box-logo img{width:97px; height:31.69px;} #box-img{width:100%; margin-bottom:30px;} #box-img .product-image{padding-right:0;} #box-img-thumbs{margin:0 auto; display:table;} #box-img .jewel-description{width:100%;} #box-cart{width:100%; margin-bottom:20px;} #box-cart #btn-cart, #box-cart #btn-mount-select{width:100%; height:48px;} #box-cart .qty{display:none;} #box-cart .price-box{margin-bottom:0;} #box .price-box .price-discount .price{font-size:26px; line-height:26px;} #box .price-choice label{padding:10px 5px;} #box .price-choice .fl{width:10%;} #box .price-choice .fr{width:90%;} #box .price-box .test{padding-left:5px;} #box-cart .jewel-coupon{margin:10px 0 0;} #box-cart .jewel-description{margin:20px 0 0;} #box-options{margin-top:20px;} #box-options.box-options-mount{margin-top:0;} .box-row .table{margin-bottom:15px} .box-row .product-choice{margin-top:15px;} .box-row .table th, .box-row .table td{padding:0 15px;} .box-row .product-mail, .box-row .product-choice{padding:20px;} #box-bottom{padding:15px 2%;} #mail-contact th{padding:0;} #mail-contact input{width:100%; max-width:none;} #mail-contact #mail-phone{width:100%;} #mail-contact textarea{width:100%; max-width:none; height:120px;} #mail-contact .button{width:100%; margin:0;} .offer #offer-mail, .unique #unique-form, .offer-and-contact .mail-contact{padding:20px 20px 25px;} .offer-and-contact-buttons{justify-content:center;} .usp-icon{width:20px; margin-right:15px;} .usp-insured .usp-icon svg{height:20px;} /* JEWELS */ #jewel-categories li{width:100%!important; margin-right:5px;} #jewel-nav #jewel-nav-products .btn-filter{width:calc(25% - 3px);} #jewel-nav #jewel-nav-products .row-4 .btn-filter{width:calc(25% - 3px);} #jewel-nav #jewel-nav-products .row-3 .btn-filter{width:calc(33.36% - 3px);} #jewel-nav #jewel-nav-products .row-2 .btn-filter{width:calc(50% - 3px);} #jewel-nav-price{padding:0 40px;} #jewel-nav-filters{padding:10px 10px 15px;} #jewel-search .jewel{width:calc(50% - 5px); margin-bottom:10px} #jewel-nav .jewel-filters.jewel-filters-100 .btn-filter span{text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} /* GEMS */ .gems .gem{width:49%; margin-bottom:7px;} .gems .gem-info{padding:10px 10px 15px;} .gems .gem-main{font-size:16px; font-weight:500; line-height:18px;} .gems .gem-main i{font-size:14px;} .gems .gem-main small{display:block; font-size:10px;} .gems .gem-code{font-size:10px;} .gems .gem-title{min-width:0; margin-right:0;} .gem-form-choice{flex-wrap:wrap;} .gem-form-choice-btn{width:100%; height:36px;} .gem-form-choice-btn:first-child{border-radius:6px 6px 0 0; border-right:1px solid #dadada !important; border-bottom:transparent;} .gem-form-choice-btn:last-child{border-radius:0 0 6px 6px; border-top:1px solid #d4d4d4;} /* UNIQUE */ .unique-page .cover p{font-size:17px; line-height:25px;} /* BUILD YOUR OWN */ .build-your-own .box-choice{width:calc(50% - 5px) !important; margin-bottom:10px;} .build-your-own .box-choice.ready-jewel img{position:relative; bottom:-5px;} .build-your-own .box-choice.ready-unlimited img{max-width:200px;} .build-your-own .box-choice.ready-gemstone, .build-your-own .box-choice.ready-italian, .build-your-own .box-choice.ready-casual, .build-your-own .box-choice.ready-essential, .build-your-own .box-choice.ready-gems{height:auto;} .build-your-own .box-choice.ready-diamond-shapes, .build-your-own .box-choice.ready-diamond-fancy{padding:15px;} .text-statement{display: none;} .products-box.ready-jewel{margin-bottom:25px!important;} .products-box.ready-jewel h2, .products-box.ready-jewel span{text-align:left!important;} .products-box.ready-jewel span.break-normal{display:none;} .products-box.ready-jewel span.break-mobile{display:block;} .products-box.build-own .choice-build{width:100%; float:none; padding:0; margin-bottom:10px; text-align:center;} .products-box.build-own .choice-build img{max-width:185px!important; top:0;} .custom-box{bottom:0; right:0; width:100%; text-align:center;} .custom-box a{border-radius:0; padding:10px 0;} .subscribe-body{left:auto; padding:0 8px; width:100%; right:0; bottom:-107px;} .subscribe-body.show{bottom:110px;} .subscribe-box{width:100%; max-width:none; padding:10px 20px;} .subscribe-box span{font-size:16px;} .subscribe-box .subscribe-form{display:flex; margin:0 auto;} .subscribe-box .subscribe-form input{border-radius:4px 0 0 4px; border-right:0;} .subscribe-box .subscribe-form button{border-radius:0 4px 4px 0; margin-left:auto; flex:1; line-height:normal;} /* CHECKOUT */ .checkout-onepage-success .checkout-success{padding:25px 20px} .cart .data-table tbody td,.cart .data-table thead th{padding:10px 5px;} .item-options dt, .item-options dd{width:100%; float:none; padding:0;} .item-options dd{margin-bottom:5px;} /* PARTNERS */ .partners-partner{padding:20px 20px;} .partners-review{margin-top:20px;} /* ACCOUNT */ .account-login, .account-create, .forgot-password{padding:25px 20px;} .account-nav ul li{width:100%; text-align:left; height:30px; min-height:30px;} .account-nav ul li a, .account-nav ul li span{padding-left:20px; border:1px solid #ddd; border-bottom:0; -moz-border-radius:0!important;-khtml-border-radius:0!important;-webkit-border-radius:0!important;border-radius:0!important;} .account-nav ul li:last-child a, .account-nav ul li:last-child span{border-bottom:1px solid #ddd;} #my-orders-table{background-color:#fff;} #my-orders-table th, #my-orders-table td{word-break:normal;} /* INSTAGRAM */ .instagram {text-align: left;} .instagram h2 {font-size: 24px;} /* FOOTER */ .footer-top .wrap { flex-direction: column-reverse; } .footer-top span { display: block; margin: 15px 0; line-height: normal; } .footer-top .footer-icons{ justify-content: center; margin: 15px 0 10px; } .fixed-phone-number{right:6px; bottom:48px;} #google-map{height:auto;} }