html, body {
margin: 0;
padding: 0;
background: #22234c;
color: rgba(24, 24, 54, 0.8);
font: normal normal normal 14px/24px 'Roboto',Arial;
overflow-x:hidden;
}
iframe {
display: block; /* iframes are inline by default */
background: #000;
border: none; /* Reset default border */
width: 100vw;
}
.white-box iframe {
display: block;
background: #fff;
width: 1px;
min-width: 100%;
*width: 100%;
}
p {
font: normal normal normal 14px/24px 'Roboto',Arial;
padding-bottom: 24px;
color: rgba(24, 24, 54, 0.8);
margin: 0;
}
header {
z-index: 100;
position: fixed;
top: 0;
left: 0;
right: 0;
background: rgb(34,35,76);
background: -moz-linear-gradient(top, rgb(34,35,76) 0%, rgb(24,24,54) 100%);
background: -webkit-linear-gradient(top, rgb(34,35,76) 0%,rgb(24,24,54) 100%);
background: linear-gradient(to bottom, rgb(34,35,76) 0%,rgb(24,24,54) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22234c', endColorstr='#181836',GradientType=0 );
height: 180px;
text-align: center;
}
a {
color: #b79a16;
transition: 0.3s;
}
a:hover {
color: #94783f;
transition: 0.3s;
}
.bg-white {
background: #fff;
overflow: hidden;
}
.bg-light {
background: #fafafc;
overflow: hidden;
}
.cc {
position: relative;
max-width: 1280px;
padding: 0 10px 0 10px;
margin: auto;
}
.cc.narrow {
max-width: 1220px;
}
.cc.extra-small {
max-width: 960px;
}
.cc.xx-small {
max-width: 740px;
}
header .cc {
box-sizing: border-box;
max-width: 1440px;
height: 100%;
}
.tc {
text-align: center;
}
content {
display: block;
padding-top: 180px;
}
.logo {
display: block;
position: absolute;
transition: 0s;
z-index: 1;
}
.logo.top {
top: 20px;
left: 50%;
margin-left: -20px;
}
.logo.bottom {
top: 77px;
left: 50%;
margin-left: -103px;
}
.small header br {
display: none;
}
.small header .basket-popup-item br{
display:inline;
}
.small .logo, .small .logo.bottom {
padding: 0;
position: absolute;
top: 10px;
left: 10px;
margin-left: 0;
}
.small .logo.bottom {
padding: 0;
position: absolute;
top: 18px;
left: 47px;
}
.small .logo.bottom img {
height: 25px;
}
.main-menu {
display: block;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.main-menu a, .main-menu div.dropdown {
display: inline-block;
padding: 15px 20px 20px 20px;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: rgba(255,255,255,0.5);
transition: 0.3s;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
}
div.dropdown a {
padding: 0;
}
.main-menu a:hover, .main-menu a.active {
color: rgba(255,255,255,1);
transition: 0.3s;
}
.main-menu .dropdown-content {
display: none;
position: absolute;
top: 46px;
left: 20px;
background-color: #22234c;
min-width: 160px;
z-index: 1;
}
.main-menu .dropdown-content::before {
content: '';
display: block;
position: absolute;
top: -9px;
left: 11px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 9px 9px;
border-color: transparent transparent #22234c transparent;
}
.main-menu .dropdown-content a {
font-family: Raleway;
font-size: 14px;
font-weight: 500;
line-height: 21px;
padding: 14px 20px 14px 20px;
float: none;
color: #b3b5be;
text-decoration: none;
display: block;
text-align: left;
border-bottom: 1px solid #2e2e55;
white-space: nowrap;
text-transform: none;
transition: 0.3s;
}
.main-menu .dropdown-content a:hover, .main-menu .dropdown-content a.active {
background: #393a65;
color: #b79a16;
}
.main-menu .dropdown:hover .dropdown-content {
display: block;
}
.mob-mnu {
display: none;
}
.actions-menu a.mob-btn {
display: none;
}
h1 {
padding: 30px 0 20px 0;
font: normal normal normal 40px/50px 'Spectral',Arial;
color: #b79a16;
margin: 0;
}
.diamonds #diamondsearch {
max-width: 100%;
border: none;
background: #fff;
margin: 0;
padding-bottom: 20px;
}
.diamonds #diamondsearch .ds-search .ds-search-title h1 {
font-family: Roboto;
font-weight: 500;
font-size: 12px;
color: rgba(26,27,55,0.7);
}
.diamonds #diamondsearch .ds-search .ds-search-title .ds-filter-toggle {
font-family: "Roboto";
font-size: 12px;
font-weight: 500;
color: #8b8c9f;
}
.diamonds #diamondsearch .ds-filter-label {
font: normal normal 600 13px/19px 'Raleway',Roboto,Arial;
color: rgba(26,27,55,0.7);
}
.diamonds #diamondsearch .ds-search .ds-search-title .ds-filter-toggle .nwg_icons_caret_down {
font-family: 'Material-Design-Iconic-Font';
color: rgba(26,27,55,0.5);
font-size: 20px;
}
.diamonds #diamondsearch .ds-search .ds-search-title .ds-filter-toggle .nwg_icons_caret_down::before {
content: '\f1c3';
}
.diamonds #diamondsearch .ds-search .ds-search-title .ds-filter-toggle.ds-show-filter .nwg_icons_caret_down::before {
content: '\f136';
}
.diamonds #diamondsearch .ds-results {
height: auto;
padding-top:80px;
}
.diamonds #diamondsearch .ds-results .ds-results-table-wrapper {
max-width: 1260px;
margin: auto;
background: #fff;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
overflow-y: auto;
}
#diamondsearch .ds-product.ds-animate {
max-width: 1260px;
margin: auto;
background: none;
}
.diamonds #diamondsearch .ds-search {
background: #fafafc;
overflow: visible;
}
.diamonds #diamondsearch .ds-footer {
max-width: 1260px;
margin: auto;
text-align: center;
padding-top: 10px;
}
.diamonds #diamondsearch .ds-footer .ds-pagination {
display: inline-block;
float: none;
}
.diamonds #diamondsearch .ds-footer .ds-pagination li {
margin: 0;
}
.diamonds #diamondsearch .ds-footer .ds-pagination li a {
display: inline-block;
color: #8b8c9f;
font-size: 13px;
font-family: "Roboto",Helvetica,Arial,sans-serif;
text-decoration: none;
text-align: center;
min-width: 34px;
padding: 0 4px;
height: 34px;
line-height: 34px;
outline: 0 none;
cursor: pointer;
border: 1px solid #ddd;
border-right: none;
background: #fff;
}
.diamonds #diamondsearch .ds-footer .ds-pagination li:last-child a {
border-right: 1px solid #ddd;
}
.diamonds #diamondsearch .ds-footer .ds-pagination li.active a {
background-color: #fafafc;
cursor: default;
color: #b79a16;
}
.diamonds #diamondsearch-view::before {
content: '';
display: block;
height: 80px;
background: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.diamonds #diamondsearch .ds-product .ds-close-product {
position: relative;
line-height: 80px;
text-align: right;
display: block;
top: 0px;
font-size: 16px;
color: #8b8c9f;
}
.diamonds #diamondsearch .ds-product-preview-left,
.diamonds #diamondsearch .ds-product-preview-right {
padding-top: 47px;
}
.diamonds #diamondsearch .ds-diamond-title {
display: inline-block;
color: #b79a16;
text-transform: none;
font: normal normal normal 24px/38px 'Spectral',Times;
}
.diamonds #diamondsearch .ds-diamond-subtitle {
font-family: Roboto;
text-transform: none;
}
.diamonds #diamondsearch .ds-diamond-price {
color: #b79a16;
font-family: Roboto;
font-size: 20px;
padding-top: 20px;
}
.diamonds #diamondsearch .ds-diamond-preview-actions {
padding-top: 15px;
}
.diamonds #diamondsearch .ds-button.ds-button-special {
position: relative;
display: inline-block;
font-size: 16px;
font-family: Spectral;
font-weight: 400;
color: #b79a16;
background: none;
height: 50px;
line-height: 50px;
padding: 0 20px 0 20px !important;
text-decoration: none;
text-transform: uppercase;
border-radius: 13px;
transition: 0.3s;
}
.diamonds #diamondsearch .ds-button.ds-button-special::before {
content: "";
display: block;
position: absolute;
background: url(/images/btns-card.png) no-repeat top left;
width: 50%;
top: 0px;
bottom: 0px;
right: 50%;
left: 0px;
max-width: 50%;
transition: 0.3s;
}
.diamonds #diamondsearch .ds-button.ds-button-special::after {
content: "";
display: block;
position: absolute;
background: url(/images/btns.png) no-repeat top right;
width: 50%;
top: 0px;
bottom: 0px;
left: 50%;
right: 0px;
transition: 0.3s;
}
.diamonds #diamondsearch .ds-button.ds-button-special:focus, .diamonds #diamondsearch .ds-button.ds-button-special:hover {
color: #b79a16;
background-color: transparent;
}
.diamonds #diamondsearch .ds-search .ds-button.ds-button-special {
background: #b79a16;
height: auto;
font: normal normal 500 14px/20px Raleway,Arial;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
padding: 23px 20px 22px 20px !important;
height: auto;
}
.diamonds #diamondsearch .ds-search .ds-button.ds-button-special::before, .diamonds #diamondsearch .ds-search .ds-button.ds-button-special::after {
display: none;
}
.diamonds #diamondsearch .ds-add-to-cart.ng-hide {
display: none !important;
}
.diamonds #diamondsearch .ds-button.ds-button-grey {
position: relative;
display: inline-block;
font-family: Raleway;
font-weight: 500;
font-size: 14px;
color: #999;
background: #f7f7f7;
height: 64px;
min-width: 160px;
text-align: center;
line-height: 64px;
padding: 0 20px 0 20px !important;
text-transition: uppercase;
}
.diamonds #diamondsearch .ds-button.ds-button-grey::before {
content: "\f021";
font-family: "Font Awesome 5 Pro";
display: inline-block;
padding-right: 7px;
background: none;
width: auto;
max-width: 999px;
position: relative;
font-weight: lighter;
}
.diamonds #diamondsearch .ds-button.ds-button-grey:focus, .diamonds #diamondsearch .ds-button.ds-button-grey:hover {
color: #22234c;
background: none;
}
.diamonds #diamondsearch .ds-button.ds-button-special.ds-add-to-cart {
display: inline-block !important;
width: auto;
padding-left: 60px !important;
}
.diamonds #diamondsearch .ds-paragraph {
font: normal normal normal 13px/22px Roboto,Arial;
color: #181836;
}
.diamonds #diamondsearch {
overflow: hidden;
}
.diamonds #diamondsearch .ds-product-details h2 {
color: #181836;
font-family: Roboto;
font-size: 20px;
position: relative;
padding: 20px 0 20px 10px;
}
.diamonds #diamondsearch .ds-product-details h2::before {
content: "";
height: 1px;
background: #e5e5e5;
top: 0px;
left: -100%;
right: -100%;
position: absolute;
}
.diamonds #diamondsearch .ds-product-details h2::after {
content: "";
height: 1px;
background: #e5e5e5;
bottom: 0px;
left: -100%;
right: -100%;
position: absolute;
}
.diamonds #diamondsearch .ds-listview {
padding-top: 15px;
}
.diamonds #diamondsearch .ds-listview li {
border: none !important;
font-size: 14px;
margin: 0;
font-family: "Roboto",Helvetica,Arial,sans-serif;
color: rgba(24,24,54,0.6);
line-height: 30px;
padding: 5px 0 0;
}
.diamonds #diamondsearch .ds-listview li span {
color: #181836;
width: 150px;
}
.diamonds #diamondsearch .ds-diamond-preview {
position: fixed;
}
.diamonds #diamondsearch .ds-product-details {
border-top: none;
position: relative;
}
.diamonds #diamondsearch .ds-product-details::before {
content: '';
top: 30px;
position: absolute;
left: -100%;
right: -100%;
height: 60px;
background: #fafafc;
}
.diamonds #diamondsearch .ds-filter-color ul li {
min-width: 50px;
max-width: 50px;
height: 50px;
box-sizing: border-box;
margin-bottom: 23px;
border: 1px solid transparent;
background-image: url("/images/icons-colors.png");
background-size: 1300%;
background-repeat: repeat;
margin-left: 3px;
margin-right: 3px;
}
.diamonds #diamondsearch .ds-button {
margin-left: 0px;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-yellow {
background-position: -500% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-pink {
background-position: -900% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-blue {
background-position: -300% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-green {
background-position: -400% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-orange {
background-position: -600% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-brown {
background-position: -1000% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-black {
background-position: -1100% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-gray {
background-position: -200% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-colorless {
background-position: -100% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-red {
background-position: -700% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-purple {
background-position: -800% 0;
}
.diamonds #diamondsearch .ds-filter-color ul .ds-color-multicolor {
background-position: -1200% 0;
}
.diamonds #diamondsearch .ds-filter-color ul li::after {
bottom: -23px;
}
.diamonds #diamondsearch .ds-filter-certificate .ds-filter-certificate-wrapper li.ds-selected, .diamonds #diamondsearch .ds-filter-certificate .ds-filter-certificate-wrapper li:active, .diamonds #diamondsearch .ds-filter-color ul li.ds-selected, .diamonds #diamondsearch .ds-filter-color ul li:active {
background-color: #f7f7f7;
border: 1px solid #ddd;
border-radius: 4px;
color: #696969;
}
.diamonds #diamondsearch .ds-filter-shape ul li span {
background: none;
background-image: url("/images/icons-shapes.png");
background-size: 1300%;
background-position: 0 0;
background-repeat: repeat-x;
}
.diamonds #diamondsearch .ds-filter-shape ul li span::before {
display: none;
}
.diamonds #diamondsearch .ds-filter-certificate .ds-filter-certificate-wrapper li {
border: 1px solid transparent;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-round {
background-position: -100% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-princess {
background-position: -700% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-emerald {
background-position: -400% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-asscher {
background-position: -600% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-cushion, .diamonds #diamondsearch .ds-filter-shape .ds-shape-cushion-brilliant {
background-position: -300% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-radiant {
background-position: -500% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-pear {
background-position: -1000% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-oval {
background-position: -200% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-marquise {
background-position: -900% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-heart {
background-position: -1100% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-baquette {
background-position: -800% -13px;
}
.diamonds #diamondsearch .ds-filter-shape .ds-shape-trilliant {
background-position: -1200% -13px;
}
.diamonds #diamondsearch .ds-filter-shape ul li.ds-selected span {
background-color: #f7f7f7;
border: 1px solid #ddd;
border-radius: 4px;
color: #696969;
}
.diamonds #diamondsearch .ds-filter-shape ul li.ds-selected span::after, .diamonds #diamondsearch .ds-filter-shape ul li:active span::after {
color: #696969;
}
.diamonds #diamondsearch .ds-filter-actions {
padding: 0 24px 0 24px;
background: #f2f2f2;
position: relative;
}
.diamonds #diamondsearch .ds-filter-actions:after {
position: absolute;
content: '';
display: block;
top: 0;
left: 0;
right: 0;
height: 6px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 1%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
}
.diamonds #diamondsearch .ui-slider-legend p span {
background: #FFFFFF;
height: 4px;
width: 4px;
border-radius: 50%;
position: absolute;
left: 0px;
top: -25px;
z-index: 0;
}
.diamonds #diamondsearch .ds-filter-shape ul {
display: flex;
flex-wrap: wrap;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-round {
order: 0;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-oval {
order: 1;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-cushion, .diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-cushion-brilliant {
order: 2;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-asscher {
order: 3;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-emerald {
order: 4;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-radiant {
order: 5;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-princess {
order: 6;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-marquise {
order: 7;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-pear {
order: 8;
}
.diamonds #diamondsearch .ds-filter-shape ul li.li-ds-shape-heart {
order: 9;
}
.diamonds #diamondsearch .ds-listview {
max-width: 350px;
}
.cta, .contact-overlay a.cta {
position: relative;
display: inline-block;
font-size: 16px;
font-family: Spectral;
font-weight: 400;
color: #b79a16;
background: none;
height: 50px;
line-height: 50px;
padding: 0 20px 0 20px !important;
text-decoration: none;
text-transform: uppercase;
border-radius: 13px;
transition: 0.3s;
}
.cta.nobg {
font-family: 'Roboto';
color: #999;
text-decoration: underline;
text-transform: none;
}
.cta.nobg:hover {
color: #444;
}
.cta.nobg::before, .cta.nobg::after {
display: none;
}
.cta span {
display: block;
text-align: center;
z-index: 2;
position: relative;
}
.cta::before {
content: '';
display: block;
position: absolute;
background: url('/images/btns.png?v=2') no-repeat top left;
width: 50%;
top: 0px;
bottom: 0px;
right: 50%;
left: 0;
max-width: 50%;
transition: 0.3s;
}
.cta::after {
content: '';
display: block;
position: absolute;
background: url('/images/btns.png?v=2') no-repeat top right;
width: 50%;
top: 0px;
bottom: 0px;
left: 50%;
right: 0;
transition: 0.3s;
}
.cta:hover::before {
transition: 0.3s;
background-image: url('/images/btns-hvr.png?v=2');
}
.cta:hover::after {
transition: 0.3s;
background-image: url('/images/btns-hvr.png?v=2');
}
.cta.blue {
position: relative;
display: inline-block;
font-size: 20px;
font-family: Spectral;
font-weight: 500;
color: #22234c;
text-transform: uppercase;
height: 50px;
line-height: 50px;
}
.cta.blue::before {
background-position: left -50px;
}
.cta.blue::after {
background-position: right -50px;
}
.cta.big, .contact-overlay a.cta.big {
position: relative;
display: inline-block;
font-size: 20px;
color: #b79a16;
font-family: Spectral;
font-weight: 500;
text-transform: uppercase;
height: 60px;
line-height: 60px;
}
.cta.big::before {
background-position: left -160px;
}
.cta.big::after {
background-position: right -160px;
}
.cta.big.blue {
position: relative;
display: inline-block;
font-size: 20px;
font-family: Spectral;
font-weight: 500;
text-transform: uppercase;
height: 60px;
line-height: 60px;
color: #22234c;
}
.cta.big.blue::before {
background-position: left -100px;
}
.cta.big.blue::after {
background-position: right -100px;
}
.cta:hover {
color: #a39860;
}
.cta.blue:hover, .cta.big:hover, .cta.big.blue:hover {
color: #fff;
transition: 0.3s;
}
.cta.grey::before {
background-position: left bottom;
}
.cta.grey::after {
background-position: right bottom;
}
.cta.grey {
color: #8c8b9f;
}
.cta.grey i {
color: #c8bc82;
}
.cta.grey:hover {
color: #595966;
}
.banner-holder {
position: relative;
padding-top: 40%;
overflow: hidden;
}
.banner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner img {
display: block;
width: 110%;
transform: translateY(-5%);
}
.banner ul, .banner ul li {
padding: 0;
margin: 0;
list-style: none;
width: 100%;
height: 100%;
}
.banner .overlay {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
opacity: 0;
}
.banner .rslides1_on .overlay {
transition: 0.6s;
opacity: 1;
}
.banner .cc {
max-width: 1600px;
padding: 0 10px 0 10px;
margin: auto;
}
.banner .cc .ttl {
font: normal normal normal 3.33vw/4.17vw Spectral,Arial;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,0.4);
display: block;
padding-bottom: 3%;
}
.banner .cc .cta.big {
white-space: nowrap;
}
@media all and (min-width:1200px) {
.banner .cc .ttl {
font-size: 40px;
line-height: 50px;
}
}
@media all and (max-width:600px) {
.banner-holder {
padding-top: 50%;
}
.banner img {
width: auto;
height: 100%;
transform: none;
}
.banner .cc .ttl {
font-size: 20px;
line-height: 26px;
}
.banner .cc .cta.big {
transform: scale(0.8);
transform-origin: top left;
}
}
@media all and (max-width:400px) {
.banner .cc .cta.big {
transform: scale(0.6);
transform-origin: top left;
}
}
footer {
background: rgb(17,17,41);
background: -moz-linear-gradient(top, rgb(17,17,41) 0%, rgb(34,35,76) 100%);
background: -webkit-linear-gradient(top, rgb(17,17,41) 0%,rgb(34,35,76) 100%);
background: linear-gradient(to bottom, rgb(17,17,41) 0%,rgb(34,35,76) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111129', endColorstr='#22234c',GradientType=0 );
padding: 30px 0 30px 0;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #a8a9af;
}
footer p {
color: #a8a9af;
padding-bottom: 0;
}
footer a {
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #a8a9af;
text-decoration: underline;
transition: 0.3s;
}
footer a:hover {
color: #fff;
transition: 0.3s;
}
.p10 {
padding: 10px;
height: 100%;
box-sizing: border-box;
}
.fLogo {
display: block;
width: 40px;
margin: 0 auto 16px auto;
}
.fLogo img {
display: block;
}
.contact i, .contact .svg-inline--fa {
padding-right: 8px;
width: 14px;
text-align: center;
font-size: 14px;
line-height: 24px;
transition: 0.3s;
}
.contact:hover i, .contact:hover .svg-inline--fa {
color: #fff;
transition: 0.3s;
}
.social a {
padding-right: 25px;
line-height: 38px;
font-size: 26px;
}
.social a i {
line-height: 38px;
font-size: 26px;
}
.block {
display: flex;
margin: 0;
position: relative;
overflow: hidden;
flex-direction: row;
flex-wrap: wrap;
}
.block .img {
flex: 0 0 50%;
order: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
float: left;
width: 50%;
position: relative;
overflow: hidden;
}
.block .img .img-holder {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transform: scale(1.1,1.1);
transition: 1s;
}
.light-blocks .block .img .img-holder {
transform: scale(1,1);
transition: 0s;
}
.block .img .img-holder.show {
transform: scale(1,1);
}
.block .img img {
visibility: hidden;
display: block;
width: 100%;
}
.block .text {
flex: 0 0 50%;
order: 1;
align-self: center;
box-sizing: border-box;
padding: 20px;
font-weight: normal;
font-size: 14px;
line-height: 24px;
float: right;
width: 50%;
color: rgba(255,255,255,0.6);
}
.light-blocks .block {
background: #fff;
margin-bottom: 20px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.block .text h2 {
font: normal normal normal 30px/40px 'Spectral', serif;
color: rgba(255,255,255,0.6);
padding: 5px 0 50px 0;
margin: 0;
}
.light-blocks .block .text h2, .light-blocks .block .text p {
color: #181836;
}
.block.right .img {
order: 1;
float: right;
}
.block .text {
order: 0;
float: left;
text-align: center;
transform: scale(0,0);
}
.block .text.show {
transform: scale(1,1);
transition: 1s;
}
.light-blocks .block .text {
transform: scale(1,1);
transition: 0s;
}
.block .text p {
max-width: 490px;
margin: auto;
color: rgba(255,255,255,0.6);
}
@media all and (max-width:700px) {
.block .img, .block.right .img, .block .text, .block.right .text {
flex: 0 0 100%;
order: 0;
width: 100%;
}
.block .text, .block.right .text {
order: 1;
}
}
.tour {
position: relative;
}
.tour img {
display: block;
width: 100%;
}
.tour-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%,-50%);
max-width: 400px;
background: rgba(24,24,54,0.8);
text-align: center;
padding: 50px 0 55px 0;
border: 1px solid #b79a16;
}
.tour-overlay h2 {
margin: 0;
padding: 0 0 22px 0;
font: normal normal 500 30px/38px 'Spectral', serif;
;
color: rgba(255,255,255,0.6);
}
.g10 {
margin-left: -10px;
margin-right: -10px;
}
.collection-item {
position: relative;
display: block;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.collection-item img {
display: block;
width: 100%;
transition: 0.5s;
}
.collection-item:hover img {
transform: scale(1.1);
transition: 0.5s;
}
.collection-item:hover .cta {
color: #fff;
transition: 0.3s;
}
.collection-item:hover .cta::before, .collection-item:hover .cta::after {
background-image: url(/images/btns-hvr.png);
transition: 0.3s;
}
.collection-item .item-overlay {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
text-align: center;
left: 0;
right: 0;
min-height: 55px;
}
.white-box {
position: relative;
display: block;
text-decoration: none;
height: 100%;
background: #fff;
transition: 0.3s;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.stock .white-box {
text-align: center;
box-shadow: none;
}
.img-container {
padding-top: 102%;
position: relative;
}
.img-wrapper {
text-align: center;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
}
.img-wrapper img {
display: inline-block;
max-width: 100%;
max-height: 100%;
}
.stock strong {
display: block;
border-top: 1px solid #dadadd;
font-weight: 600;
font-size: 14px;
line-height: 24px;
color: #181836;
padding: 25px 5px 0 5px;
}
.stock span {
display: block;
font-weight: normal;
font-size: 12px;
line-height: 18px;
color: #181836;
padding: 0 5px 14px 5px;
position: relative;
}
.stock span::after {
display: block;
position: absolute;
content: '';
width: 30px;
left: 50%;
margin-left: -15px;
height: 1px;
bottom: 0;
background: #b79a16;
}
.stock em {
display: block;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #8b8c9f;
padding: 14px 5px 25px 5px;
}
.stock .white-box:hover {
transition: 0.3s;
transform: translateY(-5px);
box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.3);
}
.breadcrumb {
padding: 11px 0 11px 0;
font-weight: 500;
font-size: 12px;
line-height: 18px;
color: #8b8c9f;
text-transform: lowercase;
}
.breadcrumb a {
color: #8b8c9f;
text-decoration: none;
}
.breadcrumb a::after {
content: ' > ';
text-decoration: none;
}
.actions-holder {
background: #fff;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.product-actions {
display: inline-block;
padding: 25px 0 25px 0;
}
.product-actions a {
display: inline-block;
padding: 0 12px 0 12px;
}
.product-actions a i {
font-size: 20px;
line-height: 30px;
color: #8b8c9f;
}
.product-detail h1 {
font-size: 24px;
line-height: 40px;
padding: 36px 0 0 0;
}
h2 {
margin: 0;
padding: 0px 0 16px 0;
font: normal normal 300 20px/28px 'Roboto',Arial;
color: #181836;
}
.product-detail .price {
font: normal normal 400 24px/27px 'Roboto',Arial;
color: #b79a16;
}
.product-detail .price em {
display: block;
font-style: normal;
font-size: 14px;
line-height: 18px;
}
.product-detail hr {
margin: 0;
padding: 0;
border: none;
height: 1px;
background: #e5e5e5;
}
.product-detail h3 {
margin: 0;
padding: 10px 0 10px 0;
font: normal normal normal 20px/30px 'Roboto',Arial;
color: #181836;
}
.line::after {
display: block;
content: '';
clear: both;
float: none;
}
.line label {
display: block;
float: left;
width: 30%;
font: normal normal normal 14px/24px 'Roboto',Arial;
color: rgba(24,24,54,0.6);
padding-bottom: 10px;
box-sizing: border-box;
padding: 0 10px 0 10px;
}
.col.l8 .line label {
width: 15%;
}
.col.l8 .col.l6 .line label {
width: 30%;
}
@media only screen and (max-width: 1100px) {
.col.l8 .line label {
width: 30%;
}
.col.l8 .col.l6 .line label {
width: 30%;
}
}
.line span {
display: block;
float: left;
width: 70%;
font: normal normal normal 14px/24px 'Roboto',Arial;
color: rgba(24,24,54,1);
box-sizing: border-box;
padding: 0 10px 10px 10px;
}
.col.l8 .line span {
width: 85%;
}
.col.l8 .col.l6 .line span {
width: 70%;
}
@media only screen and (max-width: 1100px) {
.col.l8 .line span {
width: 70%;
}
.col.l8 .col.l6 .line span {
width: 70%;
}
}
.line .sub-line {
line-height: 20px;
}
.line .sub-line strong{
font-weight:normal;
}
.line .sub-line label, .line .sub-line span {
float: none;
display: inline-block;
width: auto;
padding: 0;
color: rgba(24,24,54,1);
font-size: 12px;
line-height: 20px;
}
.line .sub-line label {
padding-right: 8px;
color: rgba(24,24,54,0.6);
}
.product-specs {
padding: 20px 0 0 0;
}
#lightgallery {
margin-top: 20px;
}
.img-center {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.img-center img, .img-v-center img {
display: inline-block;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.h480 {
min-height: 480px;
}
.img-holder {
position: relative;
}
.img-actions {
position: relative;
text-align: center;
}
.product-specs .p10 {
padding-top: 0px;
padding-bottom: 0px;
}
.product-specs {
padding-bottom: 30px;
}
.p20 {
padding: 20px;
}
.side-menu-item {
position: relative;
border-bottom: 1px solid #e7e7e7;
}
.side-menu-item a {
padding: 10px 40px 10px 20px;
font: normal normal 500 14px/30px 'Roboto',Arial;
text-decoration: none;
color: #181836;
display: block;
}
.side-menu-item a.active {
background: #fafafc;
color: #b79a16;
}
.side-menu .sub-side-menu {
display: none;
}
.side-menu .sub-side-menu .side-menu-item a {
padding: 10px 40px 10px 30px;
color: rgba(24,24,54,0.6);
}
.side-menu .sub-side-menu.open {
display: block;
}
.blocks .white-box {
display: block;
text-align: center;
text-decoration: none;
}
.blocks.logos .white-box {
padding: 20px 40px 20px 40px;
box-sizing: border-box;
}
.blocks .white-box .img-holder {
position: relative;
padding-top: 66.66%;
border-bottom: 1px solid #e7e7e7;
overflow: hidden;
}
.blocks.logos .white-box .img-holder {
border-bottom: none;
opacity: 0.3;
transition: 0.3s;
}
.blocks .white-box img {
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: 0.5s;
}
.blocks.with-button .white-box img {
width: 100%;
}
.blocks .white-box:hover img {
transform: scale(1.1) translate(-45%,-45%);
transition: 0.5s;
}
.blocks.logos .white-box:hover .img-holder {
opacity: 1;
transition: 0.5s;
}
.blocks.logos .white-box:hover img {
transform: scale(1) translate(-50%,-50%);
}
.blocks .white-box .blocks-content {
padding: 20px;
font: normal normal 500 14px/24px 'Roboto',Arial;
color: rgba(24,24,54,0.5);
}
.blocks.with-button .white-box .blocks-content {
padding-bottom: 75px;
}
.blocks .white-box .blocks-content strong {
display: block;
font-weight: 500;
color: rgba(24,24,54,1);
}
.blocks.with-button .white-box .blocks-content .btn-holder {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
padding-bottom: 30px;
}
.blocks.with-button .white-box .blocks-content .btn-holder span {
display: inline-block;
padding: 10px;
font: normal normal normal 13px/28px 'Roboto',Arial;
text-transform: uppercase;
color: #8b8c9f;
min-width: 110px;
text-align: center;
background: rgba(139,140,159,0.05);
border: 1px solid #ddd;
border-radius: 3px;
transition: 0.3s;
}
.blocks .white-box:hover .blocks-content .btn-holder span {
background: rgba(139,140,159,0.2);
transition: 0.3s;
}
.side-menu .side-menu-item a.more {
position: absolute;
top: 0;
right: 0;
right: 0;
width: 40px;
line-height: 50px;
font-size: 16px;
text-align: center;
padding: 0;
color: rgba(24,24,54,0.6);
}
.side-menu .side-menu-item a.more i {
display: block;
line-height: 50px;
font-size: 16px;
}
.side-menu .side-menu-item a.more i.zmdi-minus {
display: none;
}
.side-menu .side-menu-item.open a.more i.zmdi-minus {
display: block;
color: rgba(24,24,54,0.6);
}
.side-menu .side-menu-item.open a.more i.zmdi-plus {
display: none;
}
.grid {
width: 100%;
}
.grid-item, .grid-sizer {
width: 33.33%;
}
@media all and (max-width:700px) {
.grid-item, .grid-sizer {
width: 50%;
}
}
@media all and (max-width:400px) {
.grid-item, .grid-sizer {
width: 100%;
}
}
.grid .img-holder-free {
display: block;
padding: 20px;
border-bottom: 1px solid #dadadd;
}
.grid .img-holder-free img {
max-width: 100%;
}
.grid .blocks-content {
padding: 10px 20px 20px 20px;
}
.grid .blocks-content pre {
font: normal normal 500 14px/20px 'Roboto',Arial;
color: rgba(24,24,54,0.6);
padding-bottom: 10px;
display: block;
margin: 0;
}
.grid .blocks-content strong {
font: normal normal normal 16px/24px 'Spectral',Arial;
color: rgba(24,24,54,1);
padding-bottom: 30px;
display: block;
}
.grid .blocks-content em {
font: normal normal normal 13px/24px 'Roboto',Arial;
color: #b79a16;
text-decoration: underline;
display: block;
}
.full-img img {
width: 100%;
display: block;
}
.news-header {
border-bottom: 1px solid #dadadd;
position: relative;
}
.news-header .news-header-date {
position: absolute;
top: 20px;
left: 20px;
}
.news-header .news-header-img {
padding: 20px 0 20px 85px;
height: 48px;
position: relative;
}
.news-header .news-header-img img {
max-height: 48px;
display: block;
position: absolute;
top: 50%;
left: 85px;
transform: translateY(-50%);
}
.news-header-date {
width: 46px;
border: 1px solid #dadadd;
padding: 6px 0 6px 0;
text-align: center;
}
.news-header-date .month {
text-transform: uppercase;
font: normal normal 500 14px/14px 'Roboto',Arial;
color: rgba(24,24,54,0.8);
}
.news-header-date .day {
text-transform: uppercase;
font: normal normal 500 24px/22px 'Roboto',Arial;
color: rgba(24,24,54,0.8);
}
.certificate-download a {
font: normal normal normal 14px/24px 'Roboto',Arial;
color: rgba(24,24,54,1);
}
.certificate-download i {
margin-left: 5px;
border-radius: 50%;
background: #f3f3f5;
color: #8b8c9f;
width: 24px;
height: 24px;
line-height: 24px;
font-size: 14px;
text-align: center;
}
.small header .cc {
padding-top: 10px;
}
.icon-button {
display: inline-block;
position: relative;
padding: 6px 15px 6px 40px;
min-height: 24px;
max-width: 90px;
background: #f3f3f5;
color: #8b8c9f;
font-size: 11px;
line-height: 12px;
text-decoration: none;
border-radius: 8px;
border: 1px solid #ddd;
}
.icon-button i {
position: absolute;
top: 6px;
bottom: 6px;
width: 40px;
left: 0;
height: 24px;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #8b8c9f;
}
.icon-button.gold{
background:#fff;
border-color:#b79a16;
color:#9293a4;
font-size:14px;
line-height:14px;
padding-top:8px;
padding-bottom:8px;
}
.icon-button.gold.single-line{
max-width:999px;
padding-top:15px;
padding-bottom:5px;
}
.icon-button.gold i{
color:#b79a16;
top:11px;
}
.icon-button i.ring {
background: url(/images/ring.png) no-repeat center center;
}
.icon-button.added i {
color: #bc1e12;
}
.addtolist .icon-button.added {
display: none;
}
.addtolist.on .icon-button {
display: none;
}
.addtolist.on .icon-button.added {
display: inline-block;
}
.addtolist.on .icon-button.added i.fa-heart:before {
font-weight: bold;
}
.addtobasket a.cta.added {
display: none;
}
.addtobasket.on a.cta {
display: none;
}
.addtobasket.on a.cta.added {
display: inline-block;
}
.ds-diamond-preview-actions .icon-button {
max-width: 130px;
top: 6px;
cursor: pointer;
}
.p1510 {
padding: 15px 10px 15px 10px;
}
.advantages {
padding: 20px 0 20px 0;
}
.advantages ul, .advantages ul li {
list-style: none;
padding: 0;
margin: 0;
}
.advantages ul li {
position: relative;
font: normal normal normal 12px/24px 'Roboto',Arial;
color: #8b8c9f;
padding: 0 0 0px 20px;
}
.advantages ul li::before {
display: block;
line-height: 24px;
position: absolute;
top: 0;
left: 0;
font-size: 14px;
font-weight: 300;
font-family: 'Font Awesome\ 5 Pro';
content: '\f2f7';
color: #b79a16;
}
.actions-menu {
position: absolute;
top: 15px;
right: 10px;
z-index: 1;
}
.actions-menu a, .actions-menu .actions-menu-ddl {
padding-left: 25px;
font: normal normal 600 11px/28px 'Roboto',Arial;
color: #8b8c9f;
text-transform: uppercase;
display: block;
position: relative;
float: left;
transition: 0.3s;
margin-left: 20px;
min-height: 28px;
text-decoration: none;
}
.actions-menu a span {
white-space: nowrap;
overflow: hidden;
display: block;
transition: 0.9s;
}
.actions-menu a i {
font-size: 16px;
display: block;
line-height: 28px;
position: absolute;
top: 0px;
left: 0px;
}
.actions-menu a em {
display: block;
position: absolute;
top: 0;
left: 8px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #b79a16;
color: #181836;
text-align: center;
line-height: 13px;
font-size: 10px;
font-style: normal;
}
.small .actions-menu a span {
opacity: 0;
width: 0;
transition: 0.3s;
}
.small .actions-menu a.cta span{
opacity:1;
width:auto;
}
.actions-menu a.wishlist i.fas.fa-heart {
display: none;
color: #bb1515;
}
.actions-menu a.wishlist.on i.fas.fa-heart {
display: block;
}
.actions-menu a.wishlist.on i.far.fa-heart {
display: none;
}
.actions-menu a.basket i {
background: url(/images/icon-basket-header.png) no-repeat center center;
width: 14px;
height: 21px;
top: 3px;
background-size:contain !important;
}
.actions-menu a.basket em {
display: none;
}
.actions-menu a.basket.on em {
display: block;
}
.actions-menu .actions-menu-ddl {
padding-left: 5px;
padding-bottom: 12px;
}
.actions-menu .actions-menu-ddl .ddl {
display: none;
position: absolute;
top: 40px;
left: 0px;
background-color: #22234c;
min-width: 0px;
z-index: 1;
}
.actions-menu .actions-menu-ddl:hover .ddl {
display: block;
}
.actions-menu .actions-menu-ddl .ddl::before {
content: "";
display: block;
position: absolute;
top: -9px;
left: 11px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 9px 9px 9px;
border-color: transparent transparent #22234c transparent;
}
.actions-menu .actions-menu-ddl a {
padding: 0;
margin: 0;
}
.actions-menu .actions-menu-ddl a span {
display: inline-block;
overflow: unset;
font-size: 14px;
font-weight: 500;
padding: 0 7px 0 0;
width: auto;
opacity: 1;
}
.actions-menu .actions-menu-ddl a i {
position: relative;
top: unset;
left: unset;
display: inline-block;
font-size: 12px;
}
.actions-menu .actions-menu-ddl .ddl a {
display: block;
padding: 0;
font-size: 14px;
font-weight: 500;
text-align: left;
padding: 5px 20px 5px 20px;
float: none;
border-bottom: 1px solid #2e2e55;
transition: 0.3s;
}
.actions-menu .actions-menu-ddl .ddl a:hover {
background: #393a65;
color: #b79a16;
transition: 0.3s;
}
.bg {
display: flex;
align-items: center;
min-height: 300px;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
.contact-overlay {
background: rgba(24,24,54,0.8);
width: 100%;
max-width: 750px;
box-sizing: border-box;
margin: auto;
border: 1px solid #b79a16;
padding: 50px 0px 50px 20px;
font: normal normal normal 14px/24px 'Roboto',Arial;
color: #a8a9af;
}
.contact-overlay a, .contact-overlay p {
color: #a8a9af;
}
.p1030 {
padding: 10px 30px 30px 30px;
}
.row.max470 {
max-width: 470px;
margin: auto;
}
.contact-overlay h1 {
font-size: 30px;
line-height: 40px;
padding: 0 0 20px 0;
color: #a8a9af;
}
.contact-overlay .col {
text-align: left;
}
.basketfields:after {
display: block;
content: '';
float: none;
clear: both;
}
.basketfields .variantfields {
float: left;
padding-right: 20px;
}
.basketfields .variantfields select {
display: block;
padding: 10px 15px 10px 15px;
color: #181836;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-sizing: border-box;
height: 46px;
font: normal normal normal 14px/24px 'Roboto',Arial;
}
.basketfields .sizing {
float: left;
}
.white-box p img {
max-width: 100%;
}
.bordered-box {
display: block;
border: 4px solid #f1f1f1;
padding: 15px;
color: rgba(24, 24, 54, 0.8);
margin-bottom: 24px;
}
.bordered-box strong {
display: block;
}
blockquote {
margin: 0;
padding: 0;
}
blockquote p {
font-size: 12px;
line-height: 18px;
font-style: italic;
}
.white-box ul {
margin: 0 0 24px 0;
}
.white-box p + ul {
margin-top: -15px;
}
div.video {
position: relative;
padding-top: 56.25%;
}
div.video iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
}
.basket-actions::after {
content: '';
display: block;
height: 0;
clear: both;
float: none;
}
.basket-actions div {
float: left;
padding-right: 20px;
}
a i.basket, div i.basket {
height: 30px;
width: 20px;
background: url(/images/icon-basket.png) no-repeat left center;
display: inline-block;
padding-right: 15px;
line-height: 50px;
float: left;
margin-top:10px;
background-size:contain;
transition: 0.3s;
}
div.btn-basket i.basket {
opacity:0.4;
}
a:hover i.basket {
background-image: url(/images/icon-basket-white.png?v=2);
transition: 0.3s;
}
.basket-actions div.addtolist {
padding-top:2px;
}
.search {
background: #f7f7f7;
}
.search .search-title {
display: block;
text-align: center;
padding: 17px;
font: normal normal 600 20px/23px 'Raleway',Roboto,Arial;
text-transform: uppercase;
color: #393a65;
}
.search .search-lvl1, .search .search-fancy {
position: relative;
max-width: 1280px;
padding: 0 10px 0 10px;
margin: auto;
}
.search .search-lvl1 {
display: flex;
justify-content: center;
flex-wrap: no-wrap;
}
.search .search-fancy {
background: #fff;
padding: 0;
border-radius: 5px;
border: 1px solid #ddd;
}
.search .search-lvl1 .search-item {
width: 100%;
max-width: 170px;
min-width: 10px;
padding: 0 1% 0 1%;
box-sizing: border-box;
}
.search .search-lvl1 .search-item a {
display: block;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid transparent;
position: relative;
padding: 0 20% 0 20%;
text-decoration: none;
}
.search .search-lvl1 .search-item a.active {
background: #fff;
border-color: #ddd;
position: relative;
}
.search .search-lvl1 .search-item a.active::after {
display: block;
position: absolute;
content: '';
bottom: -2px;
height: 2px;
background: #fff;
left: 0;
right: 0;
z-index: 1;
}
.search .search-lvl1 .search-item i {
display: block;
background-image: url(/images/icons-jewels.png);
background-position: 0 0;
background-size: 600%;
width: 100%;
margin: auto;
padding-top: 92%;
opacity: 1;
transition: 0.3s;
}
.search .search-lvl1.selected .search-item i {
opacity: 0.3;
}
.search .search-lvl1.selected .search-item a:hover i, .search .search-lvl1.selected .search-item a.active i {
opacity: 1;
transition: 0.3s;
}
.search .search-lvl1 .search-item i.iCat4200 {
background-position: -100% 0;
}
.search .search-lvl1 .search-item i.iCat4204 {
background-position: -200% 0;
}
.search .search-lvl1 .search-item i.iCat4203 {
background-position: -300% 0;
}
.search .search-lvl1 .search-item i.iCat4201 {
background-position: -400% 0;
}
.search .search-lvl1 .search-item i.iCat4209 {
background-position: -500% 0;
}
.search .search-lvl1 .search-item span {
display: block;
text-align: center;
font: normal normal normal 11px/14px Roboto,Arial;
padding: 8px 0 8px 0;
color: #777;
text-decoration: none;
}
.search .search-lvl1.selected .search-item span {
display: none;
}
.search .search-fancy .ttl {
display: block;
padding: 10px;
font: normal normal 600 13px/19px 'Raleway',Roboto,Arial;
text-transform: uppercase;
color: #8b8c9f;
}
.search .search-fancy .l12 .ttl {
text-align: center;
}
.search .search-fancy .search-items {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding-bottom: 4px;
}
.search .search-fancy .search-items.materials {
justify-content: flex-start;
}
.search .search-fancy hr {
height: 1px;
background: #ddd;
padding: 0;
margin: 0;
border: none;
}
.search .search-fancy .search-items .search-item {
flex: 0 0 9.09%;
min-width: 0;
padding: 0 1.4% 0 1.4%;
box-sizing: border-box;
min-width: 50px;
}
.search .search-fancy .search-items.shape .search-item {
flex: 0 0 8.33%;
}
@media all and (max-width:1050px) {
.search .search-fancy .search-items .search-item {
flex: 0 0 12%;
}
}
@media all and (max-width:800px) {
.search .search-fancy .search-items .search-item {
flex: 0 0 18%;
}
.search .search-fancy .search-items.shape .search-item {
flex: 0 0 16.66%;
}
}
@media all and (max-width:600px) {
.search .search-fancy .search-items .search-item {
flex: 0 0 22%;
}
}
.search .search-fancy .search-items.stones .search-item, .search .search-fancy .search-items.materials .search-item {
flex: 0 0 16.66%;
}
.search .search-fancy .search-items.shape .search-item {
flex: 0 0 8.33%%;
}
.search .search-fancy .search-items.shapes .search-item {
flex: 0 0 7.69%;
}
.search .search-fancy .search-items.stones.gem .search-item {
}
.search .search-fancy .search-items.colors .search-item {
flex: 0 0 8.33%;
padding: 0 1px 0 1px;
}
.search .search-fancy .search-items .search-item a {
display: block;
width: 100%;
position: relative;
text-decoration: none;
}
.search .search-fancy .search-items .search-item a i {
display: block;
width: 100%;
padding-top: 62.5%;
background-image: url("/images/icons-settings.png");
background-position: 0 0;
background-size: 1200%;
box-sizing: border-box;
border: 1px solid transparent;
border-radius: 5px;
transition: 0.3s;
}
.search .search-fancy .search-items.shape .search-item a i, .search .search-fancy .search-items.shapes .search-item a i {
background-image: url("/images/icons-shapes.png");
background-size: 1400%;
padding-top: 70%;
background-position: 0 center;
}
.search .search-fancy .search-items.stones .search-item a i {
background-image: url("/images/icons-stones.png");
background-size: 700%;
}
.search .search-fancy .search-items.colors .search-item a i {
background-image: url("/images/icons-colors.png");
background-size: 1300%;
}
.search .search-fancy .search-items.materials .search-item a i {
background-image: url("/images/icons-materials.png");
background-size: 500%;
}
.search .search-fancy .search-items.earingsettings .search-item a i {
background-image: url("/images/icons-earring-settings.png");
background-size: 700%;
}
.search .search-fancy .search-items.neclacesettings .search-item a i {
background-image: url("/images/icons-necklace-settings.png");
background-size: 700%;
}
.search .search-fancy .search-items.braceletsettings .search-item a i {
background-image: url("/images/icons-bracelet-settings.png");
background-size: 600%;
}
.search .search-fancy .search-items.colors .search-item a i {
padding-top: 109%;
}
.search .search-fancy .search-items .search-item a.active i {
border-color: #ddd;
background-color: #f7f7f7;
transition: 0.3s;
}
.search .search-fancy .search-items .search-item a i.iSetting4282 {
background-position: -100% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4283 {
background-position: -200% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4284 {
background-position: -300% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4285 {
background-position: -400% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4286 {
background-position: -500% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4287 {
background-position: -600% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4288 {
background-position: -700% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4289 {
background-position: -800% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4290 {
background-position: -900% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4291 {
background-position: -1100% 0;
}
.search .search-fancy .search-items .search-item a i.iSetting4292 {
background-position: -1000% 0;
}
.search .search-fancy .search-items.stones .search-item a i.iStone4326 {
background-position: -100% 0;
}
.search .search-fancy .search-items.stones.gem .search-item.i4326 {
display: none;
}
.search .search-fancy .search-items.stones .search-item a i.iStone4327 {
background-position: -200% 0;
}
.search .search-fancy .search-items.stones .search-item a i.iStone4328 {
background-position: -300% 0;
}
.search .search-fancy .search-items.stones .search-item a i.iStone4329 {
background-position: -400% 0;
}
.search .search-fancy .search-items.stones .search-item a i.iStoneOther {
background-position: -500% 0;
}
.search .search-fancy .search-items.stones .search-item a i.iStone4331 {
background-position: -600% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4264 {
background-position: -100% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4387 {
background-position: -200% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4257 {
background-position: -300% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4255 {
background-position: -400% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4258 {
background-position: -500% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4261 {
background-position: -600% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4256 {
background-position: -700% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4260 {
background-position: -800% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4259 {
background-position: -900% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4262 {
background-position: -1000% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4263 {
background-position: -1100% 0;
}
.search .search-fancy .search-items.colors .search-item a i.iColor4265 {
background-position: -1200% 0;
}
.search .search-fancy .search-items.materials .search-item a i.iMaterial4311 {
background-position: -100% 0;
}
.search .search-fancy .search-items.materials .search-item a i.iMaterial4310 {
background-position: -200% 0;
}
.search .search-fancy .search-items.materials .search-item a i.iMaterial4312 {
background-position: -300% 0;
}
.search .search-fancy .search-items.materials .search-item a i.iMaterial4454 {
background-position: -400% 0;
}
.search .search-fancy .search-items.earingsettings .search-item a i.iEaringsettings4298 {
background-position: -100% 0;
}
.search .search-fancy .search-items.earingsettings .search-item a i.iEaringsettings4299 {
background-position: -200% 0;
}
.search .search-fancy .search-items.earingsettings .search-item a i.iEaringsettings4300 {
background-position: -300% 0;
}
.search .search-fancy .search-items.earingsettings .search-item a i.iEaringsettings4301 {
background-position: -400% 0;
}
.search .search-fancy .search-items.earingsettings .search-item a i.iEaringsettings4302 {
background-position: -500% 0;
}
.search .search-fancy .search-items.earingsettings .search-item a i.iEaringsettings4303 {
background-position: -600% 0;
}
.search .search-fancy .search-items.neclacesettings .search-item a i.iNeclacesettings4293 {
background-position: -100% 0;
}
.search .search-fancy .search-items.neclacesettings .search-item a i.iNeclacesettings4294 {
background-position: -200% 0;
}
.search .search-fancy .search-items.neclacesettings .search-item a i.iNeclacesettings4295 {
background-position: -300% 0;
}
.search .search-fancy .search-items.neclacesettings .search-item a i.iNeclacesettings4296 {
background-position: -400% 0;
}
.search .search-fancy .search-items.neclacesettings .search-item a i.iNeclacesettings4565 {
background-position: -500% 0;
}
.search .search-fancy .search-items.neclacesettings .search-item a i.iNeclacesettings4297 {
background-position: -600% 0;
}
.search .search-fancy .search-items.braceletsettings .search-item a i.iBraceletsettings4304 {
background-position: -100% 0;
}
.search .search-fancy .search-items.braceletsettings .search-item a i.iBraceletsettings4305 {
background-position: -200% 0;
}
.search .search-fancy .search-items.braceletsettings .search-item a i.iBraceletsettings4306 {
background-position: -400% 0;
}
.search .search-fancy .search-items.braceletsettings .search-item a i.iBraceletsettings4307 {
background-position: -300% 0;
}
.search .search-fancy .search-items.braceletsettings .search-item a i.iBraceletsettings4308 {
background-position: -500% 0;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4728 {
background-position: -100% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4724 {
background-position: -200% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4720 {
background-position: -300% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4721 {
background-position: -400% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4727 {
background-position: -500% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4718 {
background-position: -600% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4726 {
background-position: -700% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4719 {
background-position: -800% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4723 {
background-position: -900% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4725{
background-position: -1000% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4722 {
background-position: -1100% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4730 {
background-position: -1200% center;
}
.search .search-fancy .search-items.shapes .search-item a i.iShape4729 {
background-position: -1300% center;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4662 {
background-position: -100% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4658 {
background-position: -200% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4654 {
background-position: -300% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4655 {
background-position: -400% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4661 {
background-position: -500% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4652 {
background-position: -600% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4660 {
background-position: -700% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4653 {
background-position: -800% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4657 {
background-position: -900% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4659{
background-position: -1000% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4656 {
background-position: -1100% -10px;
}
.search .search-fancy .search-items.shape .search-item a i.iShape4663 {
background-position: -1200% -10px;
}
.search .search-fancy .search-items .search-item a span {
display: block;
text-align: center;
font: normal normal normal 11px/14px Roboto,Arial;
padding: 8px 0 8px 0;
color: #777;
}
.search-open {
display: none;
}
.search-closed, .search-open {
background: #f2f2f2;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
position: relative;
}
.fields-left {
float: left;
width: 50%;
text-align: left;
}
.fields-left.long{
width:70%;
}
.fields-right {
float: right;
width: 50%;
text-align: right;
}
.fields-right.short{
width:30%;
}
.search-closed .cc::after, .search-bottom .cc::after {
content: '';
clear: both;
float: none;
display: block;
height: 0;
}
.search-cta {
background: #b79a16;
padding: 10px 20px 10px 20px;
font: normal normal 500 14px/20px Raleway,Arial;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
}
.search-cta i {
padding-right: 8px;
}
.search-detail {
background: #f7f7f7;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
position: relative;
padding-bottom: 20px;
}
.ddl-holder, .input-holder {
display: inline-block;
padding: 11px 10px 11px 0;
width: 50%;
max-width: 280px;
box-sizing: border-box;
}
.ddl-row {
padding: 0 5px 0 5px;
}
.ddl-row .ddl-holder {
padding: 11px 5px 11px 5px;
width: 100%;
max-width: 1000px;
}
.input-holder {
margin: 11px;
padding: 0;
max-width: 210px;
position: relative;
}
.ddl-holder select, .input-holder {
border: 1px solid #ddd;
font: normal normal normal 14px/21px Roboto,Arial;
color: #777;
border-radius: 5px;
background: #fff;
}
.ddl-holder select {
padding: 10px;
display: block;
width: 100%;
}
.input-holder input {
border: none;
border-radius: 5px;
width: 100%;
box-sizing: border-box;
padding: 11px 35px 11px 10px;
font: normal normal normal 14px/21px Roboto,Arial;
color: #777;
}
.input-holder a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 35px;
text-align: center;
font-size: 14px;
color: #999;
line-height: 41px;
}
.search-bottom .search-cta {
padding: 23px 20px 22px 20px;
}
.slider-holder {
padding: 30px 10px 10px 10px;
}
.slider-holder.small {
padding-top: 10px;
}
.slider-range-inputs {
padding-top: 10px;
}
.slider-range-inputs input {
display: block;
border: 1px solid #ddd;
font: normal normal normal 14px/20px Roboto,Arial;
color: #777;
border-radius: 5px;
background: #fff;
padding: 4px 10px 4px 10px;
width: 90px;
}
.slider-range-inputs input.left {
float: left;
}
.slider-range-inputs input.right {
float: right;
}
.slider-range-inputs::after {
content: '';
clear: both;
float: none;
display: block;
height: 0;
}
.ui-widget.ui-widget-content.ui-slider-horizontal, #diamondsearch .ui-widget.ui-widget-content.ui-slider-horizontal {
border: none;
height: 9px;
background: rgb(183,183,183);
background: -moz-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(211,211,211,1) 33%, rgba(219,219,219,1) 100%);
background: -webkit-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(211,211,211,1) 33%,rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom, rgba(183,183,183,1) 0%,rgba(211,211,211,1) 33%,rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#dbdbdb',GradientType=0 );
margin: 0;
border-radius: 2px;
}
.ui-slider.ui-slider-horizontal .ui-slider-range, #diamondsearch .ui-slider-horizontal .ui-slider-range.ui-widget-header.ui-corner-all {
top: 0px;
height: 9px;
border-top: 1px solid #b7b7b7;
border-bottom: 1px solid #838383;
box-sizing: border-box;
font-size: 2px;
background: rgb(249,236,188);
background: -moz-linear-gradient(top, rgba(249,236,188,1) 0%, rgba(238,214,127,1) 28%, rgba(189,161,33,1) 100%);
background: -webkit-linear-gradient(top, rgba(249,236,188,1) 0%,rgba(238,214,127,1) 28%,rgba(189,161,33,1) 100%);
background: linear-gradient(to bottom, rgba(249,236,188,1) 0%,rgba(238,214,127,1) 28%,rgba(189,161,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ecbc', endColorstr='#bda121',GradientType=0 );
border-radius: 2px;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle, #diamonsearch .ui-slider.ui-slider-horizontal .ui-slider-handle, #diamondsearch .ui-slider .ui-slider-handle.ui-state-default {
box-sizing: border-box !important;
height: 15px !important;
width: 22px !important;
border: none !important;
border-top: 1px solid #fbfbfb !important;
border-bottom: 1px solid #fbfbfb !important;
background: rgb(245,245,245) !important;
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 23%, rgba(241,241,241,1) 100%) !important;
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 23%,rgba(241,241,241,1) 100%) !important;
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 23%,rgba(241,241,241,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 ) !important;
border-radius: 3px !important;
top: -3px !important;
cursor: pointer !important;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3) !important;
}
.ui-slider.ui-slider-horizontal span {
margin-left: 0 !important;
}
.ui-slider.ui-slider-horizontal span:nth-child(3) {
margin-left: -22px !important;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle::after {
content: "...";
display: block;
position: absolute;
box-sizing: border-box;
height: 15px;
width: 22px;
top: 0px;
left: 0px;
color: #c4c4c4;
margin: 0;
top: -6px;
line-height: 15px;
text-align: center;
font-size: 11px;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle::before {
content: "...";
display: block;
position: absolute;
box-sizing: border-box;
height: 15px;
width: 22px;
top: 0px;
left: 0px;
color: #c4c4c4;
margin: 0;
top: -3px;
line-height: 15px;
text-align: center;
font-size: 11px;
}
.brand-logo {
padding: 50px 0 15px 0;
}
.tags {
padding: 15px 0 5px 0;
}
.tags .tag {
display: inline-block;
padding: 0 10px 0 10px;
font: normal normal normal 12px/30px Roboto,Arial;
color: #fff;
text-decoration: none;
border-radius: 7px;
background: #b79a16;
position: relative;
margin-right: 5px;
}
.tags .tag i {
color: rgba(255,255,255,0.5);
transition: 0.3s;
padding-left: 6px;
}
.tags .tag:hover i {
color: rgba(255,255,255,1);
transition: 0.3s;
}
.mob-mnu {
background: #161e3d;
top: 60px;
position: fixed;
left: 0;
right: 0;
z-index: 10;
}
.mob-mnu a {
display: block;
text-decoration: none;
padding: 20px;
border-bottom: 1px solid rgba(255,255,255,0.3);
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: rgba(255,255,255,0.5);
transition: 0.3s;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.mob-mnu a:hover {
color: rgba(255,255,255,1);
transition: 0.3s;
}
.footer-nav a {
display: block;
width: 50%;
float: left;
}
@media all and (max-width:1150px) {
header {
top: -120px !important;
}
header br {
display: none;
}
header .basket-popup-items br{
display:inline;
}
.logo.top, .logo.bottom {
padding: 0;
position: absolute;
top: 10px;
left: 10px;
margin-left: 0;
}
.logo.bottom {
padding: 0;
position: absolute;
top: 18px;
left: 47px;
}
.logo.bottom img {
height: 25px;
}
.logo.top {
top: 130px !important;
}
.logo.bottom {
top: 138px !important;
}
.actions-menu {
top: 135px !important;
}
.actions-menu a span {
opacity: 0;
width: 0;
transition: 0.3s;
}
.actions-menu a.cta span{
opacity: 1;
width: auto;
}
.actions-menu a.mob-btn {
display: inline-block;
}
content {
padding-top: 60px;
}
.main-menu {
display: none;
top: 180px;
bottom: auto;
left: 0;
right: 0;
z-index: 10;
background: #171a39;
transform: none;
border-top: 1px solid rgba(255,255,255,0.2);
}
.main-menu a, .main-menu div.dropdown {
display: block;
border-bottom: 1px solid rgba(255,255,255,0.2);
text-align: left;
padding-top:20px;
padding-bottom:23px;
}
.main-menu div.dropdown a {
border-bottom: none;
}
.main-menu .dropdown-content, .main-menu .dropdown:hover .dropdown-content {
display: none;
position: relative;
top: inherit;
left: inherit;
background: none;
}
.main-menu .dropdown-content::before {
display: none;
}
.main-menu .dropdown-content a {
padding-top: 10px;
padding-bottom: 10px;
}
}
.ddl-holder .select2-container, .variantfields .select2-container {
width: 100% !important;
}
.select2-container .select2-selection--single, .select2-container .select2-selection--multiple, .variantfields .select2-container .select2-selection--single {
height: 43px;
padding-left: 10px;
}
.stock-header .product-sort .ddl-sort .select2-container .select2-selection--single, .stock-header .product-sort .ddl-paging .select2-container .select2-selection--single {
height: 36px;
padding-left: 10px;
}
.variantfields .select2-container .select2-selection--single {
width: 110px;
height: 38px;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple, .variantfields .select2-container--default .select2-selection--single {
border-color: #ddd;
}
.stock-header .product-sort .ddl-sort .select2-container--default .select2-selection--single, .stock-header .product-sort .ddl-paging .select2-container--default .select2-selection--single {
border-color: #ddd;
}
.error.select2-container--default .select2-selection.select2-selection--single {
border-color: #ff0000;
background: rgba(255,0,0,0.1);
}
.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered, .variantfields .select2-container--default .select2-selection--single .select2-selection__rendered {
font: normal normal normal 14px/41px Roboto,Arial;
color: #777;
padding-left: 0;
}
.stock-header .product-sort .ddl-sort .select2-container--default .select2-selection--single .select2-selection__rendered, .stock-header .product-sort .ddl-paging .select2-container--default .select2-selection--single .select2-selection__rendered {
font: normal normal normal 13px/34px Roboto,Arial;
color: #777;
padding-left: 0;
}
.variantfields .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow, .variantfields .select2-container--default .select2-selection--single .select2-selection__arrow,
.stock-header .product-sort .ddl-sort .select2-container--default .select2-selection--single .select2-selection__arrow, .stock-header .product-sort .ddl-paging .select2-container--default .select2-selection--single .select2-selection__arrow {
display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice, .variantfields .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: none;
margin: 0;
line-height: 41px;
border: none;
padding-left: 0;
display: inline;
white-space: nowrap;
float: none;
}
.variantfields .select2-container--default .select2-selection--multiple .select2-selection__choice {
line-height: 36px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li::after, .variantfields .select2-container--default .select2-selection--multiple .select2-selection__rendered li::after {
content: ',';
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline, .variantfields .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
position: absolute;
top: 1px;
left: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:nth-last-child(2)::after,
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline::after {
display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
display: none;
}
.select2-selection.select2-selection--multiple::after, .select2-selection.select2-selection--single::after, .variantfields .select2-selection.select2-selection--single::after {
display: block;
top: 0;
right: 10px;
position: absolute;
content: '\f078';
font-size: 10px;
font-family: 'Font Awesome\ 5 Pro';
font-weight: 300;
color: #777;
line-height: 43px;
}
.stock-header .product-sort .ddl-sort .select2-selection.select2-selection--single::after, .stock-header .product-sort .ddl-paging .select2-selection.select2-selection--single::after {
display: block;
top: 0;
right: 10px;
position: absolute;
content: '\f078';
font-size: 10px;
font-family: 'Font Awesome\ 5 Pro';
font-weight: 300;
color: #777;
line-height: 36px;
}
.variantfields .select2-selection.select2-selection--single::after {
line-height: 36px;
}
.select2-container.select2-container--default .select2-results__options[aria-multiselectable] .select2-results__option {
border-bottom: 1px solid #eee;
}
.select2-container.select2-container--default .select2-results__options[aria-multiselectable] .select2-results__option ul li {
border: none;
}
.select2-container.select2-container--default .select2-results__options[aria-multiselectable] .select2-results__option::before {
content: '\f0c8';
font-family: 'Font Awesome\ 5 Pro';
font-weight: 300;
color: #d9d9d9;
padding-right: 9px;
}
.select2-container.select2-container--default .select2-results__options[aria-multiselectable] .select2-results__option[role='group']::before {
display: none;
}
.select2-container.select2-container--default .select2-results__options[aria-multiselectable] .select2-results__option--highlighted {
background: none;
color: rgba(24, 24, 54, 0.8);
}
.select2-container.select2-container--default .select2-results__options[aria-multiselectable] .select2-results__option[aria-selected='true'] {
background: none;
color: rgba(24, 24, 54, 0.8);
}
.select2-container.select2-container--default .select2-results__options[aria-multiselectable] .select2-results__option[aria-selected='true']::before {
content: '\f14a';
color: #07c982;
font-weight: 700;
}
.input-group .select2-container .select2-selection--single {
height: 45px;
}
#loading {
padding: 10px;
text-align: center;
}
@keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-o-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-moz-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
#loading div {
display: inline-block;
padding: 10px;
-webkit-animation: flickerAnimation 2s infinite;
-moz-animation: flickerAnimation 2s infinite;
-o-animation: flickerAnimation 2s infinite;
animation: flickerAnimation 2s infinite;
font: normal normal normal 13px/28px 'Roboto',Arial;
color: #8b8c9f;
min-width: 110px;
text-align: center;
background: rgba(139,140,159,0.05);
border: 1px solid #ddd;
border-radius: 3px;
}
.load-more {
display: none;
padding: 10px;
text-align: center;
}
.load-more a {
display: inline-block;
padding: 10px;
font: normal normal normal 13px/28px 'Roboto',Arial;
color: #8b8c9f;
min-width: 110px;
text-align: center;
background: rgba(139,140,159,0.05);
border: 1px solid #ddd;
border-radius: 3px;
transition: 0.3s;
text-decoration: none;
}
.load-more a:hover {
background: rgba(139,140,159,0.2);
transition: 0.3s;
}
.search-reset {
display: block;
position: absolute;
right: 20px;
top: 20px;
padding: 10px;
font: normal normal normal 14px/28px 'Roboto',Arial;
color: #777;
text-decoration: none;
}
.search-bottom .search-reset {
display: inline-block;
position: relative;
right: 0;
top: 0;
background: rgba(255,255,255,0.5);
padding: 17px;
}
.search-reset i {
padding-right: 5px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.faq .qa {
border-top: 1px solid #ccc;
font: normal normal normal 16px/22px 'Roboto',Arial;
padding: 14px 30px 7px 20px;
box-sizing: border-box;
}
.faq h2 {
text-align: left;
padding: 0;
}
.qa .question::after {
display: block;
position: absolute;
right: 20px;
top: 50%;
margin-top: -15px;
content: "+";
font-size: 20px;
line-height: 22px;
}
.qa .question {
display: block;
text-align: left;
text-decoration: none;
color: #0a0b13;
font: normal normal normal 16px/22px 'Roboto',Arial;
position: relative;
padding-right: 35px;
padding-bottom: 10px;
}
.qa .answer {
display: none;
}
.qa .answer p {
padding-bottom: 12px;
}
.popup-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: rgba(0,0,0,.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
overflow: auto;
}
.popup-overlay .popup {
position: relative;
background: #fff;
max-width: 450px;
width: 100%;
box-sizing: border-box;
border-radius: 4px;
}
.popup-overlay .popup .popup-header {
padding: 20px;
border-bottom: 1px solid #ddd;
}
.popup-overlay .popup .popup-header h2 {
font-size: 20px;
line-height: 29px;
font-weight: normal;
margin: 0;
padding: 0;
}
.popup-overlay .popup .popup-header .tools {
position: absolute;
top: 15px;
right: 15px;
font-size: 16px;
line-height: 30px;
color: #777;
}
.tools-menu-holder {
position: relative;
}
.popup-overlay .popup .popup-header .tools i {
font-size: 16px;
line-height: 30px;
color: #777;
transition: .5s;
}
.popup-overlay .popup .popup-content {
padding: 20px;
}
.popup-overlay .popup .popup-footer {
padding: 20px 10px 20px 10px;
border-top: 1px solid #ddd;
}
.footer-nav a {
padding-left: 10px;
box-sizing: border-box;
}
.footer-nav a:nth-child(odd) {
text-align: right;
padding-left: 0;
padding-right: 20px;
}
.copyright {
font-size: 13px;
color: #9a9ca4;
text-align: center;
}
.gt10 {
margin-top: -10px;
margin-bottom: 10px;
}
.input-group {
padding-bottom: 16px;
}
.input-group::after {
content: '';
height: 0;
clear: both;
float: none;
display: block;
}
.input-group label {
display: block;
font: normal normal 400 12px/18px 'Roboto',Arial;
color: #8b8c9f;
}
.input-group input[type="text"], .input-group input[type="password"], .input-group select {
display: block;
box-sizing: border-box;
width: 100%;
background: #fff;
border: 1px solid #dadada;
border-radius: 3px;
font: normal normal normal 14px/21px 'Roboto',Arial;
color: #181836;
padding: 11px 11px 11px 13px;
min-height: 45px;
}
.input-group input[type="text"].error, .input-group input[type="password"].error, .input-group select.error {
border-color: #ff0000;
}
.input-group input[type=checkbox] + label, .check-holder input[type=checkbox] + label {
color: #181836;
font-size: 14px;
line-height: 26px;
min-height: 19px;
cursor: pointer;
float: none;
display: block;
position: relative;
padding: 0 0 0 28px;
}
.input-group .chk {
position: relative;
float: left;
}
.input-group .chk input[type=checkbox], .check-holder input[type=checkbox] {
display: none;
}
.input-group input[type=checkbox] + label::before, .check-holder input[type=checkbox] + label::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
background-color: #fff;
border: 1px solid #dadada;
border-radius: 3px;
color: #dadada;
text-align: center;
line-height: 15px;
font-size: 15px;
position: absolute;
top: 3px;
left: 0px;
}
.input-group input[type=checkbox]:checked + label::before, .check-holder input[type=checkbox]:checked + label::before {
content: "\f26b";
color: #fff !important;
border: 1px solid #b79a16;
background-color: #b79a16;
text-align: center;
font-family: "Material-Design-Iconic-Font";
}
.check-holder input[type=checkbox]:checked + label::before {
border: 1px solid #07c982;
background-color: #07c982;
}
.pull-right {
float: right;
}
.pull-right a {
font: normal normal normal 13px/18px 'Raleway',Arial;
color: #777;
text-decoration: none;
}
.popup .form {
padding-bottom: 40px;
}
.popup .popup-box {
border: 1px solid #dadada;
background: #fcfcfc;
padding: 12px;
text-align: center;
font: normal normal normal 13px/20px 'Raleway',Arial;
color: #777;
border-radius: 3px;
}
.popup .popup-box a {
color: #777;
text-decoration: underline;
}
.msg-error {
padding-bottom: 10px;
color: #ff0000;
display: none;
}
.card {
position: relative;
display: block;
text-decoration: none;
height: 100%;
background: #fff;
transition: 0.3s;
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
}
.card-footer, .card-title {
padding: 20px;
}
.card-title {
border-bottom: 1px solid #e7e7e7;
}
.card-footer {
border-top: 1px solid #e7e7e7;
}
.margin-s {
padding: 10px;
}
.input-group .small {
width: 40%;
padding-right: 7px;
box-sizing: border-box;
float: left;
}
.input-group .mediul, .input-group .medium {
width: 60%;
float: left;
}
.card .edit, .card .card-footer.edit {
display: none;
}
.card.in-edit .edit, .card.in-edit .card-footer.edit {
display: block;
}
.card.in-edit .display, .card.in-edit a.display {
display: none;
}
.card .card-title {
position: relative;
}
.card .card-title .pull-right {
position: absolute;
top: 15px;
right: 15px;
}
.card .card-title i.zmdi-close {
display: none;
}
.card.in-edit .card-title i.zmdi-close {
display: block;
}
.card.in-edit .card-title i.zmdi-edit {
display: none;
}
.card .card-title .pull-right a {
text-decoration: none;
color: #999;
transition: 0.3s;
}
.card .card-title .pull-right a:hover {
color: #444;
transition: 0.3s;
}
.card .card-title .pull-right a i {
height: 38px;
line-height: 38px;
font-size: 20px;
}
.display-group {
font: normal normal normal 14px/30px 'Roboto',Arial;
color: #444;
}
.display-group label {
display: inline-block;
width: 100px;
}
.card .card-title h2 {
padding: 0;
font: normal normal normal 24px/30px 'Spectral',Arial;
color: #181836;
}
.card .card-body h3 {
padding: 0 0 7px 0;
margin: 0;
}
.input-group input[type=radio] + label {
color: #181836;
font-size: 14px;
line-height: 19px;
min-height: 19px;
cursor: pointer;
float: none;
display: block;
position: relative;
padding: 0 0 7px 28px;
}
.input-group input[type=radio], .input-group input[type=checkbox] {
display: none;
}
.input-group input[type=radio] + label::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
background-color: #fff;
border: 1px solid #dbdbdb;
border-radius: 50%;
color: #dadada;
text-align: center;
line-height: 15px;
font-size: 15px;
position: absolute;
top: 2px;
left: 0px;
box-sizing: border-box;
}
.input-group input[type=radio]:checked + label::before {
content: "";
border: 5px solid #b79a16;
}
.radio-list {
padding-bottom: 9px;
}
.date-holder {
position: relative;
}
.ui-datepicker-trigger {
position: absolute;
top: 0;
right: 0;
border: none;
background: none;
}
.ui-datepicker-trigger::after {
content: "\f073";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
line-height: 40px;
width: 40px;
text-align: center;
font-size: 20px;
display: inline-block;
color: #999;
}
.input-group .error input[type=checkbox] + label {
color: #ff0000;
}
.white-box-footer {
border-top: 1px solid #dadadd;
padding: 10px 20px 10px 20px;
}
.white-box-footer::after {
display: block;
clear: both;
float: none;
}
.white-box-footer .btn-wishlist, .white-box-footer .btn-basket {
display: block;
float: left;
padding: 2px 0 2px 30px;
position: relative;
font-size: 10px;
line-height: 12px;
color: #a8a9b7;
text-transform: uppercase;
text-align: left;
text-decoration: none;
}
.white-box-footer .btn-basket {
float: right;
padding: 2px 30px 2px 0;
text-align: right;
}
.white-box-footer a.btn-wishlist span, .white-box-footer a.btn-basket span, .white-box-footer div.btn-basket span {
font-size: 10px;
line-height: 12px;
color: #a8a9b7;
}
.white-box-footer a.btn-wishlist span::after, .white-box-footer a.btn-basket span::after, .white-box-footer div.btn-basket span::after {
display: none;
}
.white-box-footer .btn-wishlist i {
position: absolute;
top: 2px;
left: 0px;
line-height: 24px;
font-size: 16px;
color: #bb1515;
}
.white-box-footer .btn-basket i {
position: absolute;
top: -13px;
transform: scale(0.8);
right: -15px;
}
.white-box.basket {
padding-left: 20px;
padding-right: 20px;
}
.basket .basket-row {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 0 10px 0;
border-bottom: 1px solid #dadadd;
}
.basket .basket-row .img-holder {
flex: 0 0 12%;
}
.basket .basket-row .description {
flex: 0 0 40%;
padding-left: 20px;
box-sizing: border-box;
text-decoration: none;
color: rgba(24, 24, 54, 0.8);
}
.basket .basket-row .description strong {
display: block;
font-weight: 500;
}
.basket .basket-row .item-actions {
flex: 0 0 35%;
text-align: right;
}
.basket .basket-row .total {
flex: 0 0 13%;
text-align: right;
padding-right: 10px;
box-sizing: border-box;
color: #22234c;
font-weight: 500;
font-size:;
}
.basket .basket-row .img-holder img {
display: block;
width: 100%;
}
.item-actions {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
.item-actions .remove {
text-decoration: none;
color: #a8a9b7;
font-size: 12px;
text-transform: uppercase;
padding-right: 35px;
line-height: 40px;
}
.item-actions .plusmin-holder {
display: inline-block;
}
.item-actions .quantity {
display: block;
float: left;
border: 1px solid #dadadd;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
font-size: 14px;
color: #22234c;
}
.item-actions .plusmin-holder .min, .item-actions .plusmin-holder .plus {
display: block;
float: left;
border: 1px solid #dadadd;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
font-size: 16px;
color: #b3b4c0;
text-decoration: none;
transition: 0.3;
}
.item-actions .plusmin-holder .min:hover, .item-actions .plusmin-holder .plus:hover {
background: #b3b4c0;
color: #fff;
transition: 0.3;
}
.item-actions .plusmin-holder .min {
border-right: none;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.item-actions .plusmin-holder .plus {
border-left: none;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.basket .totals, .checkout .totals {
padding-top: 20px;
padding-bottom: 25px;
}
.totals-row {
display: flex;
flex-direction: row;
align-items: top;
color: #181836;
position: relative;
}
.totals-row.vat {
line-height: 16px;
font-size: 12px;
font-weight: 300;
font-style: normal;
color: #b3b4c0;
}
.totals-back {
position: absolute;
top: 0;
left: 0;
}
.totals-row label {
flex: 0 0 87%;
text-align: right;
padding-right: 10px;
box-sizing: border-box;
}
.totals-row label em {
display: block;
line-height: 16px;
font-size: 12px;
font-weight: 300;
font-style: normal;
color: #b3b4c0;
}
.totals-row span {
flex: 0 0 13%;
text-align: right;
font-weight: 500;
padding-right: 10px;
box-sizing: border-box;
}
.totals-row span.shipping {
color: #b79a16;
}
.white-box.basket-buttons, .white-box.checkout-buttons {
padding: 20px;
}
.white-box.basket-buttons::after, .white-box.checkout-buttons::after {
content: '';
display: block;
clear: both;
float: none;
}
.tabs::after {
content: '';
clear: both;
display: block;
float: none;
}
.tabs a {
display: block;
width: 25%;
box-sizing: border-box;
float: left;
padding: 12px 0 12px 20px;
line-height: 26px;
text-decoration: none;
color: #8b8c9f;
border-left: 1px solid #e7e7e7;
position: relative;
}
.tabs a::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #e7e7e7;
margin-top: -5px;
}
.tabs a:first-child {
border-left: none;
}
.tabs a:first-child::before {
display: none;
}
.tabs a i {
float: right;
line-height: 26px;
padding-right: 18px;
color: #dadadd;
display: none;
}
.tabs a.complete i {
display: block;
}
.tabs a.active {
background: #fafafc;
color: #b79a16;
}
.input-group .inline input[type=radio] + label {
display: inline-block;
padding-right: 30px;
font-weight: normal;
}
.radio-list.inline {
padding-bottom: 0;
}
.pnlCompany .margin-s {
padding-top: 0;
padding-bottom: 0;
}
.input-group.npb {
padding-bottom: 0;
}
hr {
margin: 0;
height: 1px;
border: none;
background: #e7e7e7;
}
#sameAddress {
line-height: 24px;
color: #8b8c9f;
padding-top: 12px;
}
.coupon-row {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.coupon-row label {
color: #393a65;
flex: 0 0 60%;
display: block;
}
.coupon-row .coupon-input, .coupon-row .coupon-valid {
flex: 0 0 200px;
box-sizing: border-box;
border: 1px solid #dadadd;
padding: 1px 47px 1px 1px;
border-radius: 3px;
position: relative;
}
.coupon-row .coupon-input input, .coupon-row .coupon-valid .coupon-holder {
box-sizing: border-box;
width: 100%;
border: none;
background: #fff;
display: block;
line-height: 24px;
padding: 6px 0 6px 10px;
border-radius: 3px;
}
.coupon-row .coupon-valid .coupon-holder {
color: #00b476;
}
.coupon-row .coupon-input a, .coupon-row .coupon-valid a {
display: block;
position: absolute;
top: 1px;
right: 1px;
width: 46px;
height: 36px;
border-radius: 3px;
background: #b79a16;
color: #fff;
font-size: 16px;
line-height: 36px;
text-align: center;
}
.method-row {
display: flex;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid #e7e7e7;
padding: 20px;
position: relative;
background: #fff;
transition: 0.3s;
cursor: pointer;
}
.method-row.active {
background: #fafafc;
transition: 0.3s;
}
.method-row.top {
align-items: flex-start;
}
.method-row .method-img {
flex: 0 0 100px;
display: flex;
align-items: center;
}
.method-content {
padding-left: 20px;
}
.method-content strong {
display: block;
line-height: 19px;
color: #393a65;
font-weight: normal;
}
.method-content span {
display: block;
line-height: 19px;
color: #8b8c9f;
font-style: italic;
font-weight: 300;
}
.method-next {
display: block;
opacity: 0;
position: absolute;
bottom: 20px;
right: 20px;
width: 46px;
height: 36px;
border-radius: 3px;
background: #b79a16;
color: #fff;
font-size: 16px;
line-height: 36px;
text-align: center;
transition: 0.3s;
}
.active .method-next {
opacity: 1;
transition: 0.3s;
}
.method-next-holder {
display: block;
position: absolute;
bottom: 20px;
right: 20px;
box-sizing: border-box;
border: 1px solid #dadadd;
padding: 1px 47px 1px 1px;
border-radius: 3px;
width: 280px;
opacity: 0;
transition: 0.3s;
}
.active .method-next-holder {
opacity: 1;
transition: 0.3s;
}
.method-next-holder .method-next {
bottom: 1px;
right: 1px;
opacity: 1;
}
.method-next-holder select {
box-sizing: border-box;
width: 100%;
border: none;
background: #fff;
display: block;
line-height: 24px;
padding: 6px 0 6px 10px;
border-radius: 3px;
height: 36px;
}
.method-edit-card {
padding-left: 20px;
padding-top: 38px;
min-width: 300px;
display: none;
transition: 0.3s;
}
.active .method-edit-card {
display: block;
transition: 0.3s;
}
.method-edit-card label {
display: block;
font-size: 12px;
line-height: 19px;
color: #8b8c9f;
}
.method-edit-card input[type=text], .method-edit-card select {
height: 45px;
box-sizing: border-box;
border: 1px solid #dadadd;
border-radius: 3px;
line-height: 25px;
padding: 9px 10px 9px 10px;
width: 100%;
}
.method-edit-card-row {
padding-bottom: 8px;
}
.method-edit-card-row::after {
content: '';
clear: both;
float: none;
display: block;
}
.method-edit-card-row .medium {
float: left;
box-sizing: border-box;
width: 66%;
}
.method-edit-card-row .small {
float: left;
box-sizing: border-box;
width: 34%;
padding-left: 9px;
}
.method-edit-card-row .x-small {
float: left;
box-sizing: border-box;
width: 22%;
padding-right: 9px;
}
.input-check input {
display: none;
}
.input-check input + label {
color: #8b8c9f;
display: inline-block;
position: relative;
padding-left: 26px;
}
.input-check input + label:after {
content: '';
display: block;
font-size: 14px;
line-height: 14px;
text-align: center;
position: absolute;
top: 0px;
left: 0px;
color: #fff;
width: 16px;
height: 16px;
background: #fff;
border: 1px solid #dadada;
border-radius: 3px;
}
.input-check input:checked + label:after {
content: '\2714';
font-size: 14px;
background: #00b476;
border-color: #00b476;
}
.grey-arrow {
display: block;
color: #a7a8b6;
text-transform: uppercase;
text-decoration: none;
font-size: 13px;
font-weight: 500;
}
.grey-arrow::before {
content: '\f105';
font-family: Font Awesome\ 5 Pro;
font-weight: normal;
color: #b79a16;
padding-right: 6px;
}
.tab-panel strong {
font-weight: 500;
color: #393a65;
display: block;
}
.checkout h1 {
margin: 0;
padding: 7px 0 7px 0;
font-family: Roboto;
font-size: 24px;
line-height: 28px;
color: #393a65;
font-weight: 300;
}
.text-multiline {
font-size: 13px;
line-height: 18px;
color: #8b8c9f;
}
.checkout-row {
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 0 10px 0;
border-bottom: 1px solid #dadadd;
}
.checkout-row .img-holder {
flex: 0 0 12%;
}
.checkout-row .description {
flex: 0 0 75%;
padding-left: 20px;
box-sizing: border-box;
}
.checkout-row .description strong {
display: block;
font-weight: 500;
}
.checkout-row .total {
flex: 0 0 13%;
text-align: right;
padding-right: 10px;
box-sizing: border-box;
color: #22234c;
font-weight: 500;
font-size:;
}
.checkout-row .img-holder img {
display: block;
width: 100%;
}
.checkout a.nobg {
text-decoration: none;
font-size: 14px;
}
.StripeElement {
height: 45px;
box-sizing: border-box;
border: 1px solid #dadadd;
border-radius: 3px;
line-height: 25px;
padding: 9px 10px 9px 10px;
width: 100%;
background: #fff;
}
.method-saved-card {
padding-left: 50px;
}
.method-saved-card span {
display: block;
color: #8b8c9f;
line-height: 19px;
}
.method-saved-card-extra .grey-arrow {
display: none;
}
.ordered-product {
display: flex;
position: relative;
padding: 10px 20px 10px 20px;
border-right: 1px solid #e7e7e7;
align-items: center;
}
.card.order .card-body div.ordered-product:nth-child(3n) {
border-right: none;
}
.ordered-product .img-holder {
width: 55px;
display: inline-block;
}
.ordered-product .img-holder img {
display: block;
width: 100%;
}
.ordered-product .text-holder {
display: inline-block;
padding-left: 20px;
font-size: 13px;
line-height: 16px;
font-weight: 400;
color: #8b8c9f;
}
.ordered-product .text-holder strong {
display: block;
color: #393a65;
font-weight: 600;
}
.card.order .card-title h2 {
font-family: Roboto, Arial;
color: #393a65;
font-size: 16px;
line-height: 21px;
}
.card.order .card-title {
padding-top: 14px;
padding-bottom: 14px;
}
.card.order .card-title .pull-right a i {
height: 21px;
line-height: 21px;
}
.popup-overlay .popup.dark {
background: #f2f2f2;
max-width: 600px;
}
.popup-overlay .popup.dark .popup-content {
padding: 0;
}
.margin-xs {
padding: 5px;
}
.order-detail-items {
background: #fff;
border-radius: 3px;
}
.order-detail-items .order-detail-item {
overflow: hidden;
padding: 20px;
border-bottom: 1px solid #dadadd;
position: relative;
}
.order-detail-items .order-detail-item .img-holder {
position: absolute;
width: 55px;
top: 10px;
left: 20px;
}
.order-detail-items .order-detail-item .img-holder img {
display: block;
width: 100%;
}
.order-detail-items .order-detail-item .text-holder {
display: block;
padding-left: 70px;
padding-right: 70px;
font-size: 13px;
line-height: 18px;
font-weight: 400;
color: #8b8c9f;
}
.order-detail-items .order-detail-item .text-holder strong {
display: block;
color: #393a65;
font-weight: 600;
}
.order-detail-items .order-detail-item .price-holder {
position: absolute;
width: 70px;
top: 20px;
right: 20px;
color: #393a65;
font-size: 13px;
line-height: 18px;
font-weight: 600;
text-align: right;
}
.order-detail-items .order-detail-total {
position: relative;
color: #393a65;
font-weight: 600;
padding: 20px;
}
.order-detail-items .order-detail-total .text-holder {
text-align: right;
padding-right: 110px;
}
.order-detail-items .order-detail-total .price {
position: absolute;
top: 0px;
right: 0px;
}
.order-detail-items .order-detail-total .price.shipping {
color: #b79a16;
}
.order-detail-data {
background: #fff;
border-radius: 3px;
}
.order-detail-data-item {
line-height: 20px;
color: #8b8c9f;
font-size: 13px;
padding-bottom: 20px;
}
.order-detail-data-item h3 {
margin: 0;
padding: 0;
line-height: 20px;
color: #393a65;
font-size: 13px;
font-weight: 500;
}
.white-box.empty-basket {
padding: 30px;
}
.check-list {
padding: 0 5px 0 5px;
}
.check-list .check-holder {
display: inline-block;
width: 20%;
padding: 0 5px 0 5px;
}
.specs-bar {
background: #fafafc;
}
.tr {
text-align: right;
}
.tr .btns-row {
display: inline-block;
}
.edit .display-group {
line-height: 20px;
color: #444;
font-size: 13px;
padding-bottom: 20px;
}
.edit .display-group label {
display: block;
color: #8c8b9f;
font-size: 13px;
}
.stock .white-box a {
text-decoration: none;
}
.order-detail-total em {
display: block;
line-height: 16px;
font-size: 12px;
font-weight: 300;
font-style: normal;
color: #b3b4c0;
}
@media all and (max-width:900px) {
.specs-bar .tr {
text-align: left;
}
.specs-bar .p1510 {
padding-top: 0;
}
}
@media all and (max-width:700px) {
.tabs a {
width: 100%;
border-bottom: 1px solid #e7e7e7;
}
}
@media all and (max-width:600px) {
.basket .basket-row {
flex-wrap: wrap;
}
.basket .basket-row .img-holder {
flex: 0 0 30%;
}
.basket .basket-row .description {
flex: 0 0 70%;
}
.basket .basket-row .item-actions {
flex: 0 0 100%;
padding-top: 20px;
}
.totals-row label {
flex: 0 0 80%;
}
.basket .basket-row .total {
padding-top: 20px;
flex: 0 0 100%;
}
.totals-row span {
flex: 0 0 20%;
}
.search .search-title {
text-align: left;
}
.search-bottom .ddl-holder, .search-bottom .input-holder {
width: 100%;
}
.search-bottom .input-holder {
margin-left: 0;
}
.method-row .method-img {
flex: 0 0 80px;
}
.method-row .method-content {
padding-left: 0px;
flex: 0 0 140px;
}
.checkout-row .description {
flex: 0 0 60%;
}
.checkout-row .total {
flex: 0 0 28%;
}
.totals-row .totals-back {
top: 75px;
}
.attribute-holder{
margin-right:15px!important;
}
.item-actions .remove{
padding-right:15px;
}
}
@media all and (max-width:500px) {
.totals-row label {
flex: 0 0 70%;
}
.totals-row span {
flex: 0 0 30%;
}
}
@media all and (max-width:350px) {
.totals-row label {
flex: 0 0 65%;
}
.totals-row span {
flex: 0 0 35%;
}
}
@media (max-width:460px) {
.logo.bottom {
left: 35px !important;
}
.logo.bottom img {
height: 15px !important;
margin-top: 5px !important;
}
.logo.top img {
height: 25px !important;
margin-top: 8px !important;
}
.white-box.basket-buttons a{
box-sizing:border-box;
width:100%;
margin-bottom:10px;
}
.white-box.basket {
padding-left: 10px;
padding-right: 10px;
}
}
.img-overlay{
position: absolute;
bottom: 20px;
right: 20px;
display: block;
z-index: 10;
}
.nr-overlay {
cursor:pointer;
display:block;
float:left;
margin-left:12px;
box-sizing: border-box;
min-width: 52px;
background: #fff;
color: #8b8c9f;
border-radius: 8px;
text-align: center;
text-decoration: none;
line-height: 44px;
font-size: 16px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
border:1px solid #fff;
}
.nr-overlay i {
font-size: 24px;
line-height:40px;
}
.nr-overlay i.custom-icon.i360{
display:block;
height:46px;
min-width: 54px;
background:url(/images/icon-360.png) no-repeat center center;
}
.nr-overlay.active{
border-color:#b79a16;
}
.nr-overlay.active i.custom-icon.i360{
background:url(/images/icon-360a.png) no-repeat center center;
}
.row-holder {
position: relative;
}
.pt-neg-20 .p10 {
padding-top: 0px;
margin-top: -10px;
}
.paging-holder {
padding-top: 30px;
text-align: center;
width: 100%;
padding-bottom: 30px;
}
.paging-holder.top{
padding-top:0;
padding-bottom:0;
}
.paging-holder #paging,.paging-holder #pagingTop {
display: inline-block;
}
.paging-holder #paging::after, .paging-holder #pagingTop::after {
content: '';
display: block;
clear: both;
float: none;
}
.paging-holder #paging a, .paging-holder #paging em, .paging-holder #paging span, .paging-holder #pagingTop a, .paging-holder #pagingTop em, .paging-holder #pagingTop span {
display: block;
float: left;
background: #fff;
border: 1px solid #ddd;
border-right: none;
width: 33px;
height: 34px;
text-align: center;
font-size: 13px;
line-height: 34px;
color: #8b8c9f;
text-decoration: none;
}
.paging-holder #paging a:last-child, .paging-holder #paging a:nth-last-child(2), .paging-holder #pagingTop a:last-child, .paging-holder #pagingTop a:nth-last-child(2) {
border-right: 1px solid #ddd;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.paging-holder #paging a:first-child, .paging-holder #paging a:nth-child(2), .paging-holder #pagingTop a:first-child, .paging-holder #pagingTop a:nth-child(2) {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.paging-holder #paging span, .paging-holder #pagingTop span{
border: none;
background: none;
border-left: 1px solid #ddd;
width: 19px;
height: 36px;
}
.paging-holder #paging a.prev, .paging-holder #pagingTop a.prev {
border-right: 1px solid #ddd;
margin-right: 5px;
border-radius: 2px;
}
.paging-holder #paging a.next, .paging-holder #pagingTop a.next {
margin-left: 5px;
border-radius: 2px;
}
.paging-holder #paging a.current, .paging-holder #pagingTop a.current {
background: #fafafc;
color: #b79a16;
}
.stock-header {
padding: 10px 0 5px 0;
font-style: normal;
}
.stock-header::after {
content: '';
display: block;
float: none;
clear: both;
}
.stock-header .product-count {
font-weight: 500;
font-size: 16px;
line-height: 36px;
color: #8b8c9f;
display: block;
float: left;
padding-right: 10px;
}
.stock-header .product-sort {
display: block;
float: right;
}
.stock-header .product-sort em {
font-style: normal;
font-size: 13px;
line-height: 36px;
color: #8b8c9f;
display: block;
float: left;
}
.stock-header .product-sort .ddl-sort, .stock-header .product-sort .ddl-paging {
display: block;
padding-left: 5px;
float: left;
}
.stock-header .product-sort .ddl-sort {
width: 180px;
}
.stock-header .product-sort .ddl-sort .select2-container, .stock-header .product-sort .ddl-paging .select2-container {
width: 100% !important;
}
.stock-header .product-sort .ddl-paging {
width: 120px;
}
.action-back {
float: right;
font-size: 14px;
line-height: 22px;
text-decoration: none;
font-weight: normal;
font-family: Roboto;
}
.action-back a {
padding-top: 15px;
display: inline-block;
text-decoration: none;
color: #8b8c9f;
}
.action-back a i {
padding-right: 5px;
}
.select2-container.select2-container--default.select2-container--open {
}
.basket-popup {
display: none;
position: absolute;
background: #fff;
border: 1px solid #dadadd;
top: 35px;
right: 40px;
text-align: left;
min-width: 320px;
}
.basket-popup::before {
display: block;
content: '';
position: absolute;
top: -13px;
right: 11px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 13px 9px;
border-color: transparent transparent #dcdcdf transparent;
}
.basket-popup::after {
display: block;
content: '';
position: absolute;
top: -12px;
right: 12px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 12px 8px;
border-color: transparent transparent #fafafc transparent;
}
.basket-popup-header {
position: relative;
background: #fafafc;
border-bottom: 1px solid #dadadd;
padding: 15px 10px 15px 10px;
color: #b79a16;
font: normal normal normal 20px/29px 'Roboto',Arial;
}
.basket-popup-header a.close {
display: block;
position: absolute;
top: 15px;
right: 0px;
width: 30px;
height: 29px;
text-align: center;
text-decoration: none;
color: #8b8c9f;
line-height: 29px;
padding-left: 0px;
margin: 0;
}
.basket-popup-header a.close i {
color: #8b8c9f;
font-size: 16px;
line-height: 29px;
}
.basket-popup-footer {
position: relative;
background: #fafafc;
border-top: 1px solid #dadadd;
padding: 15px 10px 15px 10px;
color: #b79a16;
font: normal normal normal 20px/29px 'Roboto',Arial;
}
.basket-popup-footer::after {
content: '';
float: none;
clear: both;
display: block;
}
.basket-popup-footer a.cta {
float: right;
line-height: 50px;
font-size: 16px;
color: #b79a16;
font-family: Spectral;
font-weight: normal;
}
.basket-popup-footer .text-link, .popup-footer a.text-link{
margin: 0;
padding: 0;
line-height: 50px;
text-transform: none;
font-size: 13px;
font-weight: normal;
text-decoration: underline;
margin-right:20px;
}
.basket-popup-totals {
padding: 10px;
}
.basket-popup-totals-row::after {
content: '';
float: none;
clear: both;
display: block;
}
.basket-popup-totals-row label, .basket-popup-totals-row span {
float: left;
width: 73%;
color: #181836;
font: normal normal normal 13px/24px 'Roboto',Arial;
text-align: right;
}
.basket-popup-totals-row span {
width: 27%;
font-weight: 500;
}
.basket-popup-totals-row span.shipping {
color: #b79a16;
}
.basket-popup-totals-row.small label, .basket-popup-totals-row.small span {
font-size: 11px;
color: #b3b4c0;
line-height: 11px;
}
.basket-popup-items .basket-popup-item {
padding: 10px 10px 10px 10px;
position: relative;
margin: 0;
border-bottom: 1px solid #dadadd;
width: 100%;
box-sizing: border-box;
}
.basket-popup-items .basket-popup-item::after {
display: block;
content: '';
clear: both;
float: none;
}
.basket-popup-items .basket-popup-item .content {
position: relative;
padding-left: 50px;
width: 73%;
float: left;
box-sizing: border-box;
color: rgba(24,24,54,0.8);
font: normal normal normal 12px/20px 'Roboto',Arial;
}
.basket-popup-items .basket-popup-item .content strong {
display: block;
}
.basket-popup-items .basket-popup-item .price {
position: relative;
width: 27%;
float: left;
text-align: right;
box-sizing: border-box;
color: #181836;
font: normal normal 500 13px/20px 'Roboto',Arial;
}
.basket-popup-items .basket-popup-item .img {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 50px;
box-sizing: border-box;
text-align: center;
}
.basket-popup-items .basket-popup-item img {
display: inline-block;
max-width: 100%;
max-height: 100%;
}
.basket-item-template {
display: none;
}
.hdn-basket {
display: block;
position: absolute;
top: 10px;
left: 10px;
width: 10px;
height: 10px;
}
.added-item::after{
content:'';
display:block;
float:none;
clear:both;
}
.added-item .content {
position:relative;
width: 73%;
float: left;
color: #22234c;
font: normal normal normal 13px/20px 'Roboto',Arial;
padding:10px 0 10px 130px;
box-sizing:border-box;
}
.added-item .content .img {
display: block;
position: absolute;
top: -10px;
bottom: -10px;
left: 0;
width: 115px;
box-sizing: border-box;
text-align: center;
}
.added-item .content strong{
display:block;
}
.added-item .content .img img {
display: inline-block;
max-width: 100%;
max-height: 100%;
}
.added-item .price {
position: relative;
width: 27%;
float: left;
text-align: right;
box-sizing: border-box;
color: #181836;
font: normal normal 500 13px/20px 'Roboto',Arial;
padding:10px 0 10px 0;
}
.popup-overlay .popup.wider{
max-width:550px;
}
.popup-footer a.text-link{
color:#8b8c9f;
}
.popup-footer.right{
text-align:right;
}
.rel{
position:relative;
}
.product-wishlist
{
display: block;
position: absolute;
top:0px;
right: 0px;
padding: 20px;
padding-top:15px;
text-decoration: none;
color:#b3b5be;
}
.product-wishlist.on{
color: #bb1515;
}
.product-wishlist::after {
font-family: "Font Awesome 5 Pro";
content: "\f004";
font-size: 16px;
}
.product-wishlist.on::after {
font-weight:900;
}
.field-group.flags{
position:relative;
padding-left:99px;
}
.field-group.flags .select2{
position:absolute;
top:0;
left:0;
}
.field-group.flags .select2-container--default .select2-selection--single{
border-right:none;
border-top-right-radius:0;
border-bottom-right-radius:0;
background:#f9f9f9;
}
.input-group .field-group.flags input[type='text']{
border-top-left-radius:0;
border-bottom-left-radius:0;
}
.field-group.flags .select2-container--default .select2-selection--single .select2-selection__rendered{
text-align:center;
}
.attribute-holder{
display:inline-block;
text-align:left;
margin-right:20px;
}
.fields-left .input-holder{
margin-left:0;
}
@media all and (max-width:1200px)
{
.search .search-fancy .search-items.colors .search-item {
flex:0 0 16.66%;
}
}
@media only screen and (max-width: 900px)
{
.footer-nav a:nth-child(odd){
text-align:left;
}
footer .col.ms12{
text-align:left!important;
}
}
@media all and (max-width:920px)
{
.diamonds #diamondsearch .ds-filter-shape ul li{
width:10%;
min-width: 0px !important;
}
.diamonds #diamondsearch .ds-filter-shape ul li span{
width:100%;
max-width:90px;
}
}
@media all and (max-width:700px)
{
.diamonds #diamondsearch .ds-filter-shape ul li {
width: 20% !important;
min-width: 0px !important;
}
}
@media all and (max-width:601px)
{
.search .search-fancy .search-items.colors .search-item {
flex:0 0 16.66%;
}
.search .search-fancy .search-items.stones .search-item, .search .search-fancy .search-items.materials .search-item {
flex: 0 0 25%;
}
}
@media all and (max-width:360px)
{
.diamonds #diamondsearch .ds-filter-shape ul li span{
height:70px;
}
.actions-menu a, .actions-menu .actions-menu-ddl {
padding-left: 10px;
}
.basket-popup {
right: -5px;
min-width: 310px;
}
.basket-popup::before{right:54px;}
.basket-popup::after{right:55px;}
}
.basket-popup-item{position:relative;}
.basket-popup-item .remove {
position: absolute;
bottom: 0;
right: 0;
display: block;
z-index: 10;
width: 30px;
text-align: center;
}
.basket-popup-item .remove i {
line-height: 30px;
font-size: 12px;
color: #8c8b9f;
position: relative;
top: auto;
left: auto;
}
.basket-popup-item:hover .remove i {
color: #47455e;
}
.row-flex.right{
justify-content: left;
}
.col.l8 .col.l6 .line .sub-line label{
max-width:120px;
}
.product-specs .row-flex.right .line{
width:100%;}
.input-group {
position: relative;
}
.error-msg {
font: normal normal 500 12px/20px 'Roboto',Arial;
text-decoration: none;
color: #ff0000;
display: block;
position: absolute;
right: 1px;
bottom: 59px;
}
.error-msg::after {
top: 19px;
right: 0px;
position: absolute;
display: block;
content: "\f071";
font-family: "Font Awesome 5 Pro";
font-weight: 400;
line-height: 43px;
background: #ff0000;
color: #fff;
width: 30px;
text-align: center;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.fields-left .ddl-holder, .fields-left .input-holder{
display:block;
float:left;
}
.fields-left .input-holder input{
line-height:23px;
padding-top:9px;
padding-bottom:9px;
margin:0;
}
.banner .white-box{
background:none;
box-shadow:none;
}
.overlay.bottom{
opacity:1;
top:auto;
bottom:10%;
transform:none;
}
@media all and (max-width:1020px)
{
.fields-left.long{
width:60%;
}
.fields-right.short{
width:40%;
}
}
@media all and (max-width:765px)
{
.search-bottom .cc{
padding:0;
}
.search-bottom .fields-left, .search-bottom .fields-left.long{
width:100%;
padding:5px;
box-sizing:border-box;
}
.search-bottom .fields-right, .search-bottom .fields-right.short{
width:100%;
}
.search-bottom .search-reset, .search-bottom .search-cta{
display:block;
float:left;
width:50%;
top:auto;
right:auto;
box-sizing:border-box;
text-align:center;
padding-left:0;
padding-right:0;
}
.search-bottom .search-cta{
padding-top:17px;
padding-bottom:17px;
line-height:28px;
}
.fields-left .input-holder{
margin:5px;
float: none;
max-width: initial;
width: initial;
}
.fields-left .ddl-holder{
padding:5px;
width:100%;
max-width:50%;
}
}
@media all and (max-width:500px)
{
.fields-left .ddl-holder{
max-width:100%;
}
.stock-header .product-sort{
float: none;
margin: 0 -5px 0 -5px;
}
.search-closed .fields-left{
display:none;
}
.search-closed .fields-right{
float:none;
width:100%;
}
}
#txtReference::-ms-clear {
display: none;
}
.input-holder a.input-clear{
right:20px;
display:none;
}
.input-holder.filled a.input-clear{
display:block;
}
@media all and (max-width:601px){
.overlay.bottom{
top:0px;
bottom:0;
}
.overlay.bottom .gt10{
margin:0;
}
.banner .overlay.bottom .cc .cta.big {
transform: scale(0.8);
transform-origin: center center;
}
}
@media all and (max-width:400px){
.banner .overlay.bottom .cc .cta.big {
transform: scale(0.6);
transform-origin: center center;
}
}
@media all and (max-width:400px){
.banner .overlay.bottom{
left:-20px;
right:-20px;
}
}
.delivery-delay{
font-weight:normal;
padding-top:20px;
font-size:12px;
font-style:italic;
text-transform:uppercase;
}
#CDSWIDSSP{
max-width:100%;
}
.player-bg{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:#fff;
display:none;
}
.player-holder .close{
display:block;
position:absolute;
top:20px;
right:20px;
line-height:40px;
width:40px;
text-align:center;
font-size:22px;
z-index:10;
}
.player-holder{
position: relative;
top: 50%;
width:100%;
max-width:500px;
margin:auto;
transform:translateY(-50%);
overflow:hidden;
}
.player-holder:after {
content: "";
display: block;
padding-bottom: 80%;
}
.player{
position:absolute;
top:-20%;
right:-45%;
left:-45%;
bottom:-44%;
}
.gif-bg{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:#fff;
display:none;
overflow:hidden;
z-index:10;
}
.gif-holder{
display:block;
width:100%;
max-width:500px;
margin:auto;
}
.close-overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:11;
}
.close-overlay a{
position:absolute;
top:10px;
right:10px;
width:40px;
height:40px;
text-decoration:none;
line-height:40px;
text-align:center;
font-size:22px;
}
.gif{
position: relative;
top: 50%;
width:100%;
max-width:500px;
margin:auto;
overflow:hidden;
padding-top:100%;
}
.gif-frame{
position:absolute;
top:0;
left:0;
right:0;
bottom:-44px;
}
.spinner {
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #b79a16;
width: 50px;
height: 50px;
-webkit-animation: spin 1.2s linear infinite;
animation: spin 1.2s linear infinite;
position: absolute;
display: block;
left: 50%;
top: 50%;
margin: -35px auto auto -35px;
}
/* Safari */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.yt-overlay{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 10;
display: flex;
justify-items: center;
justify-content: center;
align-items: center;
text-decoration: none;
font-size: 80px;
transition:0.3s;
}
.yt-overlay:hover{
background:rgba(0,0,0,0.1);
transition:0.3s;
}
.coupon{
padding-top: 19px;
}
.coupon-display{
padding-right: 13%;
text-align: right;
}
.coupon-display a{
display:inline-block;
padding-right: 10px;
font-size: 14px;
line-height: 18px;
color: #181836;
text-decoration: none;
}
.coupon-edit{
text-align:right;
}
.coupon-edit .input-holder{
margin:0;
padding-right:108px;
padding-left:0;
position:relative;
max-width:300px;
width:100%;
}
.coupon-edit .input-holder input{
padding-right:0;
text-transform:uppercase;
}
.coupon-edit .apply, .coupon-edit .valid, .coupon-edit .invalid{
display:block;
position:absolute;
top:1px;
right:1px;
line-height:41px;
width:70px;
text-align:center;
text-transform:uppercase;
color:#fff;
font-size:14px;
font-weight:bold;
background: #d7c254; /* Old browsers */
background: -moz-linear-gradient(top, #d7c254 0%, #c7b046 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d7c254 0%,#c7b046 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d7c254 0%,#c7b046 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7c254', endColorstr='#c7b046',GradientType=0 ); /* IE6-9 */
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}
.coupon-edit .cancel-coupon{
display:none;
position:absolute;
top:1px;
right:71px;
line-height:41px;
width:45px;
font-size:14px;
color:#a9a9b7;
}
.coupon-edit .valid{
display:none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#07ea95+0,08c880+100 */
background: #07ea95; /* Old browsers */
background: -moz-linear-gradient(top, #07ea95 0%, #08c880 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #07ea95 0%,#08c880 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #07ea95 0%,#08c880 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07ea95', endColorstr='#08c880',GradientType=0 ); /* IE6-9 */
}
.coupon-edit .invalid{
display:none;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+0,ad211d+100 */
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(top, #ff0000 0%, #ad211d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff0000 0%,#ad211d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff0000 0%,#ad211d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ad211d',GradientType=0 ); /* IE6-9 */
}
.coupon-edit.coupon-valid .apply, .coupon-edit.coupon-invalid .apply{
display:none;
}
.coupon-edit.coupon-valid .valid{
display:block;
}
.coupon-edit.coupon-invalid .invalid{
display:block;
}
.coupon-edit.coupon-valid .cancel-coupon, .coupon-edit.coupon-invalid .cancel-coupon{
display:block;
}
.coupon-edit .hidden{
overflow:hidden;
height:0;
width:0;
}
.fields-right.short{
width:300px;
}
.fields-left.long{
width:calc(100% - 300px)
}
.fields-left.long .ddl-holder{
width:26.66%
}
.fields-left.long .input-holder{
width:calc(20% - 11px);
}
.slider-range-inputs div.left{
float:left;
position:relative;
}
.slider-range-inputs div.right{
float:right;
position:relative;
}
.slider-range-inputs div.left input, .slider-range-inputs div.right input{
padding-left:22px;
}
.slider-range-inputs div.left .prefix,.slider-range-inputs div.right .prefix{
position:absolute;
top:0;
left:10px;
line-height:30px;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */