/* MATERIAL TYPE */ /* iSTONES */ #istone-band {width:100%; color:#ffffff; line-height:30px; letter-spacing:0.3px; padding:100px 0; background:-webkit-linear-gradient(rgba(25, 25, 25, 0.6), rgba(25, 25, 25, 0.6)), url(../images/granite/istone-background.jpg); background:linear-gradient(rgba(25, 25, 25, 0.6), rgba(25, 25, 25, 0.6)), url(../images/granite/istone-background.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;} /* #istone-band {width:100%; color:#ffffff; line-height:30px; letter-spacing:0.3px; padding:100px 0; background:-webkit-linear-gradient(right, rgba(25, 25, 25, 0.9) 20%, rgba(25, 25, 25, 0.1) 90%), url(../images/granite/istone-background.jpg); background:linear-gradient(to left, rgba(25, 25, 25, 0.5) 20%, rgba(25, 25, 25, 0.5) 90%), url(../images/granite/istone-background.jpg); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#191919', endColorstr='#191919', GradientType=0); background-position:center center; background-repeat:no-repeat; background-size:cover; /*border-bottom:15px solid #ffffff;}*/ #istone-band-left {display:inline-block; width:40%; padding:0 40px 0 0; vertical-align:middle;} #istone-band .istone-logo {margin:0 auto;} #istone-band-right {display:inline-block; width:60%; padding:0 0 0 40px; vertical-align:middle; border-left:1px solid #ffffff;} #istone-band-button {display:block; width:250px; font-size:14px; color:#3a3635; letter-spacing:0.4px; line-height:56px; padding-bottom:2px; margin:30px auto 0 auto; background-color:#ffffff; border-radius:4px; -webkit-transition:color 0.4s, background-color 0.4s; transition:color 0.4s, background-color 0.4s} #istone-band-button:hover {color:#ffffff; background-color:#d80f1a;} /* WARRANTY BAND */ #warranty-band {width:100%; color:#ffffff; line-height:30px; letter-spacing:0.3px; padding:100px 0; background:-webkit-linear-gradient(rgba(25, 25, 25, 0.6), rgba(25, 25, 25, 0.6)), url(../images/granite/istone-background.jpg); background:linear-gradient(rgba(25, 25, 25, 0.6), rgba(25, 25, 25, 0.6)), url(../images/granite/istone-background.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;} /* #istone-band {width:100%; color:#ffffff; line-height:30px; letter-spacing:0.3px; padding:100px 0; background:-webkit-linear-gradient(right, rgba(25, 25, 25, 0.9) 20%, rgba(25, 25, 25, 0.1) 90%), url(../images/granite/istone-background.jpg); background:linear-gradient(to left, rgba(25, 25, 25, 0.5) 20%, rgba(25, 25, 25, 0.5) 90%), url(../images/granite/istone-background.jpg); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#191919', endColorstr='#191919', GradientType=0); background-position:center center; background-repeat:no-repeat; background-size:cover; /*border-bottom:15px solid #ffffff;}*/ #warranty-band-left {display:inline-block; width:35%; padding:0 40px 0 0; vertical-align:middle;} #warranty-band-right {display:inline-block; width:65%; padding:0 0 0 40px; vertical-align:middle; border-left:1px solid #ffffff;} #warranty-band-button {display:block; width:250px; font-size:14px; color:#3a3635; letter-spacing:0.4px; line-height:56px; padding-bottom:2px; margin:30px auto 0 auto; background-color:#ffffff; border-radius:4px; -webkit-transition:color 0.4s, background-color 0.4s; transition:color 0.4s, background-color 0.4s} #warranty-band-button:hover {color:#ffffff; background-color:#d80f1a;} .warranty-icon-band {width:140px; margin:0 auto;} .istone-logo {width:300px; margin-top:14px;} /*Pre 24 #iq-logo {width:144px; margin-top:14px;}*/ #iq-logo {width:146px; margin-top:14px;} #florim-logo {width:240px; margin-top:14px;} #materia-small {width:71px; height:12px; margin-bottom:6px;} #florim-small {width:62px; height:24px; margin-bottom:5px;} #specs {max-width:1000px; margin:0 auto; padding:10px 20px; text-align:center;} .spec-column {display:inline-block; width:16.66%; font-size:14px; color:#3a3635; text-align:center; text-transform:uppercase; letter-spacing:0.3px; line-height:18px; padding-top:25px; vertical-align:top;} .spec-column img {width:60px; height:60px; margin:0 auto 10px auto;} .spec-break {padding-left:15px !important; padding-right:15px !important;} /* SWATCHES */ #swatches, #swatches-no-filter {position:relative; font-size:16px; line-height:22px; text-align:left; padding-top:200px; padding-bottom:60px;} #material-list {padding:0 20px;} #material-list sup {line-height:16px; font-size:8px; vertical-align:top; padding-left:1px;} .material-swatch {border: 0px solid red; display:inline-block; position:relative; width:20%; text-align:center; padding:0 20px 53px 20px; vertical-align:top; *behavior: url(scripts/boxsizing.htc); -webkit-transition:width 0.4s; transition:width 0.4s;} .material-swatch-image {border: 0px solid red; width:100%; padding-bottom:100%; margin-bottom:23px; background-color:#ffffff; background-size:contain; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(153,153,153,0.1); -webkit-transition:box-shadow 0.2s; transition:box-shadow 0.2s;} .material-swatch a:hover .material-swatch-image {box-shadow:inset 0 0 0 8px rgba(216, 15, 26, 0.8);} .material-swatch a:link, .material-swatch a:visited {color:#615e5d; -webkit-transition:color 0.3s; transition:color 0.3s;} .material-swatch a:hover {color:#d80f1a;} .new, .backlit, .offer {position:absolute; left:0; top:0; font-family:'Merriweather', serif; font-style:italic; font-size:14px; width:60px; line-height:60px; margin-left:20px; color:#ffffff; background-color:rgba(216, 15, 26, 0.8); border-radius:50%; pointer-events:none;} .new.five, .backlit.five, .offer.five {font-size:14px; width:60px; line-height:60px;} .new.four, .backlit.four, .offer.four {font-size:15px; width:70px; line-height:70px;} .new.three, .backlit.three, .offer.three {font-size:16px; width:90px; line-height:90px;} .backlit {font-size:13px; background-color:rgba(250, 200, 70, 0.6);} .offer {font-size:13px; background-color:rgba(60, 200, 100, 0.8);} /*.offer {font-size:13px; background-color:rgba(240, 100, 30, 0.8);}*/ /* FILTERS */ #filter, #no-filter {position:absolute; top:80px; left:0; right:0; text-align:center; padding:0 7.2%; overflow:visible; z-index:5;} .filter-button {display:inline-block; width:50%; padding:0 20px; *behavior:url(scripts/boxsizing.htc); margin:0 auto; vertical-align:top;} #choose-colour-wrap {background-color:#ffffff; border-radius:4px;} #choose-colour-button {font-size:14px; color:#615e5d; line-height:58px; letter-spacing:0.4px; padding-bottom:1px; cursor:pointer; -webkit-transition:color 0.4s; transition:color 0.4s;} #choose-colour-button:hover {color:#d80f1a;} #choose-colour {display:none; margin:0 10px; line-height:0; cursor:auto;} #choose-colour a {display:block; width:100%; height:100%;} #choose-colour li, #choose-colour span {display:inline-block; width:40px; height:40px; margin:0 10px 20px 10px; border-radius:20px; cursor:pointer; -webkit-transition:background-color 0.4s ease, border 0.3s; transition:background-color 0.4s ease, border 0.3s;} #white {background-color:#ffffff; border:1px solid #e6e2e1;} #grey {background-color:#cacaca;} #black {background-color:#333333;} #brown {background-color:#7b6455;} #cream {background-color:#f1e4d2;} /*#f6e5d8*/ #red {background-color:#d27269;} #gold {background-color:#e3d1a6;} #green {background-color:#738774;} #blue {background-color:#8b98b2;} #all-colours {position:relative;} .all-colours {display:inline-block; position:absolute; top:0; right:-10px; line-height:40px; color:#ffffff; background-color:#615e5d;} .all-colours:hover {background-color:#d80f1a;} #choose-colour li:hover:not(#all-colours) {border:3px solid #d80f1a;} #white.open, #grey.open, #black.open, #brown.open, #cream.open, #red.open, #gold.open, #green.open, #blue.open {border:3px solid #d80f1a;} #choose-swatch-size {display:inline-block;} #choose-swatch-size div {float:left; margin:0 15px; line-height:0; cursor:pointer;} #choose-swatch-size span {display:inline-block; margin-right:5px; background-color:#ffffff; -webkit-transition:background-color 0.3s ease; transition:background-color 0.4s ease;} #swatch-one {display:none; padding:12px 0;} #swatch-one span {height:36px; width:36px; margin-right:0px; border-radius:18px;} .material-swatch.one {width:100%;} #swatch-two {display:none; padding:16px 0 16px 5px;} #swatch-two span {height:28px; width:28px; border-radius:14px;} .material-swatch.two {width:50%;} #swatch-three {padding:20px 0 20px 5px;} #swatch-three span {height:20px; width:20px; border-radius:10px;} .material-swatch.three {width:33.33%;} #swatch-four {padding:23px 0 23px 5px;} #swatch-four span {height:14px; width:14px; border-radius:7px;} .material-swatch.four{width:25%;} #swatch-five {padding:25px 0 25px 5px;} #swatch-five span {height:10px; width:10px; border-radius:5px; background-color:#615e5d /*cdc5c2*/;} .material-swatch.five {width:20%;} #swatch-five span.default, #swatch-three span.default, #swatch-two span.default {background-color:#ffffff;} #swatch-five span.five, #swatch-four span.four, #swatch-three span.three, #swatch-two span.two, #swatch-one span.one {background-color:#615e5d;} #swatch-five:hover span, #swatch-four:hover span, #swatch-three:hover span, #swatch-two:hover span, #swatch-one:hover span, #swatch-five:hover span.five, #swatch-four:hover span.four, #swatch-three:hover span.three, #swatch-two:hover span.two, #swatch-one:hover span.one, #swatch-five:hover span.default {background-color:#d80f1a; -webkit-transition:background-color 0.3s; transition:background-color 0.3s;} /* MATERIAL SPECIFIC */ .page-title sup {line-height:45px; font-size:16px; vertical-align:top;} .sub-title, .sub-title-offer, .sub-title-new {display:inline-block; color:rgba(250, 250, 250, 1.0); font-size:16px; font-weight:900; line-height:45px; margin-top:45px; padding:0 25px; background-color:rgba(250, 200, 70, 0.7); border-radius:4px;} .sub-title-offer {background-color:rgba(60, 200, 100, 0.8);} .sub-title-new {background-color:rgba(216, 15, 26, 0.8);} /* ACTUAL SIZE */ #actual-size {display:block; width:100%; margin-top:-20px; background-color:#ffffff; background-size:100%; background-position:center top; background-repeat:no-repeat; background-attachment:fixed; -webkit-transition:background-size 0.6s ease; transition:background-size 0.6s ease;} #actual-size.open {background-size:1600px;} #actual-size-scale {position:relative; width:100%; padding-bottom:39vh; -webkit-transition:padding 0.6s ease; transition:padding 0.6s ease;} #actual-size-scale.open {padding-bottom:100vh;} #close-wrapper {display:none; position:absolute; top:0; bottom:0; left:0; right:0; cursor:url(../images/close-cursor.png), auto;} /* DETAILS */ #details {display:block; width:100%; font-size:14px; color:#3a3635; line-height:18px; letter-spacing:0.3px; background-color:#ffffff; vertical-align:middle;} #details-wrapper {max-width:1200px; margin:0 auto; padding:35px 20px 0 20px;} /* .details-column {display:inline-block; width:25%; padding:0 0 33px 0;} */ .details-column {display:inline-block; width:33.33%; padding:0 0 33px 0;} #details a:link, #details a:visited {color:#3a3635; fill:#d7d1ce; -webkit-transition:color 0.3s, fill 0.3s ease-in-out; transition:color 0.3s, fill 0.3s ease-in-out; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;} #details a:hover {color:#d80f1a; fill:#d80f1a;} #actual-size-button, #wishlist-button {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;} .details-actual-size-icon {display:inline-block; width:36px; height:26px; margin-bottom:2px; margin-right:15px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;} #view-actual-size:after, #hide-actual-size:after {content:' ACTUAL SIZE';} #actual-size-close {position:relative; display:inline-block; margin-right:13px; width:30px; height:30px; font-size:10px; cursor:pointer; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;} .actual-size-close span {position:absolute; left:0; width:30px; height:4px; background-color:#d80f1a; border-radius:2px; -webkit-transition:background-color 0.3s ease-in-out; transition:background-color 0.3s ease-in-out;} .actual-size-close span:nth-child(1) {top:12px; left:-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .actual-size-close span:nth-child(2) {top:12px; left:-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} #view-actual-size {display:inline-block;} #hide-actual-size {display:none;} #details-type-icon {display:inline-block; width:36px; height:36px; font-size:20px; color:#ffffff; line-height:34px; margin-right:15px; background-color:#d7d1ce; border-radius:18px; vertical-align:middle; -webkit-transition:background-color 0.3s ease-in-out; transition:background-color 0.3s ease-in-out; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;} #details a:hover #details-type-icon {background-color:#d80f1a;} .details-iq-icon {display:inline-block; width:35px; height:26px; margin-bottom:2px; margin-right:15px;} .details-materia-icon {display:inline-block; width:95px; height:16px; margin-bottom:2px; margin-right:10px;} .details-florim-icon {display:inline-block; width:70px; height:26px; margin-bottom:2px; margin-right:15px;} /*.details-silestone-icon {display:inline-block; width:88px; height:14px; margin-bottom:3px; margin-right:10px; border:0px solid #F00;}*/ .details-silestone-icon {display:inline-block; width:115px; height:18px; margin-bottom:3px; margin-right:11px; border:0px solid #F00;} .details-pin-icon {display:inline-block; width:26px; height:36px; fill:#d7d1ce; margin-bottom:2px; margin-right:15px;} .details-wishlist-icon {display:inline-block; width:30px; height:26px; margin-bottom:2px; margin-right:15px;} /* INSITU */ #insitu {position:relative; padding-top:80px;} /* LightSlider CORE */ .lSSlideOuter {overflow:hidden; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border-radius:4px;} .lSSlideWrapper {position:relative;} .lSSlideWrapper .lSSlide {-webkit-transition-duration:inherit !important; transition-duration:inherit !important;}/* SLIDE ANIMATION */ .lightSlider.lsGrab > *, .lg-outer.lg-grab img.lg-object {cursor:-webkit-grab; cursor:-moz-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab;} .lightSlider.lsGrabbing > *, .lg-outer.lg-grabbing img.lg-object {cursor:move; cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:-o-grabbing; cursor:-ms-grabbing; cursor:grabbing;} @-webkit-keyframes rightEnd {0% {left:0;} 50% {left:-20px;} 100% {left:0;}} @keyframes rightEnd {0% {left:0;} 50% {left:-20px;} 100% {left:0;}} @-webkit-keyframes leftEnd {0% {left:0;} 50% {left:20px;} 100% {left:0;}} @keyframes leftEnd {0% {left:0;} 50% {left:20px;} 100% {left:0;}} .lSSlideOuter .rightEnd {position:relative; -webkit-animation:rightEnd 0.5s; animation:rightEnd 0.5s;} .lSSlideOuter .leftEnd {position:relative; -webkit-animation:leftEnd 0.5s; animation:leftEnd 0.5s;} /* DOTS */ .lSSlideOuter .lSPager.lSpg {position:absolute; bottom:40px; left:0; right:0; height:12px; overflow:hidden;} /* DOT ROW BACKGROUND */ .lSSlideOuter .lSPager.lSpg > li {display:inline-block; padding:0 8px; cursor:pointer;} /* DOT AREA */ .lSSlideOuter .lSPager.lSpg > li a {display:inline-block; width:12px; height:12px; border-radius:6px; background-color:#ffffff; z-index:3; text-indent:-999em; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; -moz-backface-visibility:hidden; -moz-transform:translateZ(0) scale(1.0, 1.0);} .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color:#d80f1a;} /* NAVIGATION */ .lSAction > a {position:absolute; top:50%; display:block; width:80px; height:80px; margin-top:-40px; background-image:url(../images/arrows.svg); background-color:rgba(215, 209, 206, 0.5); /*border:2px solid #ffffff;*/ border-radius:40px; cursor:pointer; z-index:4; opacity:1.0; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;} .lSAction > a:hover {background-color:rgba(216, 15, 26, 1.0)} .lSAction > .lSPrev {left:40px; background-position: -1px -1px;} .lSAction > .lSNext {right:40px; background-position: -82px -1px;} /* EACH SLIDE */ .lSSlideOuter .lightSlider > * {float:left;} .iefix #slider {display:none;} /* STOCK */ #stock {padding:40px 20px 50px 20px; overflow:auto;} .stock-column {float:left; width:50%; padding:40px 20px;} .stock-column-half {float:left; width:50%; padding:40px 20px 30px 20px;} .stock-column-full {float:left; width:100%; padding:40px 20px 30px 20px;} .stock-details {float:left; position:relative; font-size:16px; color:#3a3635; width:100%; padding:50px; /*padding-bottom:50%;*/ background-color:#ffffff; border-radius:4px 4px 0 0;} .stock-details-full {float:left; position:relative; font-size:16px; color:#3a3635; width:100%; padding:50px; /*padding-bottom:50%;*/ background-color:#ffffff; border-radius:4px;} .in-stock, .low-stock {display:block; letter-spacing:0.6px; font-weight:900; padding:10px 0;} .low-stock {color:#d80f1a;} .stock-dimensions {display:block; color:#615e5d; padding:14px 20px 12px 20px;} .stock-finish {display:block; color:#9c9a9a; padding-bottom:5px;} .stock-block {display:block; width:120px; font-size:14px; color:#ffffff; line-height:40px; padding-bottom:2px; margin:24px auto 0 auto; background-color:#cdc5c2; border-radius:4px;} .stock-swatch {display:none; float:left; width:50%; padding-bottom:50%; background-color:#ffffff; background-size:cover;} .down-arrow {position:absolute; bottom:-13px; left:0; right:0; width:40px; height:15px; fill:#ffffff; z-index:5;} .stock-slab {float:left; clear:both; position:relative; width:100%; margin-top:0; padding-bottom:56.25%; background-color:#ffffff; background-size:100% 100%; background-repeat:no-repeat; border-radius:0 0 4px 4px;} .stock-slab-full {float:left; clear:both; position:relative; width:100%; margin-top:40px; padding-bottom:50%; background-color:; background-size:100% 100%; background-repeat:no-repeat; border-radius:0px;} .stock-enquire {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;} .stock-enquire:link, .stock-enquire:visited {display:block; width:120px; font-size:14px; color:#ffffff; line-height:40px; padding-bottom:2px; margin:0 auto; background-color:rgba(58, 54, 53, 0.3); border-radius:4px; -webkit-transition:background-color 0.3s; transition:background-color 0.3s;} .stock-enquire:hover {color:#ffffff; background-color:rgba(216, 15, 26, 1.0);} .in-stock a:link, .in-stock a:visited {color:#d80f1a; -webkit-transition:color 0.4s, background-color 0.4s, border 0.4s, opacity 0.3s; transition:color 0.4s, background-color 0.4s, border 0.4s, opacity 0.3s;} .in-stock a:hover {opacity:0.7;} /* NEW STOCK */ #stock-new {padding:0 40px 80px 40px; overflow:auto;} .stock-slab-new {position:relative; margin-top:80px; margin-bottom:40px; pointer-events:none;} .stock-slab-natural-new {position:relative; margin-top:80px; border-top-left-radius:4px; border-top-right-radius:4px; pointer-events:none;} .stock-column-new {position:relative; width:100%; padding:40px 40px; background-color:#ffffff; border-radius:4px;} .stock-column-natural-new {position:relative; width:100%; padding:40px 40px; background-color:#ffffff; border-bottom-right-radius:4px; border-bottom-left-radius:4px;} .up-arrow {position:absolute; top:-14px; left:0; right:0; width:40px; height:15px; fill:#ffffff; z-index:5; transform: rotate(180deg);} .available-new {display:inline-block; width:20%; font-size:15px; letter-spacing:0.6px; font-weight:900; color:#ffffff; line-height:40px; background-color:#3a3635; border-radius:4px; margin:0 auto; vertical-align:top;} .dimensions-new {display:inline-block; width:20%; color:#615e5d; line-height:40px; background-color:;} .thickness-new {display:inline-block; width:20%; color:#615e5d; line-height:40px; border-left:1px solid #efecea; border-right:1px solid #efecea; background-color:;} .finish-new {display:inline-block; width:20%; color:#9c9a9a; line-height:40px; background-color:;} .enquire-new:link, .enquire-new:visited {display:inline-block; width:20%; font-size:14px; color:#ffffff; line-height:38px; padding-bottom:2px; margin:0 auto; background-color:#cdc5c2; border-radius:4px; vertical-align:top; -webkit-transition:background-color 0.3s; transition:background-color 0.3s;} .enquire-new:hover {background-color:#d80f1a;} .in-stock sup {font-size:10px; vertical-align:top;} .stock-two {margin-top:40px;} .discontinued-new {display:inline-block; width:100%; font-size:15px; letter-spacing:0.6px; font-weight:900; color:#ffffff; line-height:40px; background-color:#3a3635; border-radius:4px; margin:0 auto; vertical-align:top;} .due-new {display:inline-block; width:20%; font-size:15px; letter-spacing:0.6px; font-weight:900; color:#ffffff; line-height:40px; background-color:#615e5d; border-radius:4px; margin:0 auto; vertical-align:top;} .low-new {display:inline-block; width:20%; font-size:15px; letter-spacing:0.6px; font-weight:900; color:#ffffff; line-height:40px; background-color:#d80f1a; border-radius:4px; margin:0 auto; vertical-align:top;} .special-offer {display:inline-block; width:20%; font-size:15px; letter-spacing:0.6px; font-weight:900; color:#ffffff; line-height:40px; background-color:rgba(60, 200, 100, 0.8); border-radius:4px; margin:0 auto; vertical-align:top;} .stock-slab-natural-container {position:relative;} .block-ref {position:absolute; top:40px; right:40px; z-index:1; font-size:14px; color:#3a3635; line-height:40px; letter-spacing:0.3px; background-color:#ffffff; padding:0 20px; border-radius:4px;} /* NOT USED */ /*.stock-details-new {float:left; position:relative; font-size:16px; color:#3a3635; width:100%; padding:55px; padding-bottom:50%; background-color:#ffffff; border-radius:6px;} */ /*.in-stock-new {display:block; letter-spacing:0.6px; font-weight:900; padding-bottom:6px;} */ /*.stock-dimensions-new {display:block; color:#615e5d; padding:6px;} */ /*.grey {color:#9c9a9a;} */ /*.stock-finish-new {display:block; color:#9c9a9a; padding-top:6px;} */ /*.stock-enquire-new:link, .stock-enquire-new:visited {position:absolute; bottom:-20px; left:0; right:0; display:block; width:100px; font-size:14px; color:#615e5d; line-height:40px; padding-bottom:2px; margin:0 auto; background-color:rgba(255, 255, 255, 1.0); border-radius:6px; -webkit-transition:background-color 0.3s; transition:background-color 0.3s;} */ /*.stock-enquire-new:hover {color:#ffffff; background-color:rgba(216, 15, 26, 1.0);} */ /*.valign-enquire {position:relative; top:75%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} */ /*.in-stock a:link, .in-stock a:visited {color:#d80f1a; -webkit-transition:color 0.3s, opacity 0.3s; transition:color 0.3s, opacity 0.3s;} */ /*.in-stock a:hover{opacity:0.7;} */ /* #last-updated {float:left; width:100%; padding:32px 40px; margin-bottom:30px; font-size:16px; font-weight:400; color:#ffffff; letter-spacing:0.1px; background-color:#3a3635; border-radius:4px; opacity:0.8;} */ /* SHARE */ #share {display:block; width:100%; font-size:16px; color:#615e5d; line-height:30px; letter-spacing:0.3px; padding-top:80px; padding-bottom:80px; background-color:#ffffff;} #share a:link, #share a:visited {color:#d80f1a; -webkit-transition:color 0.4s, background-color 0.4s, border 0.4s, opacity 0.3s; transition:color 0.4s, background-color 0.4s, border 0.4s, opacity 0.3s;} #share p a:hover {opacity:0.7;} #share-button-wrapper/*, #sample-button-wrapper*/ {display:inline-block; position:relative; width:192px; font-weight:900; margin:50px 30px 0 30px; cursor:pointer; vertical-align:middle;} #share-button, #sample-button {display:block; width:100%; font-size:14px; padding-bottom:100%; background-color:#3a3635; border-radius:50%; opacity:1; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;} #share-button-overlay {display:block; position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; background-color:#d80f1a; border-radius:50%; opacity:0; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;} #share-button-wrapper:hover #share-button-overlay, #share-button-overlay.open {background-color:#d80f1a; opacity:1; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;} #share-button-wrapper:hover #share-button, #share-button.open {opacity:0; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease;} #share-button-mobile {display:none; position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; border-radius:50%; opacity:0;} #share-button-mobile.open {display:none;} .share-button-text, .sample-button-text {position:absolute; width:100%; top:50%; left:50%; color:#ffffff; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center;} .share-button-text span {display:block; margin:-20px 0 10px 0;} #share-button-wrapper a:link {display:inline-block; line-height:0; margin:2px 10px 0 10px; -webkit-transition:fill 0.3s ease; transition:fill 0.3s ease;} .email-icon {width:36px; height:26px; fill:#ffffff; -webkit-transition:fill 0.3s ease-in-out; transition:fill 0.3s ease;} .email-icon:hover {fill:#3a3635;} #share .fb-icon {float:none; margin-top:0; pointer-events:none;} #share-facebook:hover .fb-icon {fill:#3a3635;} #sample-button-wrapper {display:inline-block; position:relative; width:192px; font-weight:900; margin:50px 30px 0 30px; vertical-align:middle;} #sample-button {background-color:#ffffff; border:1px solid #cdc5c2; -webkit-transition:background-color 0.5s ease, border 0.5s ease; transition:background-color 0.5s ease, border 0.5s ease;} .sample-button-text {color:#615e5d; -webkit-transition:color 0.5s ease; transition:color 0.5s ease;} .sample-button-text .merriweather {display:block; font-size:14px; font-weight:400; line-height:17px; color:#cdc5c2; margin-top:2px;} /*#sample-button-wrapper:hover #sample-button {background-color:#d80f1a; border:1px solid #d80f1a;}*/ /*#sample-button-wrapper:hover .sample-button-text {color:#ffffff;}*/ #sample-icon {width:60px; height:36px; margin-bottom:5px;} #warranty-icon-link {display:inline-block; width:130px; margin:50px 32px 0 32px; vertical-align:middle; -webkit-transition:opacity 0.4s; transition:opacity 0.4s; display:none !important;} #warranty-icon-link:hover {opacity:0.7;} /* SIMILAR */ #similar {position:relative; line-height:22px; text-align:center; padding-top:100px; padding-bottom:80px;} #similar-title {display:block; width:100%; font-size:40px; color:#3a3635; font-weight:900; padding-bottom:60px;} @media only screen and (max-height: 450px){ #actual-size-scale {padding-bottom:75vh;} } @media only screen and (max-width: 1200px){ #material-list {padding:0 40px;} #warranty-band {padding:80px 0;} #details-wrapper {padding:35px 40px 0 40px;} #insitu {padding-top:60px;} #stock {padding:40px;} .stock-column {padding:30px 20px;} .stock-column-full {padding:30px 20px;} .new {font-size:13px; width:50px; line-height:50px;} .backlit, .offer {font-size:12px; width:50px; line-height:50px;} .new.five, .backlit.five, .offer.five {font-size:13px; width:50px; line-height:50px;} .new.four, .backlit.four, .offer.four {font-size:14px; width:60px; line-height:60px;} .new.three, .backlit.three, .offer.three {font-size:16px; width:70px; line-height:70px;} .new.two, .backlit.two, .offer.two {font-size:16px; width:110px; line-height:110px;} } @media only screen and (max-width: 1150px){ .spec-column {padding-top:20px;} } @media only screen and (max-width: 1024px){ #share-button-mobile {display:block;} } @media only screen and (max-width: 1000px){ .material-swatch {width:25%;} } @media only screen and (max-width: 850px){ #warranty-band {padding:60px 0;} #specs {padding:10px 40px;} #choose-swatch-size div {margin:0 10px;} #swatch-two {display:inline-block;} #swatch-five {display:none;} #swatch-three span {background-color:#615e5d;} .material-swatch {width:33.33%;} #details-wrapper {padding:25px 20px 0 10px;} .details-column {vertical-align:top;} #details-type-icon, .details-pin-icon {display:block; margin:0 auto 8px auto;} .details-actual-size-icon, .details-iq-icon, .details-florim-icon, .details-wishlist-icon {display:block; margin:5px auto 13px auto;} /*.details-silestone-icon {display:block; margin:11px auto 19px auto;}*/ .details-silestone-icon {display:block; margin:9px auto 17px auto;} .details-materia-icon {display:block; margin:10px auto 18px auto;} #actual-size-close {display:block; margin:3px auto 13px auto;} #actual-size {background-size:150%; background-attachment:scroll; background-position:center center;} .stock-slab-new {margin-bottom:25px;} .stock-column-new, .stock-column-natural-new {padding:20px;} #stock-new {padding:0 40px 40px 40px;} .stock-slab-new, .stock-slab-natural-new {margin-top:40px;} .available-new, .due-new, .low-new, .special-offer {width:100%; margin:0 auto;} .dimensions-new {width:33.33%; margin:20px 0; line-height:20px;} .thickness-new {width:33.33%; line-height:20px;} .finish-new {width:33.33%;} .enquire-new:link, .enquire-new:visited {width:100%;} .block-ref {top:20px; right:20px; font-size:13px;} #share-button-wrapper, #sample-button-wrapper {width:180px; margin:50px 0 0 0;} #warranty-icon-link {margin:50px 40px 0 40px;} } @media only screen and (max-width: 768px){ #swatch-four {display:none;} #insitu {padding:0; margin:0;} .lSSlideOuter {border-radius:0;} #stock {padding:30px 30px 40px 30px;} .stock-column, .stock-column-full {padding:20px 20px;} .new {font-size:13px; width:54px; line-height:54px; margin-left:20px;} .backlit, .offer {font-size:12px; width:54px; line-height:54px; margin-left:20px;} .new.five, .backlit.five, .offer.five {font-size:12px; width:40px; line-height:40px;} .new.four, .backlit.four, .offer.four {font-size:13px; width:46px; line-height:46px;} .new.three, .backlit.three, .offer.three {font-size:13px; width:54px; line-height:54px;} .new.two, .backlit.two, .offer.two {font-size:15px; width:70px; line-height:70px;} .new.one, .backlit.one, .offer.one {font-size:16px; width:120px; line-height:120px;} #share {padding-top:60px; padding-bottom:70px;} #similar {padding-top:90px; padding-bottom:40px;} } @media only screen and (max-width: 750px){ .page-title sup {line-height:32px; font-size:12px;} .sub-title, .sub-title-offer. .sub-title-new {margin-top:30px;} #warranty-band {line-height:28px;} #material-list, #filter, #no-filter {padding:0 30px;} #specs {padding:10px 20px;} #share-button-wrapper, #sample-button-wrapper {width:160px;} } @media only screen and (max-width: 670px){ #sample-button-wrapper, #share-button-wrapper {margin:35px 0 0 0;} /*#share-button-wrapper {display:block; margin:35px auto 0 auto;}*/ #warranty-icon-link {width:106px; margin:35px 40px 0 40px;} } @media only screen and (max-width: 650px){ .spec-column {width:33.33%; padding:20px 10px 10px 10px;} #filter, #no-filter {padding:0 20px;} .material-swatch {padding:0 10px 63px 10px;} #stock {padding:20px 20px 40px 20px;} .stock-column {padding:20px 20px;} .new, .backlit, .offer {margin-left:10px;} .stock-details, .stock-details-new {padding:40px;} #similar {padding-top:80px; padding-bottom:20px;} } @media only screen and (max-width: 600px){ #material-list {padding:0 20px;} #iq-logo, #florim-logo {margin-top:6px;} #details-wrapper {padding:25px 30px 0 30px;} .stock-column {width:100%;} } @media only screen and (max-width: 550px){ #warranty-band-left, #warranty-band-right {width:100%; padding:0; border:0;} #warranty-band-right {margin-top:30px;} #warranty-band-button {width:100%;} .filter-button {width:100%; padding:0 10px;} #choose-swatch-size {padding-top:10px;} #swatch-one {display:inline-block;} #swatch-two span {background-color:#615e5d;} #swatch-three span {background-color:#ffffff;} #swatches {padding-top:240px; padding-bottom:20px;} #swatches-no-filter {padding-top:170px; padding-bottom:20px;} #no-filter {top:28px;} .material-swatch {width:50%; padding:0 10px 43px 10px;} #view-actual-size:after, #hide-actual-size:after {content:' 1:1';} #wishlist-add-to {display:none;} #stock-new {padding:0 20px 40px 20px;} .stock-slab-new {margin-bottom:20px;} .stock-column-new {padding:20px;} .stock-two {margin-top:20px;} .available-new {width:100%; margin:0 auto;} .dimensions-new {width:50%; margin:18px 0;} .thickness-new {width:50%; border-right:0px solid #efecea;} .finish-new {width:50%;} .enquire-new:link, .enquire-new:visited {width:50%;} } @media only screen and (max-width: 450px){ .page-title sup {line-height:23px; font-size:10px;} #istone-band .istone-logo {width:170px;} .istone-logo {width:200px; margin-bottom:0;} #iq-logo {width:90px;} #florim-logo {width:160px;} .spec-column {font-size:12px;} #actual-size {background-size:200%; margin-top:-10px;} #actual-size-scale {padding-bottom:40vh;} #details {font-size:13px;} #details-wrapper {padding:20px 10px 0 8px;} .details-column {padding:0 0 25px 0;} #details-type-icon, .details-pin-icon {display:block; margin:0 auto 6px auto;} .details-actual-size-icon, .details-iq-icon, .details-florim-icon, .details-materia-icon, .details-wishlist-icon {display:block; margin:5px auto 11px auto;} /*.details-silestone-icon {display:block; margin:11px auto 17px auto;}*/ .details-silestone-icon {display:block; margin:14px auto 15px auto;} .details-materia-icon {display:block; margin:10px auto 16px auto;} #actual-size-close {display:block; margin:3px auto 11px auto;} .lSAction > a {width:40px; height:40px; background-color:rgba(215, 209, 206, 0.0); margin-top:-20px; border-radius:4px;} .lSAction > a:hover {background-color:rgba(216, 15, 26, 0.0)} .lSAction > .lSPrev {left:20px; background-position: -21px -21px;} .lSAction > .lSNext {right:20px; background-position: -102px -21px;} .lSSlideOuter .lSPager.lSpg {display:none;} /* DOT ROW BACKGROUND */ #stock {padding:15px 15px 40px 15px;} .stock-column, .stock-column-full {padding:15px;} .stock-slab-full, .stock-slab-full-new {margin-top:30px;} .new {font-size:12px; width:48px; line-height:48px; margin-left:10px;} .backlit, .offer {font-size:11px; width:48px; line-height:48px; margin-left:10px;} .new.three, .backlit.three, .offer.three {font-size:10px; width:40px; line-height:40px; margin-left:10px;} .new.two, .backlit.two, .offer.two {font-size:12px; width:48px; line-height:48px; margin-left:10px;} .new.one, .backlit.one, .offer.one {font-size:15px; width:80px; line-height:80px; margin-left:10px;} #share {line-height:26px; padding-top:50px; padding-bottom:65px;} #share-button-wrapper, #sample-button-wrapper {display:block; width:170px; margin:35px auto 0 auto;} #warranty-icon-link {width:140px; margin:35px 30px 0 30px;} #share-button-wrapper {margin:35px auto 0 auto;} #similar {padding-top:70px; padding-bottom:20px;} #similar-title {padding-bottom:55px;} } @media only screen and (max-width: 420px){ #warranty-band {padding:60px 0;} #specs {padding:20px 20px 0 20px;} #swatches {padding-top:200px;} #swatches-no-filter {padding-top:130px;} #filter {top:50px;} } @media only screen and (max-width: 374px){ } @media only screen and (max-width: 350px){ #warranty-band {font-size:14px; line-height:26px;} #specs {padding:20px 15px 0 15px;} .spec-column {padding:15px 10px 10px 10px;} #swatches, #swatches-no-filter {font-size:14px;} #swatch-three {display:none;} #swatch-two {margin:0 30px 0 0; padding-left:0;} #swatch-two span {background-color:#615e5d;} #swatch-one {margin:0; padding-left:0; } .material-swatch {width:50%;} #material-list sup {line-height:19px; font-size:8px;} #details {font-size:12px;} #details-wrapper {padding:20px 8px 0 8px;} #similar {font-size:14px;} }