/* main css */
html, body {
font-size: 16px;
}
.page-layout-rolex_collection .container {
padding: 0;
max-width: 1360px !important;
width: 95% !important;
margin: 0 auto;
}
#rolex-container{font-family: "Montserrat", "Helvetica Neue", Helvetica, sans-serif !important;}
.rolex-custom-class-unique {
cursor: inherit !important;
}
div.wrap { position: relative; display: inline-block; max-width: 1000px; width: 96%; padding-left: 2%; padding-right: 2%; margin-left: auto; margin-right: auto; }
div.wrap div.padded { width: 94%; padding: 1.5rem 3% 2.5rem 3%; }
@media screen and (max-width:765px) {
div.wrap div.padded { width: 92%; padding: 1rem 4% 1rem 4%; }
}
div.wrap div.h-padded { width: 96%; padding: 0 2% 0 2%; }
@media screen and (max-width:765px) {
div.wrap div.h-padded { width: 96%; padding: 0 2% 0 2%; }
}
div.float-left { float: left; }
div.float-right { float: right; }
div.float-center { position: relative; margin: 0 auto; }
/* Global Styles: text-1
-------------------------------------------------- */
.text-1 h1 { font-size: 1.728rem; line-height: 1.2em; font-weight: 200; color: #cc9900; }
.text-1 h2 { font-size: 1.44rem; line-height: 1.2em; font-weight: 200; text-transform: uppercase; letter-spacing: 0.1em; color: #cc9900; }
.text-1 h3 { font-size: 1.2rem; line-height: 1.2em; font-weight: 200; color: #a0a0a0; }
.text-1 h4 { font-size: 1.2rem; line-height: 1.2em; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; color: #cc9900; }
.text-1 h5 { font-size: 1rem; line-height: 1.2em; font-weight: 300; color: #a0a0a0; }
.text-1 h6 { font-size: 0.83rem; line-height: 1.6em; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; color: #cc9900; }
.text-1 p { font-size: 1rem; line-height: 1.5em; font-weight: 300; max-width: 25em; color: #3c3c3c; }
.text-1 p a { color: #cc9900; text-decoration: none; }
.text-1 p a:hover { border-bottom: 1px solid #cc9900; }
.text-1 p strong { font-weight: 400; color: #000; }
.text-1 p.gray { color: #a0a0a0; }
.text-1 label { display: table; margin: 1.5rem 0 0.5rem 0; float: none; }
.text-1 input[type="text"], .text-1 input[type="email"], .text-1 input[type="tel"], .text-1 input[type="password"] { padding: 0.3em 0.5em 0.4em 0.5em; width: 50%; }
.text-1 textarea { padding: 0.3em 0.5em 0.4em 0.5em; border: 1px solid #d2d2d2 !important; width: 300px; height: 100px; font-size: 1rem; line-height: 1.4em; font-weight: 300; }
.text-1 span.required { color: #cc9900; }
.text-1 div.form-drop-down { padding: 0.5rem 0; }
.text-1 div.form-drop-down div.option { font-size: 0; }
.text-1 div.form-drop-down div.option div.title { display: inline-block; font-size: 0.694rem; line-height: 1.4em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; padding: 0.1em 0; margin-right: 0.5em; border: none; }
.text-1 div.form-drop-down div.option div.selection { display: inline-block; font-size: 1rem; line-height: 1.4em; font-weight: 300; text-transform: none; letter-spacing: 0; padding: 0.1em 0.2em; border-bottom: 1px solid #cc9900; cursor: pointer; }
.text-1 div.form-drop-down div.option div.arrow { display: inline-block; font-size: 0.83rem; line-height: 1.4em; font-weight: 300; color: #a0a0a0; padding: 0.1em 0.4em; cursor: pointer; }
.text-1 button { display: block; margin-top: 1rem; background-color: #cc9900; padding: 1em 1.5em 0.6em 1.5em; border: none; border-bottom: 0.4em solid #cc9900; font-size: 0.83rem; line-height: 1.2em; font-weight: 700; -webkit-font-smoothing: antialiased; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; text-align: center; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; cursor: pointer; }
.text-1 button:hover { border-bottom: 0.4em solid #a87e00; }
.text-1 figure img { max-width: 100%; }
.text-1 figure figcaption { padding: 0.5em 0 1rem 0; font-size: 0.694rem; line-height: 1.5em; font-weight: 400; color: #787878; }
.centered { text-align: center; }
.centered h1, .centered h2, .centered h3, .centered h4, .centered h5, .centered p { margin: 0 auto; }
.no-margin { margin: 0; }
hr.gray { margin: 0; border: 2px solid #f0f0f0; }
hr.gold { margin: 0; border: none; border-top: 1px solid #cc9900; }
hr.gold.padded { margin-top: 1rem; margin-bottom: 1rem; }
@media screen and (max-width:765px) {
.no-mobile { display: none !important; }
}
@media screen and (min-width:765px) {
.only-mobile { display: none !important; }
}
@media screen and (max-width:765px) {
.solid-white-on-mobile { background-color: #fff; }
}
.i { color: #fff !important; }
/* Columns
-------------------------------------------------- */
div.two-columns { position: relative; display: inline-block; width: 100%; }
div.two-columns div.left { position: relative; width: 50%; margin: 0 -50% 0 0; float: left; }
div.two-columns div.left.w25 { width: 25%; margin: 0 -25% 0 0; }
div.two-columns div.left.w40 { width: 38%; margin: 0 -38% 0 0; }
div.two-columns div.left.w60 { width: 62%; margin: 0 -62% 0 0; }
div.two-columns div.left.w75 { width: 75%; margin: 0 -75% 0 0; }
div.two-columns div.left div.padded { width: 91%; padding: 1.5rem 3% 2.5rem 6%; }
div.two-columns div.left div.padded.top-bottom { padding-bottom: 1.5rem; }
div.two-columns div.right { position: relative; width: 50%; margin: 0 -100% 0 50%; float: left; }
div.two-columns div.right.w25 { width: 25%; margin: 0 -100% 0 75%; }
div.two-columns div.right.w40 { width: 38%; margin: 0 -100% 0 62%; }
div.two-columns div.right.w60 { width: 62%; margin: 0 -100% 0 38%; }
div.two-columns div.right.w75 { width: 75%; margin: 0 -100% 0 25%; }
div.two-columns div.right div.padded { width: 99%; padding: 0rem 6% 2.5rem 3%; }
div.two-columns div.right div.padded.top-bottom { padding-bottom: 1.5rem; }
div.two-columns div.left div.full, div.two-columns div.right div.full { display: inline-block; background-color: #333; width: 100%; height: 100%; padding: 0; }
.page-layout-brandproductlist div.two-columns div.left { width: 40%; margin: 0 -40% 0 0; }
.page-layout-brandproductlist div.two-columns div.right { width: 60%; margin: 0 -100% 0 40%; }
.page-layout-brandproductlist div.two-columns div.left div.padded { padding: 1.5rem 3% 10px 6%; }
@media screen and (max-width:765px) {
div.two-columns div.left, div.two-columns div.right { width: 100%; margin: 0; float: none; }
div.two-columns div.left.w25, div.two-columns div.left.w40, div.two-columns div.left.w60, div.two-columns div.left.w75, div.two-columns div.right.w25, div.two-columns div.right.w40, div.two-columns div.right.w60, div.two-columns div.right.w75 { width: 100%; margin: 0; }
div.two-columns div.left div.padded, div.two-columns div.right div.padded { width: 90%; padding: 1.5rem 1% 2.5rem 3% }
}
div.three-columns, div.four-columns { position: relative; display: table; width: 100%; }
div.three-columns a div.item, div.four-columns a div.item { display: table; position: relative; float: left; text-align: center; }
div.three-columns a div.item img.thumb, div.four-columns a div.item img.thumb { max-width: 90%; max-height: 200px; margin-bottom: 1em; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
div.three-columns a div.item p, div.four-columns a div.item p { color: #3c3c3c; font-size: 0.83rem; line-height: 1.3em; font-weight: 300; width: 75%; margin: 0 12.5%; }
div.three-columns a.v-padded-bottom, div.four-columns a.v-padded-bottom { padding-bottom: 1em; }
div.three-columns a:hover div.item p, div.four-columns a:hover div.item p { color: #cc9900; }
div.three-columns div.item { display: table; position: relative; float: left; width: 30.3%; padding: 1.5%; }
@media screen and (max-width:765px) {
div.three-columns div.item { width: 47%; }
}
div.four-columns div.item { width: 22%; padding: 1.5%; }
@media screen and (max-width:765px) {
div.four-columns div.item { width: 47%; }
}
div.image-wrap { position: relative; width: 100%; height: 100%; }
div.image-wrap div.screen { display: inline-block; position: absolute; width: 100%; height: 100%; }
div.image-wrap img { max-width: 100%; }
/* Header BG
-------------------------------------------------- */
#header-bg { display: table; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 2000px; }
#header-bg div.container { position: absolute; top: 0; left: 0; width: 100%; min-height: 700px; background-position: center top; background-size: contain; background-repeat: no-repeat; }
main { position: relative; width: 100%; }
@media screen and (max-width:765px) {
main { margin-top: 48px; }
}
/* Shop Top Bar
-------------------------------------------------- */
#shop-top-bar { display: table; position: relative; width: 100%; height: 18px; background-color: rgba(0, 0, 0, 0.7); font-size: 0.62rem; line-height: 1em; font-weight: 400; -webkit-font-smoothing: antialiased; color: #fff; text-transform: uppercase; text-align: center; }
@media screen and (max-width:1024px) {
#shop-top-bar { position: fixed; top: 0; left: 0; z-index: 100; }
#shop-top-bar .wrap { width: 100%; padding: 2px 0; }
#shop-top-bar .wrap div.hamburger { position: absolute; top: 0; left: 0; z-index: 101; display: inline-block; width: 44px; height: 44px; background-image: url("images/hamburger.png"); background-size: cover; }
#shop-top-bar .wrap div.logo-mobile { display: inline-block; width: 120px; height: 44px; background-size: cover; }
#shop-top-bar .wrap div.cart { position: absolute; top: 0; right: 0; z-index: 101; display: inline-block; width: 44px; height: 44px; background-image: url("images/cart.png"); background-size: cover; }
}
#shop-top-bar ul { margin: 0; padding: 8px 0; list-style: none; }
#shop-top-bar ul li { display: inline-block; margin-right: 0.75em; }
#shop-top-bar ul li:last-of-type { margin-right: 0; }
#shop-top-bar ul li a { color: #fff; text-decoration: none; }
#shop-top-bar ul li a:hover { color: #cc9900; }
/* Title Bar
-------------------------------------------------- */
#title-bar { display: table; position: relative; width: 100%; height: 75px; background-color: rgba(0, 0, 0, 0.55); text-align: center; }
#title-bar div.logo { position: relative; width: 190px; height: 57px; float: left; margin: 10px 0 0 0; }
#title-bar div.logo img { width: 190px; height: 57px; }
#title-bar div.search-container { display: block; position: absolute; left: 30%; padding-top: 15px; max-width: 440px; width: 50%; height: 40px; }
#title-bar div.search-container div.search-big { display: block; position: relative; max-width: 440px; width: 100%; max-height: 40px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
#title-bar div.search-container div.search-big div.search-dropdown { display: table; float: left; width: 15%; height: 40px; background-color: #d2d2d2; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; font-size: 0.694rem; line-height: 1.2em; font-weight: 800; text-transform: uppercase; color: #a0a0a0; text-align: center; }
#title-bar div.search-container div.search-big div.search-dropdown p { margin: 0; padding: 14px 5px 0 5px; }
#title-bar div.search-container div.search-big div.search-input { display: table; float: left; width: 65%; height: 40px; background-color: #fff; font-size: 1rem; line-height: 1.2em; font-weight: 300; color: #d2d2d2; overflow: hidden; }
#title-bar div.search-container div.search-big div.search-input p { margin: 0; padding: 10px 5px 0 10px; }
#title-bar div.search-container div.search-big div.search-button { display: table; float: left; width: 20%; height: 40px; background-color: #cc9900; font-size: 0.694rem; line-height: 1.2em; font-weight: 800; -webkit-font-smoothing: antialiased; color: #fff; text-transform: uppercase; text-align: center; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
#title-bar div.search-container div.search-big div.search-button p { margin: 0; padding: 14px 5px 0 5px; }
#title-bar div.sponsor { position: relative; width: 114px; height: 57px; margin: 9px 0 0 0; float: right; }
#title-bar div.sponsor img { width: 114px; height: 57px; }
/* Menu Bar
-------------------------------------------------- */
#menu-bar { display: table; position: relative; width: 100%; height: 25px; background-color: rgba(0, 0, 0, 0.4); text-align: center; }
@media screen and (max-width:990px) {
#menu-bar { display: block; }
}
@media screen and (max-width:1024px) {
#menu-bar { display: none; }
}
@media screen and (min-width:1024px) {
#menu-bar { display: block; }
}
#menu-bar div.wrap { text-align: left; }
#menu-bar ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
#menu-bar ul li { display: inline-block; padding: 7px 0; font-size: 0.694rem; line-height: 1em; font-weight: 800; -webkit-font-smoothing: antialiased; color: #fff; text-transform: uppercase; letter-spacing: 0.05em; }
#menu-bar ul li:hover { }
#menu-bar ul li:hover a { color: #cc9900; }
#menu-bar ul li a { padding: 0.3rem 0.65em; color: #fff; text-decoration: none; }
#menu-bar ul li:first-of-type { margin-left: -0.65em; }
#menu-bar ul li:last-of-type { margin-right: 0; }
#menu-bar ul li div.menu-dropdown { visibility: hidden; }
#menu-bar ul li:hover div.menu-dropdown { visibility: visible; }
/* Menu Dropdown
-------------------------------------------------- */
#menu-bar .menu-dropdown { display: table; position: absolute; top: 25px; left: 0; z-index: 10; min-height: 200px; width: 100%; height: auto; margin: 0 auto; padding: 1rem 0; background-color: #fff; font-size: 0; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
#menu-bar .menu-dropdown ul.menu-dropdown-list { width: 100%; padding: 0 !important; font-size: 0; }
#menu-bar .menu-dropdown ul.menu-dropdown-list li { display: block; float: none; width: 100%; padding: 0.3rem 0; margin: 0; font-size: 0.694rem; line-height: 1em; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; color: #3c3c3c; text-transform: uppercase; letter-spacing: 0.05em; }
#menu-bar .menu-dropdown ul.menu-dropdown-list li a { padding: 0.3rem 0; color: #3c3c3c; }
#menu-bar .menu-dropdown ul.menu-dropdown-list li a:hover { color: #cc9900; }
#menu-bar .menu-dropdown ul.menu-dropdown-list li.title { font-size: 0.750rem; line-height: 1em; font-weight: bold; color: #cc9900; margin: 6px 0 0 7px; }
#menu-bar .menu-dropdown ul.menu-dropdown-list li.more { font-size: 0.62rem; line-height: 1em; font-weight: 700; color: #787878; display: inline-block; margin: 9px 9px; }
/* Columns: Dropdown Menu
-------------------------------------------------- */
div.menu-dropdown div.col-wrap { display: table; position: relative; max-width: 1000px; width: 96%; padding: 0 2%; }
div.menu-dropdown div.col-1 { width: 25%; margin: 0 -25% 0 0; float: left; }
div.menu-dropdown div.col-2 { width: 25%; margin: 0 -50% 0 25%; float: left; }
div.menu-dropdown div.col-3 { width: 50%; margin: 0 -100% 0 50%; float: left; }
/* Menu Dropdown
-------------------------------------------------- */
@media screen and (max-width:1024px) {
#menu-bar { display: table; position: relative; width: 100%; height: 25px; padding-top: 48px; padding-bottom: 1rem; background-color: #fff; text-align: center; -webkit-font-smoothing: antialiased; color: #787878; text-transform: uppercase; letter-spacing: 0.05em; }
#menu-bar div.wrap { width: 100%; padding: 0; }
#menu-bar.check-display { display: none; }
#menu-bar div.wrap { text-align: left; }
#menu-bar ul { margin: 0; padding: 10px 0; list-style: none; }
#menu-bar ul li { display: block; padding: 0; font-size: 1.2rem; line-height: 1em; font-weight: 300; }
#menu-bar ul li:hover { color: #cc9900; background-color: #fff; }
#menu-bar ul li:hover a { color: #cc9900; }
#menu-bar ul li a { display: inline-block; width: 96%; color: #787878; text-decoration: none; padding: 0.75rem 2%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#menu-bar ul li:nth-of-type(n) { margin: 0; padding-left: 0; padding-right: 0; }
#menu-bar ul li div.menu-dropdown { visibility: visible; }
#menu-bar ul li:hover div.menu-dropdown { visibility: visible; }
/* Menu Dropdown
-------------------------------------------------- */
#menu-bar .menu-dropdown { display: none; position: relative; top: 0; left: 0; z-index: 10; min-height: 200px; width: 100%; height: auto; margin: 0 auto; padding: 0; background-color: none; -webkit-box-shadow: none; -moz-box-shadow: inset none; box-shadow: inset none; }
#menu-bar .menu-dropdown ul.menu-dropdown-list { width: 100%; padding: 0; }
#menu-bar .menu-dropdown ul.menu-dropdown-list li { display: block; float: none; width: 100%; padding: 0; margin: 0; background-color: #f0f0f0; font-size: 1rem; line-height: 1em; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased; color: #3c3c3c; text-transform: uppercase; letter-spacing: 0.05em; }
#menu-bar .menu-dropdown ul.menu-dropdown-list li a { color: #3c3c3c; width: 92%; padding: 0.75rem 4%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#menu-bar .menu-dropdown ul.menu-dropdown-list li a:hover { color: #cc9900; }
#menu-bar .menu-dropdown ul.menu-dropdown-list li.title { font-size: 1rem; line-height: 1em; font-weight: 700; -webkit-font-smoothing: subpixel-antialiased; color: #fff; background-color: #cc9900; width: 92%; padding: 0.75rem 4%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
#menu-bar .menu-dropdown ul.menu-dropdown-list li.more { font-size: 0.83rem; line-height: 1em; font-weight: 700; color: #787878; width: 92%; padding: 0.75rem 4%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
div.menu-dropdown { margin: 0; }
div.menu-dropdown div.col-wrap { width: 100%; padding: 0; }
div.menu-dropdown div.col-1, div.menu-dropdown div.col-2, div.menu-dropdown div.col-3 { width: 100%; margin: 0; padding: 0; float: none; }
}
/* Billboard
-------------------------------------------------- */
#billboard { display: table; position: relative; max-width: 1000px; width: 100%; margin: 0 auto 0 auto; padding: 0; }
#billboard.carousel { height: 400px; }
#billboard.title { height: 200px; }
@media screen and (max-width:765px) {
#billboard.title { height: auto; padding: 0; }
}
#billboard.title div.box { display: block; position: relative; top: 25px; left: 50%; width: 50%; text-align: center; }
#billboard.title div.box h1 { font-size: 3.583rem; line-height: 1.2em; font-weight: 200; color: #3c3c3c; }
@media screen and (max-width:765px) {
#billboard.title div.box { top: 0; left: 0; width: 100%; }
#billboard.title div.box h1 { font-size: 2.488rem; line-height: 1.2em; font-weight: 200; color: #3c3c3c; margin: 1rem 0; }
}
#billboard.spacer { height: 1rem; }
/* Billboard
-------------------------------------------------- */
#home-billboard { position: relative; max-width: 1000px; width: 100%; margin: 0 auto; padding-bottom: 0; display: table; text-align: center; overflow: hidden; background-color: #fff; }
div.slides { display: table; max-height: 500px; width: 100%; position: relative; overflow: hidden; }
div.slides:before { content: ""; display: block; padding-top: 45%; }
div.slides .slide { display: table; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; left: 2500px; }
div.slides .slide:first-of-type { left: 0; }
div.slides .slide div.content { width: 100%; }
div.slides .slide div.content img { width: 100%; }
div.slides .next, div.slides .prev { position: absolute; z-index: 10; width: 5%; height: 100%; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; background-color: rgba(255, 255, 255, 0); }
div.slides .next:hover, div.slides .prev:hover { background-color: rgba(255, 255, 255, 0); }
div.slides .prev { top: 0; left: 0; }
div.slides .next { top: 0; right: 0; }
/* Bullets */
.bullets { position: absolute; bottom: 9px; left: 0; width: 100%; text-align: center; z-index: 50; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.bullets .bullet { display: inline-block; padding: 2px 4px 2px 4px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.bullets .bullet .dot { border-radius: 50%; width: 10px; height: 10px; background-color: black; opacity: 0.5; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.bullets .bullet.on .dot { opacity: 1; }
.bullets .bullet:hover .dot { opacity: 1; }
/* Contact
-------------------------------------------------- */
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="password"], #contact textarea { width: 90%; }
#contact label { font-size: 0.694rem; line-height: 1.4em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; padding: 0.1em 0; margin-right: 0.5em; border: none; }
/* Breadcrumbs
-------------------------------------------------- */
#breadcrumbs { display: table; position: relative; max-width: 1000px; width: 100%; height: auto; margin: 0 auto 0 auto; padding: 8px 10px 7px 10px; font-size: 0.694rem; line-height: 1.4em; font-weight: 400; color: #787878; border-right: 1px solid #d2d2d2;
border-left: 1px solid #d2d2d2;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0; border-top: 1px solid #d2d2d2;}
@media screen and (max-width:1040px) {
#breadcrumbs { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; max-width: 1040px; border: none; border-top: 1px solid #d2d2d2; width: 100%; padding-left: 0; padding-right: 0; margin: 0; }
#breadcrumbs div.wrap { width: 96% !important; margin-left: 2%; }
}
#breadcrumbs div.wrap { width: 100%; padding: 0; }
#breadcrumbs div.wrap a { font-size: 0.694rem; line-height: 1em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; color: #787878; text-decoration: none; }
#breadcrumbs div.wrap a:hover { color: #3c3c3c; }
#search-title { background-color: #fff; border-left: 0 none; border-right: 0 none; color: #787878; display: table; height: auto; margin: 0 auto; max-width: 1000px; padding: 0; position: relative; width: 100%; }
#search-title div.wrap div.pagination ul li { margin: 0 !important; }
#search-title div.wrap div.pagination ul li .label { display: none; }
#search-title div.wrap div.pagination .label.pages-label { display: none; }
#search-title div.wrap div.pagination ul li.current strong { background: none !important; padding: 0 !important; font-size: 16px; line-height: 1.7rem; padding-left: 10px; }
#search-title div.wrap div.pagination ul li.current span { color: #cc9900; }
#search-title div.wrap div.pagination ul li a.page { color: #a0a0a0; display: inline-block; padding: 0 !important; text-decoration: none; }
#search-title div.wrap div.pagination ul li .action.next::before { content: "" !important; }
#search-title div.wrap div.pagination ul li .action.next { margin-left: 0 !important; padding: 0 !important; }
#search-title div.wrap div.pagination ul li .action.next > span { position: inherit !important; }
#search-title div.wrap div.pagination ul li .action { background: none !important; border: 0 none !important; box-shadow: none !important; }
#search-title div.wrap div.pagination ul li .action.previous::before { content: "" !important; }
#search-title div.wrap div.pagination ul li .action.previous { margin-right: 0 !important; padding: 0 !important; }
#search-title div.wrap div.pagination ul li .action.previous > span { position: inherit !important; }
#search-title div.wrap div.pagination .pages { display: inline-block !important; padding-left: 10px; }
#search-title div.wrap div.pagination .pages li a { font-size: 0.825rem; }
#search-title div.wrap div.pagination .toolbar-amount { display: inline-block !important; padding-right: 15px; font-size: 0.825rem }
@media screen and (max-width:1040px) {
#search-title { max-width: 1040px; border: none; width: 100%; padding-left: 0; padding-right: 0; margin: 0; }
#search-title div.wrap { width: 100% !important; margin-left: 2%; }
}
#search-title div.wrap { width: 100%; padding: 0; border-bottom: 1px solid #f0f0f0; }
#search-title div.wrap p, #search-title div.wrap ul { margin: 0; }
#search-title div.wrap div.description { position: absolute; bottom: 0; font-size: 1.2rem; line-height: 1.5em; font-weight: 300; color: #3c3c3c; margin: 0 0 5px 0; padding-bottom: 3px; float: left; }
@media screen and (max-width:765px) {
#search-title div.wrap div.description { font-size: 0.83rem; line-height: 1.3em; font-weight: 300; width: 30%; }
}
#search-title div.wrap div.pagination { margin: 0.2em 0 5px 0; float: right; }
#search-title div.wrap div.pagination p { text-align: right; font-size: 0.83rem; line-height: 1.3em; font-weight: 300; }
#search-title div.wrap div.pagination ul { list-style: none; font-size: 0; }
#search-title div.wrap div.pagination ul li { display: inline-block; font-size: 0.694rem; line-height: 1.4em; font-weight: 500; color: #a0a0a0; padding: 3px 0.5em 3px 0.5em; cursor: pointer; text-transform: uppercase; }
#search-title div.wrap div.pagination ul li:hover { color: #3c3c3c; background-color: #f0f0f0; }
#search-title div.wrap div.pagination ul li.active { color: #cc9900; }
#search-title div.wrap a { font-size: 0.694rem; line-height: 1em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; color: #787878; text-decoration: none; }
#search-title div.wrap a:hover { color: #3c3c3c; }
#toolbar-amount::after {height: 26px;background: #d4d5d6;width: 1px;content: '';display: inherit;position: absolute;right: 0px;top: 4px;}
#toolbar-amount {position: relative;}
/* Main Container
-------------------------------------------------- */
#main-container { display: block; position: relative; max-width: 1000px; width: 100%; height: auto; margin: 0 auto 0 auto; }
#main-container { padding: 0 10px 0 10px; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; background-color: #fff; }
#main-container.with-background { background-size: cover; background-position: center; background-repeat: no-repeat; }
#main-container.main-container-top { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border-top: 1px solid #d2d2d2; padding-top: 10px; }
@media screen and (max-width:1040px) {
#main-container.main-container-top { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; }
}
@media screen and (max-width:1040px) {
#main-container { border: none; padding: 0; background-color: #fff; }
}
#main-container div.wrap { width: 100%; padding: 0; }
#main-container div.wrap div.wrap-padded { width: 100%; padding-left: 0; padding-right: 0; }
@media screen and (max-width:1040px) {
#main-container div.wrap div.wrap-padded { width: 96%; padding-left: 2%; padding-right: 2%; }
}
/* Panoramic
-------------------------------------------------- */
div.panoramic { display: table; position: relative; max-width: 1000px; width: 100%; }
div.panoramic img { width: 100%; }
div.panoramic div.title { position: absolute; top: 18%; width: 100%; text-align: center; font-size: 1.44rem; line-height: 1.2em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.15em; -webkit-font-smoothing: antialiased; color: #fff; }
@media screen and (max-width:765px) {
div.panoramic div.title { top: 17%; font-size: 0.694rem; line-height: 1.2em; font-weight: 400; }
}
/* Brands Bar
-------------------------------------------------- */
#brands-bar { display: table; position: relative; width: 100%; background-color: #3c3c3c; text-align: center; }
#brands-bar div.wrap-slides { width: 100%; overflow-x: hidden; }
#brands-bar div.slides { display: table; max-height: 500px; width: 100%; position: relative; overflow-x: hidden; overflow-y: hidden; }
@media screen and (min-width:765px) {
#brands-bar div.slides:before { content: ""; display: block; padding-top: 30%; }
}
@media screen and (max-width:765px) {
#brands-bar div.slides:before { content: ""; display: block; padding-top: 83%; }
}
#brands-bar div.slides .slide { display: table; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; left: 2500px; }
#brands-bar div.slides .slide:first-of-type { left: 0; }
#brands-bar div.brands-set { display: table; position: relative; width: 100%; padding: 0; }
#brands-bar div.brands-set div.brand { position: relative; display: inline-block; float: left; width: 19.5%; margin: 0.25%; }
@media screen and (max-width:765px) {
#brands-bar div.brands-set div.brand { width: 33.3%; margin: 0; }
}
#brands-bar div.brands-set div.brand:before { content: ""; display: block; padding-top: 50%; }
#brands-bar div.brands-set div.brand a { opacity: 0.4; }
#brands-bar div.brands-set div.brand a div.logo { position: absolute; top: 12.5%; left: 0; z-index: 1; width: 100%; overflow: hidden; text-align: center; }
#brands-bar div.brands-set div.brand a div.logo img { width: 75%; }
#brands-bar div.brands-set div.brand a:hover { opacity: 1; }
/* Categories
-------------------------------------------------- */
div.categories { display: table; position: relative; width: 100%; padding-top: 2px; }
div.categories a { position: relative; width: 16.5%; height: auto; float: left; margin-right: 0.2%; margin-bottom: 2px; }
div.categories a:last-of-type { margin-right: 0; }
@media screen and (max-width:765px) {
div.categories a { width: 33%; margin-right: 0.5%; }
div.categories a:nth-of-type(3n+0) { margin-right: 0; }
}
div.categories a div.item { width: 100%; height: auto; }
div.categories a div.item div.bg { width: 100%; }
div.categories a div.item div.bg img { width: 100%; }
div.categories a div.item div.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); z-index: 1; }
div.categories a div.item div.title { display: block; position: absolute; top: 35%; left: 0; width: 100%; height: 100%; text-align: center; font-size: 1rem; line-height: 1.2em; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; -webkit-font-smoothing: antialiased; color: #fff; z-index: 2; }
@media screen and (max-width:765px) {
div.categories a div.item div.title { top: 31%; }
}
div.categories a:hover div.item div.overlay { background-color: rgba(204, 153, 0, 0.75); }
/* Sub Categories
-------------------------------------------------- */
div.subcategories { display: table; position: relative; width: 100%; padding-top: 2px; }
div.subcategories a { position: relative; width: 33.12%; height: auto; float: left; margin-right: 0.2%; margin-bottom: 2px; }
div.subcategories a:nth-of-type(3n+0) { }
@media screen and (max-width:765px) {
div.subcategories a { width: 49.85%; margin-right: 0.3%; }
div.subcategories a:nth-of-type(2n+1) { margin-right: 0.3%; }
div.subcategories a:nth-of-type(2n+0) { margin-right: 0; }
}
div.subcategories a div.item { position: relative; display: table; width: 100%; }
div.subcategories a div.item:before { content: ""; display: block; padding-top: 75%; }
div.subcategories a div.item div.bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
div.subcategories a div.item div.bg img { position: absolute; top: -1%; left: -12%; z-index: 1; width: 151%; }
div.subcategories a div.item div.overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(128, 123, 123, 0.8); z-index: 1; }
div.subcategories a div.item div.title { display: block; position: absolute; top: 36%; left: 0; width: 100%; font-size: 1.7rem; line-height: 1.2em; letter-spacing: 0.1em; -webkit-font-smoothing: antialiased; color: #fff; z-index: 2; }
@media screen and (max-width:765px) {
div.subcategories a div.item div.title { top: 31%; }
}
@media screen and (max-width:765px) {
div.subcategories a div.item div.title { font-size: 0.694rem; line-height: 1.2em; font-weight: 400; }
}
div.subcategories a div.item div.title p { text-align: center; }
div.subcategories a:hover div.item div.overlay { background-color: rgba(128, 123, 123, 0); }
/* Magazine Feature
-------------------------------------------------- */
div.magazine { display: table; width: 100%; background-color: #f0f0f0; background-color: #e8e8e8; }
div.magazine div.right { padding: 0.75rem 0; text-align: center; }
@media screen and (max-width:765px) {
div.magazine div.right { padding-top: 1.5rem; padding-bottom: 0; }
}
div.magazine div.right img { width: 80%; }
div.magazine div.left { padding-top: 4rem; }
@media screen and (max-width:765px) {
div.magazine div.left { padding-top: 0; padding-bottom: 2em; }
}
div.magazine div.left p { width: 90%; margin: 0 5%; padding: 0; font-size: 1rem; line-height: 1.6em; font-weight: 300; text-align: center; }
div.magazine div.left p.title { font-size: 1.728rem; line-height: 1.2em; font-weight: 200; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1rem; }
div.publication div.thumbnails { text-align: center; font-size: 0; padding-bottom: 1rem; }
div.publication div.thumbnails div.wrap-carousel { height: 105px; }
div.publication div.thumbnails div.wrap-carousel div.control-left, div.publication div.thumbnails div.wrap-carousel div.control-right { height: 105px; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousel { height: 125px; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid { padding: 0 0 0 1rem; white-space: nowrap; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid div.spread { display: inline-block; margin-right: 1rem; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }
div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid div.spread li.pages-grid-item { display: inline-block; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid div.spread li.pages-grid-item img { max-height: 100px; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid div.spread a { opacity: 0.5; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid div.spread a:hover, div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid div.spread a.active { opacity: 1; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid a div.spread { opacity: 0.5; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid a:hover div.spread, div.publication div.thumbnails div.wrap-carousel div.grid-carousel div.grid-wrap ul.pages-grid a.active div.spread { opacity: 1; }
div.publication div.content { text-align: center; font-size: 0; }
div.publication div.content div.page { display: inline-block; }
div.publication div.content div.page img { width: 100%; }
div.publication div.content div.page img.w50 { width: 50%; }
div.publication div.content div.page iframe { border: none; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
div.publication div.content div.one-page { padding-bottom: 1rem; text-align: center; }
div.publication div.content div.one-page div.page { width: 50%; }
div.publication div.content div.two-pages { padding-bottom: 1rem; }
div.publication div.content div.two-pages div.page { width: 50%; }
div.publication div.content div.article { padding-top: 2rem; padding-bottom: 2rem; }
div.publication div.content div.article div.text-1 { width: 60%; padding: 0 20%; text-align: left; }
@media screen and (max-width:765px) {
div.publication div.content div.article div.text-1 { width: 92%; padding: 0 4%; }
}
div.publication div.content div.article div.text-1 h1 { font-size: 2.488rem; line-height: 1.2em; font-weight: 200; color: #cc9900; }
div.publication div.content div.article div.text-1 p { max-width: none; }
div.publication div.content div.article div.text-1 figure { margin-left: 0; margin-right: 0; text-align: center; }
div.publication div.content div.article div.text-1 figure figcaption { text-align: left; }
div.publication div.content div.article div.text-1 figure.left { float: left; width: 38.2%; margin-right: 1rem; }
div.publication div.content div.article div.text-1 figure.right { float: right; width: 38.2%; margin-left: 1rem; }
div.publication div.content div.article div.text-1 figure.center { width: 100%; }
/* Services
-------------------------------------------------- */
div.services { display: table; width: 100%; background-color: #fff; }
div.services div.left, div.services div.right { padding-bottom: 2px; }
div.services div.left a, div.services div.right a { position: relative; text-decoration: none; }
div.services div.left a div.service-block, div.services div.right a div.service-block { position: relative; display: table; width: 99.8%; padding-top: 4rem; padding-bottom: 4rem; }
div.services div.left a div.service-block div.screen-1, div.services div.left a div.service-block div.screen-2, div.services div.right a div.service-block div.screen-1, div.services div.right a div.service-block div.screen-2 { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }
div.services div.left a div.service-block div.screen-1, div.services div.right a div.service-block div.screen-1 { z-index: 1; background-color: rgba(0, 0, 0, 0.55); }
div.services div.left a div.service-block div.screen-2, div.services div.right a div.service-block div.screen-2 { z-index: 2; background-color: rgba(204, 153, 0, 0.75); }
div.services div.left a div.service-block div.content, div.services div.right a div.service-block div.content { position: relative; top: 0; left: 0; display: table; width: 100%; height: 100%; z-index: 3; }
div.services div.left a div.service-block div.content p, div.services div.right a div.service-block div.content p { width: 80%; margin: 0 auto; padding: 0; text-align: center; font-size: 1rem; line-height: 1.6em; font-weight: 300; -webkit-font-smoothing: antialiased; color: #fff; text-decoration: none; }
div.services div.left a div.service-block div.content p.title, div.services div.right a div.service-block div.content p.title { font-size: 1.728rem; line-height: 1.2em; font-weight: 200; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1rem; }
div.services div.left a:hover div.service-block div.screen-1, div.services div.right a:hover div.service-block div.screen-1 { background-color: rgba(255, 255, 255, 0.7); }
div.services div.left a:hover div.service-block div.screen-2, div.services div.right a:hover div.service-block div.screen-2 { background-color: rgba(204, 153, 0, 0.85); }
div.services div.left div.service-block { margin: 0 0.2% 0 0; }
div.services div.right div.service-block { margin: 0 0 0 0.2%; }
@media screen and (max-width:765px) {
div.services div.left, div.services div.right { width: 100%; }
div.services div.left a div.service-block, div.services div.right a div.service-block { width: 100%; margin: 0; }
}
/* Gift Gallery
-------------------------------------------------- */
div.gift-gallery { display: table; width: 100%; background-color: #fff; padding-top: 4rem; padding-bottom: 4rem; }
div.gift-gallery p { width: 90%; margin: 0 auto; padding: 0; text-align: center; }
div.gift-gallery p.title { font-size: 1rem; line-height: 1.2em; font-weight: 300; text-transform: uppercase; letter-spacing: 0.14em; color: #3c3c3c; padding-bottom: 0.2rem; }
div.gift-gallery p.subtitle { font-size: 1.728rem; line-height: 1.2em; font-weight: 200; text-transform: uppercase; letter-spacing: 0.15em; color: #cc9900; }
div.gift-gallery img { width: 100%; }
/* Mailing List
-------------------------------------------------- */
div.mailing-list { position: relative; display: table; width: 100%; background-color: #f0f0f0; }
div.mailing-list div.left { position: absolute; text-align: center; bottom: 0; }
@media screen and (max-width:765px) {
div.mailing-list div.left { position: relative; }
}
div.mailing-list div.left img { position: relative; width: 80%; }
div.mailing-list div.right { padding-top: .5rem; padding-bottom: 2rem; }
div.mailing-list div.right div.wrap-inner { width: 90%; margin: 0 5% 0 5%; }
div.mailing-list div.right div.wrap-inner p { padding: 0; font-size: 1rem; line-height: 1.6em; font-weight: 300; text-align: center; }
div.mailing-list div.right div.wrap-inner p.title { font-size: 1.728rem; line-height: 1.2em; font-weight: 200; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1rem; }
/* Quickview
-------------------------------------------------- */
div#quickview { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; display: none; }
div#quickview div.screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); display: block; }
div#quickview div.window-quickview { position: absolute; top: 50px; left: 18%; max-width: 64%; width: 100%; height: 500px; margin: 0 auto; background-color: #fff; display: table; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
@media screen and (max-width:765px) {
div#quickview div.window-quickview { left: 3%; max-width: 94%; }
}
div#quickview div.window-quickview div.main-container { border: none; }
div#quickview div.window-quickview div.product { padding-bottom: 1rem; border-bottom: none; }
/* popContact
-------------------------------------------------- */
div#popContact { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); display: none; }
div#popContact div.screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); display: block; }
div#popContact div.window-pop { position: absolute; top: 50px; left: 18%; max-width: 64%; width: 100%; height: 500px; margin: 0 auto; background-color: #fff; display: table; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
@media screen and (max-width:765px) {
div#popContact div.window-pop { left: 3%; max-width: 94%; }
}
div#popContact div.window-pop div#contact { position: relative; width: 100%; }
/* Social
-------------------------------------------------- */
div.snippet-social { display: inline-block; font-size: 0; }
div.snippet-social a { opacity: 0.5; }
div.snippet-social a div.item { display: inline-block; width: 20px; height: 20px; background-image: url("images/social.png"); background-size: 100px 20px; }
div.snippet-social a div.item.twitter { background-position: 0 0; }
div.snippet-social a div.item.facebook { background-position: -20px 0; }
div.snippet-social a div.item.pinterest { background-position: -40px 0; }
div.snippet-social a div.item.instagram { background-position: -60px 0; }
div.snippet-social a:hover { opacity: 1; }
/* Form
-------------------------------------------------- */
div.form-email { display: table; position: relative; margin: 0 auto; padding-top: 15px; max-width: 440px; width: 100%; height: 40px; text-align: center; }
div.form-email div.field { display: table; position: relative; max-width: 350px; width: 100%; max-height: 40px; margin: 0 auto; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
div.form-email div.field div.email-input { display: table; float: left; width: 65%; height: 40px; background-color: #fff; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; color: #d2d2d2; }
div.form-email div.field div.email-input p { font-size: 1rem; line-height: 1.2em; font-weight: 300; text-align: left; margin: 0; padding: 10px 5px 0 10px; }
div.form-email div.field div.email-button { display: table; float: right; width: 35%; height: 40px; background-color: #cc9900; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
div.form-email div.field div.email-button p { width: 100%; font-size: 0.694rem; line-height: 1.2em; font-weight: 800; -webkit-font-smoothing: antialiased; color: #fff; text-transform: uppercase; letter-spacing: 0.05em; text-align: center; margin: 0; padding: 14px 0 0 0; }
/* Grids
-------------------------------------------------- */
#menu-bar ul.product-grid { display: table; max-width: 472px; width: 100%; padding: 0.5rem 0; }
#menu-bar ul.product-grid li.product-grid-item { display: table; width: 32%; padding: 0; margin: 0 2px 0 0; float: left; }
#menu-bar ul.product-grid li.product-grid-item:last-of-type { margin-right: 0; }
/* Product: Grid Item
-------------------------------------------------- */
div.toggle-quickview {position: absolute;top: 0;right: 14px;z-index: 8;width: auto;height: 10px;padding: 5px;background: #a0a0a0;display: none;cursor: pointer;font-size: 11px;line-height: 1em;font-weight: 700;-webkit-font-smoothing: antialiased;color: #fff;text-transform: uppercase;letter-spacing: 0;}
a div.product-grid-item { position: relative; display: table; width: 100%; }
a div.product-grid-item:before { content: ""; display: block; padding-top: 100%; }
a div.product-grid-item div.thumbnail { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
a div.product-grid-item div.thumbnail img { position: absolute; top: -35%; left: -15%; z-index: 1; width: 130%; }
a div.product-grid-item div.screen { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.05); }
a div.product-grid-item div.info { position: absolute; bottom: 40px; left: 0; z-index: 3; width: 90%; padding: 0.5em 5% 0.55em 5%; text-align: center; text-transform: none; letter-spacing: 0; background-color: rgba(245, 245, 245, 0.8); font-size: 0.694rem; line-height: 1.3em; font-weight: 400; color: #787878; }
a:hover div.product-grid-item div.info { background-color: #cc9900; color: #fff; -webkit-font-smoothing: antialiased; color: #fff; }
/* Filters
-------------------------------------------------- */
div.hamburger-2 { position: relative; z-index: 50; display: block; float: left; width: 38px; height: 38px; margin: 0.5rem -40px 0 0; background-image: url("images/hamburger-2.png"); background-size: cover; background-position: center center; border: 1px solid #f0f0f0; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
div.hamburger-2.on { background-image: url("images/close.png"); }
div.filter-bar { display: table; position: relative; width: 20%; margin: 0 -20% 0 0; float: left; }
div.filter-bar div.filter-set div.title { font-size: 1rem; line-height: 1.2em; font-weight: 300; text-transform: uppercase; letter-spacing: 0.2em; color: #cc9900; padding: 1rem 0 0.5rem 0; }
div.filter-bar div.filter-set div.filter-list { width: 100%; overflow-x: hidden; position: relative; }
div.filter-bar div.filter-set div.filter-list div.top { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 4px; background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-top: 1px solid #f0f0f0; }
div.filter-bar div.filter-set div.filter-list div.bottom { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 4px; background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-bottom: 1px solid #f0f0f0; }
/* div.filter-bar div.filter-set div.filter-list div.filter-wrap { overflow-y: scroll; max-height: 280px; width: 110%; } */
div.filter-bar div.filter-set div.filter-list ul { list-style: none; margin: 0; padding: 0; }
div.filter-bar div.filter-set div.filter-list ul li.title { font-size: 0.694rem; line-height: 1.2em; font-weight: 700; color: #cc9900; padding: 0.5em 0 0.5em 1.7em; }
div.filter-bar div.filter-set div.filter-list ul li.normal, div.filter-bar div.filter-set div.filter-list ul li.active { font-size: 16px; line-height: 1.2em; font-weight: 400; text-transform: uppercase; letter-spacing: 0; padding: 0.5em 0; }
div.filter-bar div.filter-set div.filter-list ul li.normal span.count, div.filter-bar div.filter-set div.filter-list ul li.active span.count { font-size: 0.62rem; line-height: 1.2em; font-weight: 500; color: #a0a0a0; }
div.filter-bar div.filter-set div.filter-list ul li.normal:before { content: ""; display: inline-block; width: 0.95em; height: 0.95em; background-color: #f0f0f0; margin: 0 0.75em 0 0; }
div.filter-bar div.filter-set div.filter-list ul li.active:before { content: ""; display: inline-block; width: 0.95em; height: 0.95em; background-color: #cc9900; margin: 0 0.75em 0 0; }
div.filter-bar div.filter-set div.view-all { font-size: 0.694rem; line-height: 1.2em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #a0a0a0; padding: 0.5em 0; }
div.filter-bar div.filter-set div.view-all.normal::before { content: ""; display: inline-block; width: 0.95em; height: 0.95em; background-color: #f0f0f0; margin: 0 0.75em 0 0; }
div.filter-bar div.filter-set div.view-all.active::before { content: ""; display: inline-block; width: 0.95em; height: 0.95em; background-color: #cc9900; margin: 0 0.75em 0 0; }
/* Sorting
-------------------------------------------------- */
div.sorting-bar { display: table; position: relative; overflow: hidden; width: 80%; margin: 0 0 0 20%; padding: 0.5rem 0; float: left; font-size: 0; }
div.sorting-bar div.sorting-wrap { position: relative; display: block; width: auto; height: 40px; overflow-y: hidden; }
div.sorting-bar div.sorting-wrap div.scroll-wrap { display: inline-block; position: relative; }
div.sorting-bar div.sorting-wrap div.scroll-wrap div.sorting-set { position: relative; border-left: 1px solid #cc9900; padding: 0.3rem 2rem 0.3rem 0.5rem; float: left; cursor: default; }
div.sorting-bar div.sorting-wrap div.scroll-wrap div.sorting-set div.title { font-size: 0.694rem; line-height: 1.2em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #cc9900; padding: 0; }
div.sorting-bar div.sorting-wrap div.scroll-wrap div.sorting-set div.selected { font-size: 0.62rem; line-height: 1.4em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; color: #3c3c3c; padding: 0; }
div.sorting-bar div.sorting-wrap div.scroll-wrap div.sorting-set div.sorting-window { display: none; }
div.sorting-bar div.sorting-wrap div.scroll-wrap div.sorting-set:hover div.sorting-window { display: none; }
div.sorting-windows { display: table; position: relative; width: 80%; margin: 0 0 0 20%; }
div.sorting-windows div.sorting-window { display: none; position: absolute; top: -12px; left: -8px; z-index: 9; width: 200px; padding: 0.5rem; background-color: #fff; border: 1px solid #cc9900; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
div.sorting-windows div.sorting-window ul { padding: 0; margin: 0; list-style: none; font-size: 0; }
div.sorting-windows div.sorting-window ul li { display: inline-block; width: 190px; padding: 3px 5px; margin: 0 0 2px 0; color: #787878; font-size: 0.62rem; line-height: 1.4em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; background-color: #f0f0f0; }
div.sorting-windows div.sorting-window ul li:hover { cursor: pointer; background-color: #d2d2d2; color: #3c3c3c; }
div.sorting-windows div.sorting-window ul hr { border: none; border-top: 1px solid #f0f0f0; margin: 0 0 2px 0; }
div.sorting-windows div.sorting-window div.note { border-top: 1px solid #f0f0f0; width: 190px; padding: 3px 5px; color: #787878; font-size: 0.694rem; line-height: 1.4em; font-weight: 400; }
div.sorting-windows div.sorting-window div.spacer { display: block; width: 100%; height: 2rem; }
div.sorting-windows div.sorting-window div.clear { color: #cc9900; font-size: 0.57rem; line-height: 1.4em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; }
div.sorting-windows div.sorting-window div.apply { position: absolute; bottom: 0.5rem; right: 0.5rem; background-color: #cc9900; padding: 1em 1.5em 0.6em 1.5em; border: none; border-bottom: 0.4em solid #cc9900; font-size: 0.694rem; line-height: 1.2em; font-weight: 700; -webkit-font-smoothing: antialiased; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; text-align: center; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; cursor: pointer; padding: 0.6em 1em 0.2em 1em; }
div.sorting-windows div.sorting-window div.apply:hover { border-bottom: 0.4em solid #a87e00; }
/* Grid
-------------------------------------------------- */
div.grid-wrap { display: table; position: relative; width: 80%; margin: 0 0 0 20%; float: left; }
div.grid-wrap ul.product-grid { list-style: none; margin: 0; padding: 0; }
div.grid-wrap ul.product-grid.col-5 li.product-grid-item { position: relative; width: 32.5%; margin: 0 0.7% 0.6% 0; }
div.grid-wrap ul.product-grid.col-5 li.product-grid-item:nth-of-type(5n) { }
div.grid-wrap ul.product-grid.col-6 li.product-grid-item { width: 16.4%; margin: 0 0.32% 0.32% 0; }
div.grid-wrap ul.product-grid.col-6 li.product-grid-item:nth-of-type(6n) { margin-right: 0; }
div.grid-wrap ul.product-grid.h-scroll { width: auto; height: 160px; white-space: nowrap; }
div.grid-wrap ul.product-grid.h-scroll li.product-grid-item { width: 200px; margin: 0; float: none; display: inline-block; font-size: 0; }
div.grid-wrap ul.product-grid li.product-grid-item { float: left; }
div.grid-wrap ul.product-grid li.product-grid-item div.info { font-size: 16px; line-height: 1.2em; font-weight: 400; }
@media screen and (max-width:765px) {
div.filter-bar { position: absolute; z-index: 9; width: 75%; margin: 0; background-color: #fff; padding: 3rem 0 2rem 1.5rem; margin-left: -1rem; display: none; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); }
div.sorting-bar { position: relative; display: inline-block; width: 85%; height: 40px; margin: 0.5rem 0 0 15%; padding: 0; }
div.sorting-bar div.left { position: absolute; top: 0; bottom: 0; left: 0; z-index: 9; width: 8px; height: 100%; background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.04), transparent); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.04), transparent); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-left: 1px solid #d2d2d2; }
div.sorting-bar div.right { position: absolute; top: 0; bottom: 0; right: 0; z-index: 9; width: 8px; height: 100%; background: -webkit-linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.04), transparent); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.04), transparent); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-right: 1px solid #d2d2d2; }
div.sorting-bar div.sorting-bar { display: block; float: left; }
div.sorting-bar div.sorting-wrap { height: 60px; white-space: nowrap; padding-bottom: 1.5rem; overflow-y: hidden; overflow-x: scroll; }
div.sorting-bar div.sorting-wrap div.scroll-wrap div.sorting-set { float: none; display: inline-block; border-left: none; background-color: #f0f0f0; padding: 0.5rem 0.6rem 0.5rem 0.6rem; margin: 0 3px 3px 0; }
div.sorting-bar div.sorting-wrap div.scroll-wrap div.sorting-set:last-of-type { margin-right: 0; }
div.sorting-bar div.sorting-wrap div.scroll-wrap div.sorting-set.on { background-color: #d2d2d2; }
div.sorting-windows { display: inline-block; width: 100%; margin: 0; }
div.sorting-windows div.sorting-window { width: 100%; position: relative; display: none; top: 0; left: 0; padding: 0.5rem 0 0.5rem 0; border: none; margin-bottom: 1rem; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
div.sorting-windows div.sorting-window ul li { width: 96%; padding: 0.75em 2%; }
div.sorting-windows div.sorting-window div.note { width: 96%; padding: 0.75em 2%; }
div.grid-wrap { width: 100%; margin: 0; }
div.grid-wrap ul.product-grid { list-style: none; margin: 0; padding: 0; }
div.grid-wrap ul.product-grid.col-5 li.product-grid-item, div.grid-wrap ul.product-grid.col-6 li.product-grid-item { width: 33%; }
div.grid-wrap ul.product-grid.col-5 li.product-grid-item:nth-of-type(1n), div.grid-wrap ul.product-grid.col-6 li.product-grid-item:nth-of-type(1n) { margin: 0 0.5% 3px 0; }
div.grid-wrap ul.product-grid.col-5 li.product-grid-item:nth-of-type(3n), div.grid-wrap ul.product-grid.col-6 li.product-grid-item:nth-of-type(3n) { margin-right: 0; }
}
/* Product Carousel
-------------------------------------------------- */
div.wrap-carousel { display: inline-block; position: relative; width: 100%; height: 160px; overflow-y: hidden; padding-top: 0; color: #3c3c3c; position: relative; overflow: hidden; }
div.wrap-carousel div.grid-wrap { width: 100%; margin: 0; }
div.wrap-carousel div.control-left { position: absolute; top: 0; bottom: 0; left: 0; z-index: 5; width: 60px; height: auto; background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
div.wrap-carousel div.control-left:after { position: absolute; content: ""; display: block; top: 0; left: 0; width: 4px; height: 100%; background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-left: 1px solid #f0f0f0; }
div.wrap-carousel div.control-left p { text-align: left; }
div.wrap-carousel div.control-right { position: absolute; top: 0; bottom: 0; right: 0; z-index: 5; width: 60px; height: auto; background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
div.wrap-carousel div.control-right:after { position: absolute; content: ""; display: block; top: 0; right: 0; width: 4px; height: 100%; background: -webkit-linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-right: 1px solid #f0f0f0; }
div.wrap-carousel div.control-right p { text-align: right; }
div.wrap-carousel div.control-left, div.wrap-carousel div.control-right { display: table; height: 160px; }
div.wrap-carousel div.control-left p, div.wrap-carousel div.control-right p { display: table-cell; vertical-align: middle; color: #787878; font-size: 1.728rem; line-height: 1.2em; font-weight: 100; padding: 0.25em; cursor: pointer; }
div.wrap-carousel div.control-left:hover p, div.wrap-carousel div.control-right:hover p { color: #cc9900; }
@media screen and (max-width:765px) {
div.wrap-carousel div.control-left, div.wrap-carousel div.control-right { display: none !important; }
}
div.wrap-carousel div.grid-carousel { width: 100%; height: 200px; position: relative; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
/* Product Page: Navigation
-------------------------------------------------- */
div.product-navigation { display: table; position: relative; width: 100%; font-size: 0.694rem; line-height: 1.2em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #cc9900; padding: 1rem 0; }
div.product-navigation a { color: #cc9900; text-decoration: none; }
div.product-navigation a:hover { color: #3c3c3c; }
div.product-navigation div.back { float: left; }
div.product-navigation div.prev-next { float: right; }
/* Product Page: Product
-------------------------------------------------- */
div.product { display: table; position: relative; width: 100%; border-bottom: 1px solid #cc9900; }
div.product div.title { padding-bottom: 0.5rem; border-bottom: 1px solid #cc9900; margin-bottom: 1rem; }
div.product div.title h1 { font-size: 2.074rem; line-height: 1.2em; font-weight: 100; padding: 0; margin: 0; }
div.product div.img-wrap { display: table; position: relative; width: 49.5%; float: left; margin: 0 -49.5% 0 0; padding-bottom: 2rem; }
div.product div.img-wrap div.img-featured { position: relative; display: table; width: 100%; cursor: zoom-in; }
div.product div.img-wrap div.img-featured:before { content: ""; display: block; padding-top: 100%; }
div.product div.img-wrap div.img-featured div.img-container { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
div.product div.img-wrap div.img-featured div.img-container img { position: absolute; width: 100%; top: -25%; }
div.product div.img-wrap div.img-thumbnails div.img-thumbnail { position: relative; display: table; float: left; width: 24%; margin-right: 1.33%; }
div.product div.img-wrap div.img-thumbnails div.img-thumbnail:nth-of-type(3n+0) { margin-right: 0; }
div.product div.img-wrap div.img-thumbnails div.img-thumbnail:before { content: ""; display: block; padding-top: 100%; }
div.product div.img-wrap div.img-thumbnails div.img-thumbnail div.img-container { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; border-bottom: 2px solid #f0f0f0; }
div.product div.img-wrap div.img-thumbnails div.img-thumbnail div.img-container img { position: absolute; width: 100%; top: -25%; }
div.product div.img-wrap div.img-thumbnails div.img-thumbnail:hover div.img-container { border-bottom: 2px solid #cc9900; }
div.product div.info-wrap { display: table; position: relative; width: 49.5%; float: left; margin: 0 0 0 50.5%; }
div.product div.info-wrap div.img-zoom { position: absolute; display: table; width: 100%; z-index: 2; }
div.product div.info-wrap div.img-zoom:before { content: ""; display: block; padding-top: 100%; }
div.product div.info-wrap div.img-zoom div.img-container { position: absolute; top: 0; left: 0; right: 0; z-index: 1; height: 99%; overflow: hidden; border: 1px solid #f0f0f0; }
div.product div.info-wrap div.img-zoom div.img-container img { position: absolute; width: 200%; }
div.product div.info-wrap p { font-size: 1rem; line-height: 1.6em; font-weight: 300; max-width: 26em; }
div.product div.info-wrap div.info-table { margin-top: 1rem; font-size: 0.83rem; line-height: 1.4em; font-weight: 300; color: #787878; }
div.product div.info-wrap div.info-table h4 { font-size: 0.83rem; line-height: 1.4em; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; padding: 0.2em 0; margin: 0; }
div.product div.info-wrap div.info-table ul.info-table { list-style: none; padding: 0; margin: 0; }
div.product div.info-wrap div.info-table ul.info-table span.label { display: inline-block; width: 100px; padding: 0.2em 0; }
div.product div.info-wrap div.price { font-size: 1.728rem; line-height: 1.2em; font-weight: 200; padding: 0.2em 0 0.2em 0; margin-top: 1rem; }
div.product div.info-wrap div.availability, div.product div.info-wrap div.reference { font-size: 0.694rem; line-height: 1.4em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; color: #a0a0a0; padding: 0.2em 0; }
div.product div.info-wrap div.product-options { padding: 0.5rem 0; }
div.product div.info-wrap div.product-options div.option div.title { display: inline-block; font-size: 0.694rem; line-height: 1.4em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; padding: 0.1em 0; margin-right: 0.5em; border: none; }
div.product div.info-wrap div.product-options div.option div.selection { display: inline-block; font-size: 1rem; line-height: 1.4em; font-weight: 300; text-transform: none; letter-spacing: 0; padding: 0.1em 0.2em; border-bottom: 1px solid #cc9900; }
div.product div.info-wrap div.product-options div.option div.arrow { display: inline-block; font-size: 0.83rem; line-height: 1.4em; font-weight: 300; color: #a0a0a0; padding: 0.1em 0.2em; }
div.product div.info-wrap div.shop-actions { padding-top: 1rem; }
div.product div.info-wrap div.shop-actions button { background-color: #cc9900; padding: 1em 1.5em 0.6em 1.5em; border: none; border-bottom: 0.4em solid #cc9900; font-size: 0.83rem; line-height: 1.2em; font-weight: 700; -webkit-font-smoothing: antialiased; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; text-align: center; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; cursor: pointer; }
div.product div.info-wrap div.shop-actions button:hover { border-bottom: 0.4em solid #a87e00; }
div.product div.info-wrap div.shop-actions p { padding: 0.75em 0; margin: 0; }
div.product div.info-wrap div.shop-actions p a { font-size: 0.83rem; line-height: 1.4em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #cc9900; text-decoration: none; }
div.product div.info-wrap div.shop-info { padding: 0.75em 0; font-size: 0.694rem; line-height: 1.5em; font-weight: 400; color: #a0a0a0; }
div.product div.info-wrap div.shop-info h5 { font-size: 0.694rem; line-height: 1.5em; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; padding: 0; margin: 0; }
div.product div.info-wrap div.shop-info p { font-size: 0.694rem; line-height: 1.5em; font-weight: 400; padding: 0; margin: 0 0 0.75em 0; }
div.product div.info-wrap div.shop-info p a { font-size: 0.694rem; line-height: 1.5em; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; color: #a0a0a0; }
div.product div.info-wrap div.shop-info p a:hover { color: #cc9900; }
div.product div.info-wrap div.shop-info p.hidden { display: none; }
div.product div.info-wrap div.shop-info p.reveal { padding: 0; margin: 0 0 0.75em 0; font-size: 0.694rem; line-height: 1.5em; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; text-decoration: none; color: #a0a0a0; cursor: pointer; }
div.product div.info-wrap div.shop-info p.reveal:hover { color: #cc9900; }
div.product div.info-wrap div.shop-info p.blurb { padding: 0 0 0 0.75em; font-size: 0.694rem; line-height: 1.5em; font-weight: 400; color: #a0a0a0; }
div.product div.info-wrap div.shop-info p.blurb a { font-size: 0.694rem; line-height: 1.5em; font-weight: 400; text-decoration: none; text-transform: none; letter-spacing: 0; color: #cc9900; }
div.product div.info-wrap div.shop-info p.blurb a:hover { border-bottom: 1px solid #cc9900; }
@media screen and (max-width:765px) {
div.product div.title h1 { font-size: 1.44rem; line-height: 1.2em; font-weight: 100; }
div.product div.img-wrap { width: 96%; margin: 0 2%; }
div.product div.info-wrap { width: 96%; margin: 2%; }
div.product div.info-wrap div.img-zoom { display: none !important; }
}
/* Product Page: Related Products
-------------------------------------------------- */
div.related-products { display: inline-block; position: relative; width: 100%; padding-bottom: 1rem; border-bottom: 1px solid #cc9900; margin-bottom: 1.1rem; color: #3c3c3c; }
div.related-products div.title { padding: 1em 0 1em 0; margin: 0; }
div.related-products div.title h3 { font-size: 1rem; line-height: 1.2em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 0; margin: 0; }
div.related-products div.grid-wrap { width: 100%; margin: 0; }
/* Trending Pages
-------------------------------------------------- */
div.trending { display: inline-block; position: relative; max-width: 1000px; width: 100%; padding-top: 10px; padding-bottom: 1rem; border-bottom: 1px solid #cc9900; margin-bottom: 1.1rem; color: #3c3c3c; }
div.trending h4, div.trending h5 { margin-top: 0; margin-bottom: 0.3em; }
div.trending div.banner { display: table; position: relative; width: 100%; }
div.trending div.banner img { width: 100%; }
div.trending div.grid-wrap { width: 100%; margin: 0; }
/* Brand Page
-------------------------------------------------- */
div.wrap-brand { display: table; position: relative; width: 96%; padding: 1rem 2%; text-align: center; }
div.wrap-brand iframe { border: 1px solid #f0f0f0; }
/* Inspiration Piece Page
-------------------------------------------------- */
div.inspiration-piece { display: table; position: relative; width: 100%; height: 550px; padding: 0 0 1em 0; text-align: center; }
@media screen and (max-width:765px) {
div.inspiration-piece { padding: 0; }
}
div.inspiration-piece img { max-width: 100%; max-height: 600px; }
div.inspiration-piece iframe { width: 100%; }
@media screen and (max-width:765px) {
div.inspiration-piece iframe { width: 96%; max-height: 400px; padding: 0 2%; }
}
/* Calendar
-------------------------------------------------- */
div.calendar-event { padding: 1rem 2%; display: table; }
div.calendar-event div.image, div.calendar-event div.date, div.calendar-event div.item { position: relative; display: table; float: left; clear: none; padding: 0; }
div.calendar-event div.image { width: 35%; margin: 0 -100% 0 65%; }
div.calendar-event div.date { width: 25%; margin: 0 -25% 0 0; }
div.calendar-event div.item { width: 40%; margin: 0 -65% 0 25%; }
@media screen and (max-width:765px) {
div.calendar-event div.image { width: 100%; margin: 0; }
div.calendar-event div.date { width: 31%; margin: 0 -33% 0 2%; padding: 0; clear: both; }
div.calendar-event div.item { width: 60%; margin: 0 -96% 0 36%; padding: 0; }
div.calendar-event div.date h2, div.calendar-event div.item h2 { font-size: 1rem; line-height: 1.2rem; font-weight: 300; }
div.calendar-event div.date h3, div.calendar-event div.item h3 { font-size: 0.83rem; line-height: 1.2rem; font-weight: 300; }
div.calendar-event div.date p, div.calendar-event div.item p { font-size: 0.694rem; line-height: 1.5em; font-weight: 400; }
}
/* Shopping cart
-------------------------------------------------- */
div.cart table { width: 100%; margin: 3rem 0 0 0; }
div.cart table th:nth-child(1), div.cart table th:nth-child(2), div.cart table th:nth-child(3), div.cart table td:nth-child(1), div.cart table td:nth-child(2), div.cart table td:nth-child(3) { text-align: left; }
div.cart table th:nth-child(4), div.cart table th:nth-child(5), div.cart table th:nth-child(6), div.cart table th:nth-child(7), div.cart table td:nth-child(4), div.cart table td:nth-child(5), div.cart table td:nth-child(6), div.cart table td:nth-child(7) { text-align: right; }
div.cart table td:nth-child(1) { width: 10%; }
div.cart table td:nth-child(2) { width: 48%; }
div.cart table td:nth-child(3) { width: 5%; }
div.cart table td:nth-child(4) { width: 10%; }
div.cart table td:nth-child(5) { width: 7%; }
div.cart table td:nth-child(6) { width: 10%; }
div.cart table td:nth-child(7) { width: 10%; }
div.cart table thead { border-bottom: 1px solid #cc9900; }
div.cart table thead th { padding: 0.4em 0; font-size: 0.694rem; line-height: 1.2em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; text-align: left; }
div.cart table tbody { font-size: 0.83rem; line-height: 1.2em; font-weight: 400; color: #3c3c3c; }
div.cart table tbody tr { border-bottom: 1px solid #f0f0f0; }
div.cart table tbody a { color: #cc9900; text-decoration: none; }
div.cart table tbody a:hover { border-bottom: 1px solid #cc9900; }
div.cart table tbody a img { margin-top: 2px; width: 100%; }
div.cart table tbody h3.product-name a { font-size: 1.2rem; line-height: 1.2em; font-weight: 300; color: #3c3c3c; }
div.cart table tbody span.unit-price { font-size: 0.694rem; line-height: 1.6em; font-weight: 400; color: #d2d2d2; }
div.cart table tfoot button { display: inline-block; margin-top: 1rem; background-color: #f0f0f0; padding: 1em 1.5em 0.6em 1.5em; border: none; border-bottom: 0.4em solid #f0f0f0; font-size: 0.694rem; line-height: 1.2em; font-weight: 700; -webkit-font-smoothing: antialiased; color: #a0a0a0; text-transform: uppercase; letter-spacing: 0.1em; text-align: center; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; cursor: pointer; }
div.cart table tfoot button:hover { border-bottom: 0.4em solid #dfdddd; }
/*div.cart input { text-align: right; }*/
div.cart-totals { width: 100%; display: inline-block; text-align: right; }
div.cart-totals table { max-width: 250px; width: 100%; float: right; color: #a0a0a0; margin-bottom: 1rem; }
div.cart-totals table td { padding: 0.2em 0; }
div.cart-totals table td:nth-child(1) { font-size: 0.694rem; line-height: 1.2em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; padding: 0.6em 0 0.2em 0; }
div.cart-totals table tr.grand-total { color: #3c3c3c; }
div.cart-totals hr { display: block; float: right; width: 100%; border: 1px solid #fff; }
div.cart-totals button { float: right; }
div.cart-totals p { clear: both; float: right; }
div.cart-miniblock { display: table; padding-bottom: 3rem; }
div.cart-miniblock h1, div.cart-miniblock h2, div.cart-miniblock h3, div.cart-miniblock h4, div.cart-miniblock p { margin: 0; padding: 0; }
div.cart-miniblock textarea { border: 1px solid #d2d2d2 !important; width: 300px; height: 100px; font-size: 0.694rem; line-height: 1.2em; font-weight: 400; }
div.cart-miniblock button { background-color: #cc9900; padding: 1em 1.5em 0.6em 1.5em; border: none; border-bottom: 0.4em solid #cc9900; font-size: 0.694rem; line-height: 1.2em; font-weight: 700; -webkit-font-smoothing: antialiased; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; text-align: center; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; cursor: pointer; }
div.cart-miniblock button:hover { border-bottom: 0.4em solid #a87e00; }
@media screen and (max-width:765px) {
div.cart table td { padding-right: 0.75%; }
div.cart table td:nth-child(1) { width: 14.25%; }
div.cart table td:nth-child(2) { width: 32.25%; }
div.cart table td:nth-child(5) { width: 6.25%; }
div.cart table td:nth-child(6) { width: 23.25%; }
div.cart table td:nth-child(7) { width: 11%; padding-right: 0; }
div.cart table thead { border-bottom: 1px solid #cc9900; }
div.cart table thead th { padding: 0.4em 0; font-size: 0.62rem; line-height: 1.2em; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; text-align: left; }
div.cart table tbody { border-top: 1px solid #cc9900; font-size: 0.694rem; line-height: 1.2em; font-weight: 400; color: #3c3c3c; }
div.cart table tbody tr { border-bottom: 1px solid #f0f0f0; }
div.cart table tbody a { color: #cc9900; text-decoration: none; }
div.cart table tbody a:hover { border-bottom: 1px solid #cc9900; }
div.cart table tbody a img { margin-top: 2px; width: 100%; }
div.cart table tbody h3.product-name { font-size: 0.83rem; line-height: 1.2em; font-weight: 300; }
div.cart table tbody h3.product-name a { font-size: 0.83rem; line-height: 1.2em; font-weight: 300; color: #3c3c3c; }
div.cart table tbody span.unit-price { font-size: 0.62rem; line-height: 1.6em; font-weight: 400; color: #d2d2d2; }
div.cart table tfoot td { vertical-align: top; }
div.cart table tfoot button { display: inline-block; margin-top: 1rem; background-color: #f0f0f0; padding: 1em 1.5em 0.6em 1.5em; border: none; border-bottom: 0.4em solid #f0f0f0; font-size: 0.62rem; line-height: 1.2em; font-weight: 700; -webkit-font-smoothing: antialiased; color: #a0a0a0; text-transform: uppercase; letter-spacing: 0.1em; text-align: center; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; cursor: pointer; }
div.cart table tfoot button:hover { border-bottom: 0.4em solid #dfdddd; }
div.cart input { text-align: right; }
}
/* Footer
-------------------------------------------------- */
footer { display: table; position: relative; min-height: 400px; width: 100%; height: auto; padding-bottom: 100px; background-color: #d2d2d2; }
footer div.wrap { display: table; padding-top: 1rem; }
footer div.wrap div.col-1, footer div.wrap div.col-2, footer div.wrap div.col-3, footer div.wrap div.col-4 { display: table; position: relative; width: 25%; height: auto; float: left; }
footer div.wrap div.col-1 { margin: 0 -25% 0 0; }
footer div.wrap div.col-2 { margin: 0 -50% 0 25%; }
footer div.wrap div.col-3 { margin: 0 -75% 0 50%; }
footer div.wrap div.col-4 { margin: 0 -100% 0 75%; }
@media screen and (max-width:765px) {
footer div.wrap { width: 92%; padding: 4%; }
footer div.wrap div.col-1, footer div.wrap div.col-2, footer div.wrap div.col-3, footer div.wrap div.col-4 { width: 100%; margin: 0; float: none; }
}
footer div.wrap div.bottom { margin-top: 5rem; font-size: 0.83rem; color: #a0a0a0; }
footer div.wrap div.bottom p { padding-bottom: 0.5em; }
footer div.wrap div.bottom p a { color: #a0a0a0; }
footer div.wrap div.bottom p a:hover { color: #cc9900; border-bottom: 1px solid #cc9900; }
footer ul.footer-menu { list-style-type: none; margin: 1.2em 0 0 0; padding: 0; font-size: 0.694rem; line-height: 1.2em; font-weight: 400; color: #787878; text-transform: uppercase; letter-spacing: 0.05em; }
@media screen and (max-width:765px) {
footer ul.footer-menu { font-size: 0.83rem; line-height: 1.4em; font-weight: 400; }
}
footer ul.footer-menu li { padding: 0 }
footer ul.footer-menu li.title { font-size: 0.694rem; line-height: 1.5em; font-weight: 800; }
@media screen and (max-width:765px) {
footer ul.footer-menu li.title { font-size: 0.83rem; line-height: 1.6em; font-weight: 800; }
}
footer ul.footer-menu li a { color: #787878; text-decoration: none; }
footer ul.footer-menu li a:hover { color: #fff; }
/* Image widths
-------------------------------------------------- */
img.w100 { width: 100%; }
img.w90 { width: 90%; }
img.w80 { width: 80%; }
img.w70 { width: 70%; }
img.w60 { width: 60%; }
img.w50 { width: 50%; }
@media screen and (max-width:765px) {
img.w100, img.w90, img.w80, img.w70, img.w60, img.w50 { width: 100%; }
img.m50 { width: 50%; }
}
/* Overrides
--------------------------------------------------- */
.ko { -webkit-font-smoothing: antialiased; color: #fff !important; }
/* Custom New Css Added */
.header ul { margin: 0px !important; padding-left: 0px !important; }
/* Category Genral Slider css
-----------------------------------------------------*/
div.publication div.thumbnails div.wrap-carousel div.grid-carousell { height: 125px; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid { padding: 0 0 0 1rem; white-space: nowrap; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread { display: inline-block; margin-right: 1rem; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread li.pages-grid-item { display: inline-block; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread li.pages-grid-item img { max-height: 100px; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread a { opacity: 0.5; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread a:hover, div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread a.active { opacity: 1; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid a div.spread { opacity: 0.5; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid a:hover div.spread, div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid a.active div.spread { opacity: 1; }
div.wrap-carousel div.grid-carousell { width: 100%; height: 200px; position: relative; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid { padding: 0 0 0 1rem; white-space: nowrap; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread { display: inline-block; margin-right: 1rem; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread li.pages-grid-item { display: inline-block; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread li.pages-grid-item img { max-height: 100px; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread a { opacity: 0.5; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread a:hover, div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid div.spread a.active { opacity: 1; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid a div.spread { opacity: 0.5; }
div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid a:hover div.spread, div.publication div.thumbnails div.wrap-carousel div.grid-carousell div.grid-wrapp ul.pages-grid a.active div.spread { opacity: 1; }
/* Grid
-------------------------------------------------- */
div.grid-wrapp { display: table; position: relative; width: 80%; margin: 0 0 0 20%; float: left; }
div.grid-wrapp ul.product-grid { list-style: none; margin: 0; padding: 0; }
div.grid-wrapp ul.product-grid.col-5 li.product-grid-item { position: relative; width: 19.7%; margin: 0 0.375% 0.375% 0; }
div.grid-wrapp ul.product-grid.col-5 li.product-grid-item:nth-of-type(5n) { margin-right: 0; }
div.grid-wrapp ul.product-grid.col-6 li.product-grid-item { width: 16.4%; margin: 0 0.32% 0.32% 0; }
div.grid-wrapp ul.product-grid.col-6 li.product-grid-item:nth-of-type(6n) { margin-right: 0; }
div.grid-wrapp ul.product-grid.h-scroll { width: auto; height: 160px; white-space: nowrap; }
div.grid-wrapp ul.product-grid.h-scroll li.product-grid-item { width: 200px; margin: 0px; float: none; display: inline-block; font-size: 0; }
div.grid-wrapp ul.product-grid li.product-grid-item { float: left; }
div.grid-wrapp ul.product-grid li.product-grid-item div.info { font-size: 0.9rem; line-height: 1.2em; font-weight: 700; }
div.grid-wrapp ul.product-grid li.product-grid-item div.info .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
div.grid-wrapp { width: 100%; margin: 0; }
div.grid-wrapp ul.product-grid { list-style: none; margin: 0; padding: 0; }
div.grid-wrapp ul.product-grid.col-5 li.product-grid-item, div.grid-wrapp ul.product-grid.col-6 li.product-grid-item { width: 33%; }
div.grid-wrapp ul.product-grid.col-5 li.product-grid-item:nth-of-type(1n), div.grid-wrapp ul.product-grid.col-6 li.product-grid-item:nth-of-type(1n) { margin: 0 0.5% 3px 0; }
div.grid-wrapp ul.product-grid.col-5 li.product-grid-item:nth-of-type(3n), div.grid-wrapp ul.product-grid.col-6 li.product-grid-item:nth-of-type(3n) { margin-right: 0; }
}
div.wrap-carousel div.grid-wrapp { width: 100%; margin: 0; }
div.related-products div.grid-wrapp { width: 100%; margin: 0; }
div.trending div.grid-wrapp { width: 100%; margin: 0; }
div.wrap-carousel div.control-rightt { position: absolute; top: 0; bottom: 0; right: 0; z-index: 5; width: 60px; height: auto; background: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
div.wrap-carousel div.control-rightt:after { position: absolute; content: ""; display: block; top: 0; right: 0; width: 4px; height: 100%; background: -webkit-linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-right: 1px solid #f0f0f0; }
div.wrap-carousel div.control-rightt p { text-align: right; }
div.wrap-carousel div.control-leftt, div.wrap-carousel div.control-rightt { display: table; height: 160px; }
div.wrap-carousel div.control-leftt p, div.wrap-carousel div.control-rightt p { display: table-cell; vertical-align: middle; color: #787878; font-size: 1.728rem; line-height: 1.2em; font-weight: 100; padding: 0.25em; cursor: pointer; }
div.wrap-carousel div.control-leftt:hover p, div.wrap-carousel div.control-rightt:hover p { color: #cc9900; }
@media screen and (max-width:765px) {
div.wrap-carousel div.control-leftt, div.wrap-carousel div.control-rightt { display: none !important; }
}
div.wrap-carousel div.control-leftt { position: absolute; top: 0; bottom: 0; left: 0; z-index: 5; width: 60px; height: auto; background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
div.wrap-carousel div.control-leftt:after { position: absolute; content: ""; display: block; top: 0; left: 0; width: 4px; height: 100%; background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.02), transparent); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-left: 1px solid #f0f0f0; }
div.wrap-carousel div.control-leftt p { text-align: left; }
.text-1 h5 { font-size: 1rem; line-height: 1.2em; font-weight: 300; color: #a0a0a0; margin: 0 0 15px 0; }
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
.ves-megamenu.menu-hover .dropdown:hover > .dropdown-menu {
display: none;
}
}
.page-with-filter .block.filter {
left: 20%;
margin: 0 !important;
position: absolute;
width: 80%;
}
.page-with-filter .block-title.filter-title {
display: none;
}
div.grid-wrap ul.product-grid {
font-size: inherit;
white-space: normal;
line-height: inherit;
}
.page-products div.grid-wrap {
display: table;
float: right;
margin: 40px 0 70px;
position: relative;
}
.products-grid .product-item {
width: 33.33333333% !important;
margin-bottom: 20px;
}
.page-with-filter .products-grid .product-items .item {
margin: 0px !important;
box-sizing: border-box !important;
}
div.product-grid-item div.screen {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.05);
}
div.product-grid-item div.screen:hover {
background-color: rgba(0, 0, 0, 0.05) !important;
}
.page-products .product-item-info {
width: 100%;
position: relative;
}
div.product-grid-item div.thumbnail {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
}
div.product-grid-item div.thumbnail img {
max-width: inherit !important;
position: static !important;
width: 100% !important;
}
section.product-listing-page {
position: relative;
}
.products-grid + .bottom_toolbar {
bottom: 0;
position: absolute;
right: 0;
width: 100%;
}
.pull-md-5 {
right: 41.666667%;
}
.push-md-5 {
left: 41.666667%;
}
div#rolex-container div.block-form .share-location-sec {margin-bottom: 10px !important;color: #999;}
div#rolex-container div.block-form .i-agree-check {margin-bottom: 15px;}
div#rolex-container div.block-form .i-agree-check input[type="checkbox"] {opacity: 0;position: absolute;top: 7px;z-index: 9;cursor: pointer;width: 100%;}
div#rolex-container div.block-form .i-agree-check input[type="checkbox"] + label:before {width: 20px;height: 20px;content: "";position: absolute;left: 0;top: 3px;border: 1px solid #767676;}
div#rolex-container div.block-form .i-agree-check input[type="checkbox"] + label {position: relative;padding-left: 30px;}
div#rolex-container div.block-form .i-agree-check input[type="checkbox"]:checked + label:after { background: #127749; width: 14px;height: 14px;content: "";left: 3px; top: 6px; right: auto;position: absolute;}
div#rolex-container div.block-form .i-agree-check {color: #999;position: relative;}
div#rolex-container div.block-form .i-agree-check a {color: #0c0c0c !important;text-decoration: underline; position:relative;z-index: 9;}
div#rolex-container div.block-form .i-agree-check .mage-error {position: absolute;bottom: -6px;}
.rolex-contact-f .block-form .select-styled {
color: #212121;
border-radius: 0;
height: auto;
padding: 0;
border: 0;
font-size: 16px;
border-bottom: 1px solid #dadada;
line-height: 35px;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
overflow: hidden;
background: transparent;
}
.rolex-contact-f .block-form .select-styled:after {
width: 0;
height: 0;
position: absolute;
top: 0;
right: 12px;
font-family: 'icomoon';
font-size: 12px;
color: #845946;
content: url(https://londonjewelers.org/pub/static/frontend/Diaspark/londonjewel/en_US/Diaspark_Rolex/css/images/select-arrow.png);
}
.rolex-contact-f .block-form .select-styled.active:after, .rolex-contact-f .block-form .select-styled:active:after{
top: 38px;
right: 3px;
transform: rotate(180deg);
}
.rolex-contact-f .block-form .select-options li:hover {
background: #127749;
}
.rolex-contact-f .block-form .select-options {
border-radius: 0;
}
div#rolex-container div.block-img .loader img {
width: auto;
}
span#msg_req_name, span#email_or_phone {
position: relative;
top: -45px;
font-size: 14px;
color: #cc0000 !important;
padding-left: 15px;
display: inline-block;
left: 0;
}
.rolex-contact-f .block-form select.form-control.mage-error + .select-styled {
color: #cc0000 !important;
}
.rolex-contact-f label.control-label.mage-error {
color: #cc0000 !important;
}
.rolex-contact-f .mage-error {
color: red;
margin-top: 0px;
}
.rolex-contact-f span#msg_req_name {
position: absolute;
top: 38px;
font-size: 14px;
color: #cc0000 !important;
padding-left: 15px;
display: inline-block;
left: 17px;
}
.rolex-contact-f .form.product_contact .col-sm-12 {
position: relative;
}
.rolex-custom-class-unique #back-to-top.top-btn-show {
display: none;
}
.hide {
display: none !important;
}
/* main.css */
.rolex-page-footer .rolex-info.centered > img {
height: 50px;
}
/*for landing */
div.rolex-grid {
padding-bottom: 120px;
}
div#rolex-container .rolex-experience div.rolex-info {
padding: 75px 20px 100px !important;
}
div#rolex-container .rolex-experience div.rolex-info img {
margin-bottom: 90px;
}
div#rolex-container .rolex-experience div.rolex-info h1 {
font-weight: bold;
margin-bottom: 20px;
font-size: 35px;
}
div.rolex-grid.c3 ul li {
padding: 0;
margin: 0;
}
.rolex-featured-cms {
max-width: 1140px;
margin: 0 auto;
}
.rolex-featured-cms-content .row.column-2 {
display: flex;
flex-wrap: nowrap;
margin-right: -10px;
margin-left: -10px;
}
.rolex-featured-cms-content img {
width: 100%;
}
.rolex-featured-cms-content .row.column-2 .item {
padding-left: 10px;
padding-right: 10px;
}
.rolex-featured-cms p.thumb-p {
text-transform: uppercase;
margin: 10px 0 40px;
font-size: 15px;
color: #000;
font-weight: bold;
line-height: 1.5;
}
.rolex-featured-cms-content .row {
margin-left: 0;
margin-right: 0;
}
div#rolex-container div.rolex-info h3 {
text-align: left;
}
.rolex-featured-cms .rolex-featured-cms h5 {
font-size: 20px;
font-weight: bold;
margin-bottom: 30px;
}
div.rolex-grid ul li span.name {
font-size: 16px;
text-transform: capitalize;
color: #000;
}
div.rolex-grid.c3 ul li a span.familyName {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
}
div#rolex-container div.rolex-info p {
font-size: 16px;
line-height: 1.4em;
}
.rolex_text_class p.rolex_price_text {
color: #fff !important;
}
div#rolex-container div.rolex-info h2 {
color: #000 !important;
text-transform: inherit;
letter-spacing: inherit;
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
font-family: "Montserrat", "Helvetica Neue", Helvetica, sans-serif;
}
div#rolex-container .wc-rolex-sec div.rolex-info h1 {font-weight: 500;font-family: "Montserrat", "Helvetica Neue", Helvetica, sans-serif;}
div#rolex-container hr.full {
display: none;
}
div#rolex-container div.btn-model {
margin: 25px auto 20px;
}
div#rolex-container div.thumbs {
max-width: 1140px;
}
.owl-theme .owl-dots .owl-dot {
width: 88px;
height: 5px;
margin: 5px 7px;
background: #d4d4d4;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 2px;
padding:0
}
.owl-dots .owl-dot span, .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { display: none !important; }
.owl-carousel .owl-dots {
display: flex !important;
justify-content: center;
margin-top: 18px;
}
.owl-dots .owl-dot.active, .owl-theme .owl-dots .owl-dot:hover {
background: #127749 !important;
}
.owl-carousel .owl-nav .owl-prev {
left: -60px;
}
.owl-carousel .owl-nav .owl-next {
right: -60px !important;
}
.you-may-also .owl-carousel .owl-nav .owl-prev {
left: 0px;
}
.you-may-also .owl-carousel .owl-nav .owl-next {
right: 0px !important;
}
div#rolex-container .keep-exploring .rolex-info.centered {
max-width: 1140px !important;
width: 100%;
padding: 0 0 25px !important;
}
div#rolex-container .keep-exploring div.rolex-info h1 {
text-align: left;
}
div#rolex-container .keep-exploring div.rolex-info h1 {
font-size: 20px;
text-transform: inherit;
letter-spacing: inherit;
font-weight: 600;
}
div#rolex-container div.thumbs p.thumb-p {
text-align: left;
font-size: 16px;
font-weight: 600;
letter-spacing: 0;
}
.rolex-wrap-content.footer-rolex-sec {
margin-top: 80px;
}
.rolex-wrap-content.wc-rolex-sec {
margin: 50px auto;
}
div#rolex-container div.btn-model a {
text-transform: initial;
font-size: 18px;
}
nav.rolex-menu ul li {
font-size: 16px;
text-transform: inherit;
}
/*collection page */
.rolex-custom-class-unique div.grid-wrap ul.product-grid li.product-grid-item div.info span.name {
font-size: 16px;
text-transform: capitalize;
color: #000;
font-weight: 400;
margin-bottom: 5px !important;
display: block;
}
.page-with-filter.page-products.page-layout-rolex_collection .column.main {
padding: 0;
max-width: 1360px !important;
width: 95% !important;
margin: 0 auto;
}
.rolex-custom-class-unique.catalog-category-view .bottom_toolbar .toolbar.toolbar-products .pages {
display: block !important;
}
.rolex-custom-class-unique.catalog-category-view .products-grid + .bottom_toolbar {
width: 85%;
left: 50%;
transform: translate(-50%, 0);
}
.contact_us_btn {
text-align: center;
margin: 20px 0 50px;
}
.page-layout-rolex_collection .products.wrapper.grid.products-grid.grid-wrap {
margin: 0 0 120px;
width: 75%;
padding: 0;
max-width: 1020px;
}
.rolex-custom-class-unique.page-with-filter .products-grid .product-items .item {
padding: 0;
}
.page-with-filter.page-products.page-layout-rolex_collection .column.main {
padding: 0;
}
.page-layout-rolex_collection div.filter-bar {
max-width: 340px;
width: 25%;
}
.rolex-custom-class-unique div.grid-wrap ul.product-grid li.product-grid-item div.info .name {
color: #000;
font-weight: bold;
}
div#rolex-container div.grid-wrap ul.product-grid li.product-grid-item div.info .sub_text {
font-weight: 300;
}
div.grid-wrap ul.product-grid li.product-grid-item div.info {
padding: 0 5%;
}
/* filter */
div.filter-bar div.filter-set div.filter-list ul li.normal {
font-size: 16px;
text-transform: initial;
}
div.filter-bar .rolex_collection div.filter-set div.filter-list ul li.normal {
text-transform: capitalize;
}
#filter-rolex {
padding: 10px 0 22px;
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.14em;
}
.rolex-custom-class-unique .reset-rolex .reset-rolex-btn {
background: #f0f0f0;
color: #767676;
font-size: 16px;
padding: 10px 36px;
display: inline-block;
margin: 0;
text-transform: initial;
}
#rolex-container div.filter-bar div.filter-set div.title {
border: 0;
margin: 40px 0 10px 0;
padding: 11px 0 0 0;
font-weight: bold;
font-size: 14px;
letter-spacing: 0;
}
.rolex-custom-class-unique div.filter-bar div.filter-set div.filter-list.collection_list ul li.normal::before {
display:none
}
.rolex_collection_filter .rolex_collection div.filter-list ul li.normal {
padding: 0.5em 0 0.5em 0em !important;
}
div.filter-bar div.filter-set div.filter-list div.top, div.filter-bar div.filter-set div.filter-list div.bottom {
display: none;
}
div.filter-bar div.filter-set, span#filter-rolex, .reset_filters_div {
width: 80%;
margin: 0 auto;
padding: 0;
}
.reset-rolex {
margin: 20px 0 50px;
}
#rolex-container div.filter-bar .rolex_collection div.filter-set div.title {
letter-spacing: 0.1em;
font-size: 18px;
}
/*sourabh */
.RolexContactUS button.gm-control-active {background: black !important;border-radius: 25px !important;font-size: 30px;color: white;}
.RolexContactUS div.gmnoprint div { background: transparent !important;}
.RolexContactUS button.gm-control-active img{ display:none !important;}
.RolexContactUS button.gm-control-active:first-child:after {content: "+" !important;}
.RolexContactUS button.gm-control-active:after {content: "-" !important;}
.RolexContactUS div.gmnoprint div:first-child{box-shadow:none !important;}
/*for contact */
div#rolex-container div.btn-model a {
text-transform: initial;
font-size: 18px;
font-weight: 300;
}
div#rolex-container div.btn-model, div#rolex-container a.btn-model {
font-size: 15px;
padding: 13px 32px;
text-transform: initial;
}
.reset_rolex_contact {
font-size: 15px;
text-transform: initial;
}
div#rolex-container div.block-form .i-agree-check a {
text-decoration: underline;
}
.rolex-wrap-banner-fix.contactbtmbanner {
margin: 50px 0 80px;
}
.rolex-video-wrap.rolex_map_div {
margin: 0;
}
.col-sm-12.block-form.contactfrmbtn {
margin-top: 40px;
}
.rolex-wrap-content.contact-sec {
max-width: 1140px;
width: 80%;
}
.contact-sec .disp_list_main {
border: 0;
margin: 0;
padding-bottom: 20px;
}
div#rolex-container .contact-sec .col-md-6 {
background: #f8f8f8;
margin: 0 10px 20px;
margin-right: 10px;
width: calc(50% - 20px);
flex: inherit;
}
div#rolex-container .contact-sec div.block-txt div.rolex-info {
padding: 50px 20px 50px !important;
text-align: center;
height: 100%;
}
div#rolex-container .contact-sec div.block-txt {
height: 100%;
}
div#rolex-container .contact-sec .map-left-content div.block-txt div.rolex-info {
position: relative;
}
.map-left-content .rolex-info i.fa.fa-close {
top: 0;
}
.contact-store-icons {
display: flex;
justify-content: center;
margin-top: auto;
padding-top: 10px;
}
.txtarea-sec label.control-label {
display: block;
width: 95%;
position: static;
}
.rolex-wrap-content.rolex-contact-f .container {
max-width: 650px;
width: 90vw;
}
div.rolex-banner.flushedLeft.rolex_contact_banner img {
width: 100%;
}
.contact-sec .disp_list_main li:after {
content: "";
padding: 0;
margin: 5px 10px 5px 10px;
height: 2px;
width: 10px;
background: #ccc;
display:inline-block !important
}
.contact-sec .disp_list_main li {
width: auto;
padding: 0;
border: 0;
}
.contact-sec .disp_list_main li.active {
background: none;
}
.rolex-wrap-content.rolex-contact-f {
margin: 80px 0;
}
.contact-sec .disp_list_main li:last-child:after {
display: none !important;
}
.rolex-wrap-content.rolex-contact-f h1 {
letter-spacing: 0;
font-weight: 500;
margin-bottom: 20px;
}
.reset_rolex_contact {
margin-right: 30px;
}
.rolex-wrap-content.rolex-contact-f .req-sec p {
margin: 15px 0 0 0 !important;
}
div#rolex-container .rolex-contact-sec div.rolex-info h2 {
font-size: 12px;
font-weight: 400;
color: #127749 !important;
margin: 0;
}
div#rolex-container .rolex-contact-sec div.rolex-info h1 {margin-bottom: 10px;}
.cms-page-view div#rolex-container div.rolex-info span#dropdown-time {
font-size: 14px;
letter-spacing: 0.1em;
}
.store-hour-img ul li span + span {
text-transform: lowercase !important;
}
.col-sm-12.block-form.contactfrmbtn {
margin-top: 40px;
}
div#rolex-container .contact-sec div.rolex-info h2 {
color: #127749 !important;
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 5px;
}
div#rolex-container .contact-sec div.rolex-info h1 {
font-weight: 400;
margin-bottom: 15px;
}
.cms-page-view div#rolex-container div.rolex-info .contact-moredetail span.contact-icon {
margin: 0;
}
.cms-page-view div#rolex-container div.rolex-info span.contact-icon:hover i {
color: #fff;
}
.cms-page-view div#rolex-container div.rolex-info span.contact-icon:hover i {
background: #127749;
}
.cms-page-view div#rolex-container div.rolex-info span#dropdown-time i {
margin-left: 5px;
cursor: pointer;
}
.open-time {margin-bottom: 15px;}
.store-hour-img ul li span {
list-style: none;
font-size: 16px !important;
text-transform: inherit !important;
letter-spacing: 0 !important;
flex-basis: 50%;
}
.store-hour-img ul {
background: #fff;
padding: 2px 10px;
margin: 0;
list-style: none;
margin-top: -10px;
}
.store-hour-img ul li {
display: flex;
margin: 5px 0;
}
.store-hours {width: 300px;position: relative}
.store-hour-img {
position: absolute;
z-index: 9;
width: 100%;
}
div#rolex-container .rolex-contact-sec p a span {
font-size: 16px !important;
text-transform: initial !important;
letter-spacing: 0 !important;
}
/*for product detail */
div#rolex-container div.rolex-info p.rolex_price_upon_request {
color: #fff;
font-size: 14px;
line-height: 16px;
}
.rolex-video-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
/* margin: 0 20px 20px; */
}
.rolex-video-wrap iframe {
position: absolute;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
div.rolex-banner-text:after {content: "";height: 100%;width: 100%;position: absolute;background: rgba(0, 0, 0, 0.35);z-index: -1;}
div.rolex-banner-text div.rolex-info div.btn {
text-transform: inherit;
font-size: 18px;
padding: 12px 30px;
}
div#rolex-container div.rolex-banner-text div.rolex-info h1 {
font-weight: 400;
letter-spacing: 0.1em;
font-size: 34px;
}
.rolex-family-text {
margin: 0px 0 55px;
}
div#rolex-container .rolex-family-text div.rolex-info {
max-width: 690px;
}
div#ModelAvailabilityBlock {
max-width: inherit;
}
#ModelAvailabilityBlock div.rolex-video-wrap {
width: 90%;
margin: 75px auto 0;
}
.model-availability-outer {
background: #f8f8f8;
margin: 65px 0 0;
padding-bottom: 50px;
}
.portrait_image_block {
visibility: hidden !important;
height: 0;
}
div#rolex-container .block-txt div.rolex-info.top_position h1 {
margin: 0 0 8px;
font-weight: 400;
letter-spacing: 0.1em;
color: #fff;
}
div#rolex-container div.rolex-info.model-info h2 {
color: #fff !important;
margin-bottom: 5px;
}
.rolex-info.model-info.top_position span {
color: #fff;
}
.availability-model a {
color: #fff;
text-decoration: underline;
margin-bottom: 10px;
display: block;
}
.availability-model a:hover {
color: #fff;
}
.rolex-price {display: flex;position: relative;}
.rolex-price i.fa.fas.fa-info-circle {
color: #fff;
position: relative;
cursor: pointer;
}
.rolex-price i.fa.fas.fa-info-circle.active:after{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
border-left: 8px solid transparent;
border-bottom: 8px solid #f3f3f3;
border-right: 8px solid transparent;
left: 0;
top: 15px;
}
div#rolex-container .you-may-also div.rolex-info h1 {
font-weight: 500;
}
.Rolex-Price-info {
position: absolute;
background: #fff;
z-index: 99;
top: 50px;
border-radius: 5px;
}
div#rolex-container .Rolex-Price-info .rolex-info {
padding: 10px 15px !important;
max-width: 340px;
width: auto;
}
div#rolex-container p.contact_icon_number span {
background: transparent;
border: 1px solid #fff;
}
div#rolex-container p.contact_icon_number span i {
color: #fff;
line-height: 0;
}
div#rolex-container p.contact_icon_number a {
color: #fff !important;
}
div#rolex-container div.rolex-info p.contact_icon_number a:hover {
color: #eaeaea !important;
}
.rolex-custom-class-unique .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right, .rolex-custom-class-unique .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left {
display: none !important;
}
.rolex_text_class {
display: none;
}
div#rolex-container .block-details div.rolex-info p span {
font-size: 16px;
font-weight: 600;
}
div#rolex-container .rolex-refrence-section .block-details div.rolex-info p {
font-size: 16px;
}
/* .family-feature-sec .row.no-gutters {
margin-bottom: 50px;
} */
.rolex-info > h5 {
color: white;
}
div#rolex-container .block-txt div.rolex-info h1 {
margin-bottom: 10px;
font-weight: 500;
letter-spacing: 0.1em;
}
.fotorama__nav__frame.fotorama__nav__frame--thumb {
height: 65px !important;
width: 90px !important;
margin: 2px 4px;
}
div#rolex-container div.block-img .fotorama__nav__frame--thumb img {
width: 100%;
height: 100%;
}
.detail-sec-w .gallery-placeholder .fotorama__nav.fotorama__nav--thumbs {
height: auto !important;
}
.fotorama__nav__frame.fotorama__nav__frame--thumb {
border: 0;
}
div#rolex-container .you-may-also div.thumbs p.thumb-p span.sub_text {
font-weight: 400;
}
div#rolex-container .you-may-also div.thumbs p.thumb-p {
text-align: center;
}
div#rolex-container .detail-sec-w div.rolex-info {
padding: 10px 20px 10px !important;
top: -38px;
position: relative;
}
div#rolex-container .detail-sec-w div.rolex-info .Rolex-Price-info .rolex-info {
top: 0;
}
/*for footer */
div#rolex-container div.rolex-info {
padding: 40px 12px 20px !important;
}
.rolex-page-footer nav.rolex-menu {
padding: 15px 0;
}
.rolex_map_div .maplj {
-webkit-filter: inherit;
filter: inherit;
}
/*Tablet */
@media (max-width: 1069px) {
div#rolex-container .rolex-experience div.rolex-info h1 {
font-size: 25px;
}
.keep-exploring {
margin-top: 40px;
}
div#rolex-container .keep-exploring .rolex-info.centered {
width: 90%;
}
.rolex-featured-cms {
width: 90%;
}
div#rolex-container div.thumbs {
width: 90%;
}
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
left: -30px;
}
.owl-next {
right: -30px !important;
}
.owl-theme .owl-dots .owl-dot {
width: 60px;
}
div#rolex-container div.thumbs p.thumb-p {
font-size: 14px;
margin-bottom: 0;
}
div#rolex-container .keep-exploring .rolex-info.centered {
padding: 0 0 15px !important;
}
div#rolex-container .keep-exploring div.rolex-info h1 {
font-size: 18px;
line-height: 20px;
}
div#rolex-container .rolex-experience div.rolex-info {
padding: 30px 0px 25px !important;
}
.rolex-wrap-content.footer-rolex-sec {
margin-top: 0;
}
div#rolex-container .rolex-experience div.rolex-info img {
margin-bottom: 35px;
}
.rolex-featured-cms p.thumb-p {
margin: 10px 0 18px;
font-size: 16px;
}
.rolex-wrap-content.wc-rolex-sec {
margin: 0px auto;
}
div#rolex-container div.rolex-info h2 {
font-size: 16px;
margin-bottom: 15px;
}
div.filter-bar {
padding: 0 !important;
}
div.filter-bar div.filter-set, span#filter-rolex, .reset_filters_div {
width: 100%;
font-size: 14px;
}
.container.listing_stores .row {
display: flex;
}
div#rolex-container .contact-sec div.block-txt div.rolex-info {
padding: 25px 10px 25px !important;
text-align: center;
}
.rolex-wrap-content.contact-sec .disp_list_main {
margin: 0px 10px 20px;
}
.rolex-wrap-content.contact-sec {
width: 95%;
}
.rolex-wrap-content.rolex-contact-f {
margin: 60px 0;
}
.rolex-wrap-content.rolex-contact-f .container {
max-width: 100%;
}
.container.listing_stores {
width: 100%;
}
}
/*mobile old*/
@media (max-width: 768px) {
div#rolex-header div.rolex-mobile-menu-wrap nav.rolex-menu ul li {
border-bottom: 1px solid #ececec;
}
div#rolex-header div.rolex-mobile-menu-wrap nav.rolex-menu ul {
border-bottom: 1px solid #ececec;
}
#LJmaincontent {
margin-top: 184px !important;
}
div.rolex-grid.c3 ul li {
max-width: 33.33%;
min-width: 33.33%;
-webkit-flex: 1 1 33.33%;
}
}
@media (max-width: 767px) {
div#rolex-container .detail-sec-w div.rolex-info {
top: -15px;
}
.filter_search_bar.only-mobile.sticky.fix_lj_rolex {
top: 0px !important;
position: absolute !important;
}
.filter_search_bar.only-mobile.sticky.fix_lj_rolex.on {
position: fixed !important;
color: #000 !important;
}
ul.lSPager.lSGallery {
display: flex;
margin: 0 auto !important;
}
.lSAction {
display: none !important;
}
.portrait_image_block ul.lSPager.lSGallery {
display: none;
}
.portrait_image_block {
visibility: visible !important;
height: auto;
}
.catalog-product-view .gallery-placeholder {
visibility: inherit ;
height: auto;
}
.filter_search_bar.only-mobile.sticky .fa-chevron-down::before {
content: "\f067";
right: -8px;
position: relative;
top: 2px;
font-size: 13px;
}
.filter_search_bar.only-mobile.sticky {
text-align: right;
padding-right: 15px;
text-transform: initial;
font-size: 16px;
padding: 15px 10px;
font-weight: 300;
background: #fff !important;
}
.filter_search_bar.only-mobile.sticky.on .fa-chevron-up:before {
content: "\f00d";
font-size: 29px;
position: absolute;
top: 5px;
right: 15px;
}
div#rolex-container div.detail-sec-w div.block-txt div.rolex-info.model-info {
padding: 20px 0 !important;
width: 100%;
text-align: center;
}
div#rolex-container div.rolex-info p.contact_icon_number a {
font-size: 0;
}
div#rolex-container p.contact_icon_number span i {
color: #127749;
font-size: 16px;
line-height: 14px;
}
div#rolex-container div.detail-sec-w div.block-txt div.rolex-info.model-info {
padding: 20px 0 !important;
width: 100%;
text-align: center;
}
div#rolex-container div.rolex-info p.contact_icon_number a {
font-size: 0;
}
.rolex_text_class p.rolex_price_text {
color: #212121!important;
padding: 0 5px;
}
div#rolex-container div.rolex-info p.rolex_price_upon_request {
color: #212121;
padding: 0 5px;
}
div#rolex-container p.contact_icon_number span i {
color: #127749;
font-size: 16px;
line-height: 14px;
}
div#rolex-container div.rolex-info p.contact_icon_number {
margin: 20px 10px 0;
}
.rolex-info.model-info.top_position span {
margin: 40px 0 0;
}
.mobile-background .lSSlideOuter {
overflow: inherit;
position: relative;
}
.mobile-background .lSSlideOuter .lSPager.lSGallery {
position: absolute;
bottom: -22px;
left: 50%;
transform: translate(-50%, 0px) !important;
}
span#msg_req_name, span#email_or_phone {
top: -20px;
padding: 0;
}
.mobile-background img {
margin: 0 !important;
}
.mobile-background li.lslide {
margin: 0;
}
.detail-sec-w .row.no-gutters {
/* background: #fff !important; */
}
.rolex-refrence-section .row.no-gutters {
flex-direction: column-reverse;
}
div#rolex-container div.rolex-info.model-info h2 {
color: #000 !important;
}
div#rolex-container .block-txt div.rolex-info.top_position h1 {
color: #000;
}
div.rolex-wrap-banner div.rolex-banner-text, div.rolex-wrap-banner-fix div.rolex-banner-text {
height: 100%;
}
div#rolex-container div.rolex-banner-text div.rolex-info h1 {
font-size: 24px;
height: 100%;
}
.model-availability-outer {
margin: 0px 0 0 0;
padding-bottom: 10px;
}
#ModelAvailabilityBlock div.rolex-video-wrap {
margin: 40px auto 0;
}
.rolex-family-text {
margin: 0 0 20px;
}
.rolex-wrap-content.rolex-contact-f {
margin: 45px 0;
}
.lSSlideOuter .lSPager.lSGallery li a img {
display: none;
}
.lSSlideOuter .lSPager.lSGallery li {
width: 40px !important;
height: 4px;
background: #d4d4d4;
border-radius: 5px;
margin: 25px 0 0 0;
}
.lSSlideOuter .lSPager.lSGallery li.active {
background: #127749 !important;
}
.rolex-info.model-info.top_position span {
color: #000;
}
.rolex-price i.fa.fas.fa-info-circle {
color: #000;
}
.rolex-price {justify-content: center;}
.availability-model a {
color: #000;
}
.availability-model a:hover {
color: #000;
}
.product-contact-info {
display: flex;
justify-content: center;
}
div.rolex-wrap-banner div.rolex-banner-text, div.rolex-wrap-banner-fix div.rolex-banner-text {
height: 100%;
}
div#rolex-container div.rolex-banner-text div.rolex-info h1 {
font-size: 24px;
height: 100%;
}
.model-availability-outer {
margin: 0px 0 0 0;
padding-bottom: 10px;
}
#ModelAvailabilityBlock div.rolex-video-wrap {
margin: 40px auto 0;
}
.rolex-family-text {
margin: 0 0 20px;
}
.rolex-wrap-content.rolex-contact-f {
margin: 45px 0;
}
div#rolex-container p.contact_icon_number span {
margin: 0;
border: 1px solid #127749;
}
.page-layout-rolex_collection.rolex-custom-class-unique .rolex_collection div.filter-list ul li.normal {
padding: 0.5em 0 0.5em 0em !important;
}
#rolex-container div.filter-bar .rolex_collection div.filter-set div.title {
font-size: 16px;
}
div.filter-bar div.filter-set div.filter-list ul li.normal, div.filter-bar div.filter-set div.filter-list ul li.active {
padding: 0.5em 0 0.5em 0 !important;
}
.rolex-custom-class-unique .filter_search_bar.only-mobile.sticky {
border-bottom: 0;
border-top: 0;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 100%;
left: 0;
z-index: 0;
}
.filter_search_bar.only-mobile.sticky.on {
text-align: left;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
color: #000;
padding-top: 50px;
background: #f8f8f8 !important;
padding-left: 16px;
z-index: 99999999999 !important;
}
.only-mobile.confirm_btn {
width: 35%;
margin: 0 2.5%;
text-transform: initial;
font-size: 16px;
padding: 0;
height: 45px;
line-height: 41px;
font-weight: 300;
}
.rolex-custom-class-unique .reset-rolex .reset-rolex-btn {
width: 45px;
height: 45px;
border-radius: 50%;
padding: 0;
line-height: 48px;
text-align: center;
background: #d2d2d2 !important;
border: 0;
}
.only-mobile.confirm_btn.view_result {
background: #d8d8d8 ;
border: 1px solid #f0f0f0;
color: #878787;
}
.rolex-custom-class-unique .reset-rolex .reset-rolex-btn i {
color: #fff !important;
margin:0;
font-size: 20px;
}
div.filter_search_bar, .hamburger-3.only-mobile.sticky {
background: #f8f8f8 !important;
}
.rolex-custom-class-unique .reset-rolex .reset-rolex-btn span {
display: none;
}
#rolex-container div.filter-bar div.filter-set div.title {
margin: 25px 15px 5px;
background: #f8f8f8;
padding: 0;
}
div.filter-bar div.filter-set {
border: 0;
}
.reset_filters_div {
margin-bottom: 95px;
}
.page-layout-rolex_collection div.filter-bar {
max-width: inherit;
width: 100%;
}
.cms-rolex-contact-us .rolex-wrap-content.rolex-contact-f h1 {
font-size: 22px;
}
div#rolex-container div.rolex-info h1 {
font-size: 22px;
line-height: 28px;
}
span.and-or-txt {
margin-top: 0;
}
.col-sm-12.block-form.contactfrmbtn {
margin-top: 10px;
}
div#rolex-container div.block-form .form-group {
margin-bottom: 20px;
}
div#rolex-container .rolex-contact-sec div.rolex-info {
width: 100%;
padding: 40px 0 !important;
}
.store-hour-img ul li span {
font-size: 14px !important;
text-align: left;
}
div.rolex-banner-prop1 div.prop1-wrap.rolex-contact-sec div.w50.floatCenter, div.rolex-banner-prop1 .rolex-contact-sec.prop1-wrap {
overflow: inherit;
}
.col-sm-6.block-form {
padding: 0 !important;
}
.col-sm-6.block-form.offset-sm-6 {
padding: 0 15px !important;
}
.txtarea-sec label.control-label {
width: 90%;
}
div#rolex-container .contact-sec .col-md-4 {
width: 100%;
}
.page-layout-rolex_collection .products.wrapper.grid.products-grid.grid-wrap {
width: 100%;
}
.rolex-custom-class-unique.catalog-category-view .products-grid + .bottom_toolbar {
width: 100%;
}
.contact_us_btn {
margin: 10px 0 0;
}
div#rolex-container div.btn-model {
margin: 25px auto 20px;
}
.page-layout-rolex_collection .products.wrapper.grid.products-grid.grid-wrap {
margin: 45px 0 10px;
}
div.rolex-grid.c3 ul li {
max-width: 50%;
min-width: 40%;
-webkit-flex: 1 1 50%;
}
.owl-theme .owl-dots .owl-dot {
width: 50px;
}
div#rolex-container div.thumbs p.thumb-p {
font-size: 12px;
margin-bottom: 0;
}
div#rolex-container .keep-exploring .rolex-info.centered {
padding: 0 0 10px !important;
}
div#rolex-container .keep-exploring div.rolex-info h1 {
font-size: 16px;
line-height: 18px;
}
div#rolex-container .rolex-experience div.rolex-info {
padding: 25px 0px 20px !important;
}
.rolex-wrap-content.footer-rolex-sec {
margin-top: 0;
}
div#rolex-container .rolex-experience div.rolex-info img {
margin-bottom: 30px;
}
.rolex-featured-cms p.thumb-p {
margin: 8px 0 13px;
font-size: 12px;
}
.rolex-wrap-content.wc-rolex-sec {
margin: 0px auto;
}
div#rolex-container div.rolex-info h2 {
font-size: 14px;
margin-bottom: 10px;
}
.store-hours {margin: 0 auto;}
}
.rolex-wrap-banner-fix.fpo-section {max-width: 1300px;margin: 0 auto 50px !important;}
.rolex-page-footer nav.rolex-menu ul a:last-child li {color: #212121;}
.rolex-page-footer nav.rolex-menu ul a:hover:last-child li {color: #127749 !important;}
.page-layout-rolex_servicing_procedure .rolex-wrap-banner-fix .rolex-banner,
.page-layout-servicing_your_rolex .rolex-wrap-banner-fix .rolex-banner {width: 100%;}
.keep-exploring .owl-theme .owl-dots .owl-dot span {display: none;}
.page-layout-rolex_servicing_procedure .columns, .page-layout-servicing_your_rolex {display: block;}
.page-layout-rolex_servicing_procedure .rolex-middle-banner {max-width: 1170px;margin: 0 auto;}
.page-layout-rolex_servicing_procedure .rolex-middle-banner iframe {max-width: 100%;width: 1130px;}
.page-layout-rolex_servicing_procedure div#rolex-container div.rolex-info h1 {font-size: 24px;}
.page-layout-rolex_servicing_procedure div.rolex-video-wrap {margin: 0;padding-top: 0;}
.page-layout-rolex_servicing_procedure div.rolex-banner-prop1 div.prop1-wrap {height: 69.5%;}
.rolex-wrap-banner-fix .rolex-banner.waterproof-banner {max-width: 1050px;}
.page-layout-rolex_servicing_procedure .keep-exploring {margin-top: 70px;}
.cms-servicing-your-rolex div.rolex-video-wrap {margin: 0;padding-top: 0;}
.cms-servicing-your-rolex div.rolex-banner-prop1 div.prop1-wrap {height: 69.5%;}
.cms-servicing-your-rolex div#rolex-container div.rolex-info h1 {font-size: 24px;}
.cms-servicing-your-rolex .keep-exploring {margin-top: 70px;}
.cms-servicing-your-rolex .bottom-banner h5 {color: #ffffff;}
.cms-servicing-your-rolex div#rolex-container div.service.btn-model {background: transparent; border: 1px solid #858482;margin-top: 10px;}
@media (max-width:768px) {
.page-layout-rolex_servicing_procedure .rolex-video-wrap {padding: 0;}
.cms-servicing-your-rolex .rolex-video-wrap {padding: 0;}
}
div#rolex-container div.btn-model.discover-more{margin: 20px auto 0 0;}
.cms-servicing-your-rolex div#rolex-container div.service.btn-model:hover {background: #ffffff !important;border: 1px solid #090806;color: #090806 !important;}
.cms-servicing-your-rolex div#rolex-container div.btn-model:hover a {color: #090806;}
div#rolex-container div.service.btn-model:hover {background: #fff !important;}
/* CSS for Rolex-servicing-procedure and Servicing-your-rolex */
.cms-rolex-servicing-procedure .owl-carousel .owl-nav .owl-next:hover, .cms-servicing-your-rolex .owl-carousel .owl-nav .owl-next:hover {background: rgba(0, 0, 0, 0) url(images/controls.png) no-repeat scroll 0 0 !important;background-position: -50px -49px !important;}
.cms-rolex-servicing-procedure .owl-carousel .owl-nav .owl-prev:hover, .cms-servicing-your-rolex .owl-carousel .owl-nav .owl-prev:hover {background: rgba(0, 0, 0, 0) url(images/controls.png) no-repeat scroll 0 0 !important;background-position: 0 -49px;}
@media (max-width:768px) {
.rolex-wrap-content-footer .mobile-menu-element-foot nav.rolex-menu ul a:first-child li {border-top: 1px solid #d2d2d2;}
}
@media (max-width:575px) {
.cms-rolex-servicing-procedure .rolex-wrap-banner-fix.mid-section.fpo-section, .cms-rolex-servicing-procedure .rolex-wrap-content.family-feature-sec, .cms-rolex-servicing-procedure .rolex-wrap-banner-fix,
.cms-servicing-your-rolex .rolex-wrap-banner-fix.mid-section.fpo-section, .cms-servicing-your-rolex .rolex-wrap-content.family-feature-sec, .cms-servicing-your-rolex .rolex-wrap-banner-fix{padding: 0 20px;}
.cms-rolex-servicing-procedure .rolex-wrap-banner-fix, .cms-rolex-servicing-procedure .rolex-wrap-content.family-feature-sec,
.cms-servicing-your-rolex .rolex-wrap-banner-fix, .cms-servicing-your-rolex .rolex-wrap-content.family-feature-sec {margin: 40px 0 0;}
.cms-rolex-servicing-procedure .rolex-wrap-banner-fix:first-child, .cms-servicing-your-rolex .rolex-wrap-banner-fix:first-child {margin: 0;}
.cms-rolex-servicing-procedure div#rolex-container div.rolex-info, .cms-servicing-your-rolex div#rolex-container div.rolex-info {width: 100%;padding: 20px !important;}
.cms-servicing-your-rolex div#rolex-container div.block-txt div.rolex-info{padding: 20px 0 !important;}
.cms-rolex-servicing-procedure div#rolex-container div.block-txt div.rolex-info, .cms-servicing-your-rolex div#rolex-container div.block-txt div.rolex-info{padding: 20px 0 !important;}
.cms-rolex-servicing-procedure div#rolex-container .prop1-wrap div.rolex-info, .cms-servicing-your-rolex div#rolex-container .prop1-wrap div.rolex-info {padding: 20px !important;}
.cms-rolex-servicing-procedure div.rolex-banner-prop1 div.prop1-wrap div.w50.floatCenter, .cms-servicing-your-rolex div.rolex-banner-prop1 div.prop1-wrap div.w50.floatCenter {padding: 0 !important;}
.cms-rolex-servicing-procedure .family-feature-sec .row.no-gutters, .cms-servicing-your-rolex .family-feature-sec .row.no-gutters {margin-bottom: 6px;}
.cms-rolex-servicing-procedure .family-feature-sec .row.no-gutters .col-sm-1, .cms-servicing-your-rolex .family-feature-sec .row.no-gutters .col-sm-1 {display: none;}
.cms-rolex-servicing-procedure .family-feature-sec .row.no-gutters .col-sm-5 + .col-sm-1, .cms-servicing-your-rolex .family-feature-sec .row.no-gutters .col-sm-5 + .col-sm-1 {display: block;}
}
.cms-page-view.cms-rolex-servicing-procedure main#LJmaincontent, .cms-page-view.cms-servicing-your-rolex main#LJmaincontent {max-width: inherit;}
.cms-rolex div#rolex-container .rolex-experience div.rolex-info h2{font-weight: bold;margin-bottom: 20px !important; font-size: 35px;line-height: 1.2em;letter-spacing: 0.2em;text-transform: uppercase;margin: 0;padding: 0;color: #212121 !important;}
.cms-rolex div#rolex-container .keep-exploring div.rolex-info h2 {font-size: 20px;text-transform: inherit;letter-spacing: inherit;font-weight: 600;text-align: left;line-height: 1.2em;margin: 0;padding: 0;color: #212121;}
div#rolex-container .keep-exploring div.rolex-info span.keep-explore {font-size: 20px;text-transform: inherit;letter-spacing: inherit;font-weight: 600;text-align: left;margin: 0;padding: 0;color: #212121;}
.rolex-wrap-content.rolex-contact-f span.contact-us {letter-spacing: 0;font-weight: 500;margin-bottom: 20px !important;display:block;font-size: 30px;line-height: 1.2em;text-transform: uppercase;margin: 0;padding: 0;color: #212121;}
.cms-rolex-contact-us div#rolex-container .block-txt div.rolex-info span.rolex-store-name {margin-bottom: 10px;font-weight: 500;letter-spacing: 0.1em;font-size: 20px;margin: 0;line-height: 1.2em;}
div#rolex-container div.rolex-info span.service_process_h1 , .cms-servicing-your-rolex div#rolex-container div.rolex-info span.service_h1 {font-size: 24px;}
div#rolex-container div.negative span.service_h1{color: #fff !important;}
div#rolex-container .block-txt div.rolex-info span.service_h1{letter-spacing: 0.1em;margin-bottom: 10px;}
div#rolex-container div.rolex-banner-text div.rolex-info span.service_h1 {font-weight: 400;letter-spacing: 0.1em;font-size: 34px;color: #fff !important;}
div#rolex-container .row.no-gutters div.rolex-info .service_process_h1,div#rolex-container .row.no-gutters div.rolex-info span.service_h1{font-weight: 500;}
div#rolex-container div.rolex-info .service_process_h1 {margin-bottom: 10px;font-weight: 300;letter-spacing: 0.1em;}
div#rolex-container div.negative span.service_process_h1{color: #fff !important;}
div#rolex-container div.rolex-info span.service_process_h1 {line-height: 1.2em; text-transform: uppercase; margin: 0; padding: 0;}
div#rolex-container .prop1-wrap div.rolex-info span.service_process_h1{letter-spacing: 0.2em}
div#rolex-container .block-txt div.rolex-info span.rolex_product_h1 {margin-bottom: 10px;font-weight: 500;letter-spacing: 0.1em;margin-bottom: 10px;line-height: 1.2em;text-transform: uppercase;font-size: 30px;line-height: 1.2em;padding: 0;color: #212121;}
div#rolex-container .you-may-also div.rolex-info span.you_may_also {font-size: 30px;font-weight: 500;line-height: 1.2em;letter-spacing: 0.2em;text-transform: uppercase;margin: 0;padding: 0;color: #212121;}
div#rolex-container div.rolex-banner-text div.rolex-info span.banner_page_head {font-weight: 400;letter-spacing: 0.1em;font-size: 34px;color: #fff !important;line-height: 1.2em;}
.rolex-watches-2021 .rolex-info.centered {max-width: 650px !important;}
.rolex-watches-2021 p.thumb-p {margin: 10px 0 15px;font-size: 15px;color: #000;font-weight: bold;}
.rolex-watches-2021 div.rolex-banner img {position: relative;left: 0;}
.rolex-watches-2021 div.rolex-banner {margin: 0 auto;left: 0;}
.rolex-watches-2021 div.rolex-wrap-banner-fix#watch-2021-banner {max-height: inherit;margin: 30px 0 70px;}
.rolex-watches-2021 .explorer-n-watches.rolex-banner {
max-width: 1140px;
}
@media (max-width:767px) {
.filter_search_bar.only-mobile.sticky.on.fix_lj_rolex + .filter-bar.sticky {
position: fixed !important;
height: 100%;
overflow: auto;
top: 0 !important;
width: 100%;
left: 0;
margin: 0 !important;
padding-top: 165px;
background: #f8f8f8;
z-index: 999999999;
}
.reset-rolex {
position: fixed;
bottom: 0;
z-index: 999999;
padding: 10px 0;
background: #fff;
width: 100%;
left: 0;
text-align: center;
border-top: 1px solid #a0a0a0;
margin: 0 !important;
}
.only-mobile.confirm_btn {
float: left;
border: 1px solid #127749;
background: #127749;
border-radius: 30px;
color: #fff;
width: 35%;
margin: 0 2.5%;
text-transform: initial;
font-size: 16px;
padding: 0;
height: 45px;
line-height: 41px;
font-weight: 300;
}
.reset-rolex .reset-rolex-btn {
margin-right: 10px;
background: #f0f0f0;
color: #767676;
font-size: 12px;
padding: 15px 20px;
border-radius: 25px;
text-align: center;
}
.reset-rolex .reset-rolex-btn {
float: left;
width: 46%;
color: #127749 !important;
border: 1px solid #127749;
padding: 10px;
border-radius: 5px;
margin: 0 2%;
box-sizing: border-box;
background: transparent !important;
}
div.mobile-screen {
position: fixed;
}
.overflow_hidden_overall {
overflow: hidden;
}
.filter_search_bar.only-mobile.sticky.on + .filter-bar.sticky {
padding-bottom: 70px !important;
}
.filter_search_bar.only-mobile.sticky .fa {
float: right;
padding-right: 15px;
}
.filter_search_bar.only-mobile.sticky {
top: 184px !important;
position: fixed !important;
z-index: 1 !important;
}
.cms-page-view.page-layout-rolex_default #LJmaincontent, .page-layout-rolex_product #LJmaincontent, .cms-page-view.page-layout-rolex_home #LJmaincontent, .page-layout-rolex_collection #LJmaincontent {
margin-top: 185px !important;
}
.rolex-custom-class-unique .filter_search_bar.only-mobile.sticky {
color: #127749;
}
div.filter-bar div.filter-set div.filter-list ul li.normal, div.filter-bar div.filter-set div.filter-list ul li.active {
margin: 5px 0;
}
.filter_search_bar.only-mobile.sticky.on + .filter-bar.sticky {
z-index: 999999999;
margin: 0 !important;
left: 0;
}
.overflow_hidden_overall .filter_search_bar.only-mobile.sticky {
top: 0 !important;
color: #000;
}
.filter_search_bar.only-mobile.sticky.on + .filter-bar.sticky {
position: fixed !important;
height: 100%;
padding-bottom: 70px !important;
overflow: auto;
top: 0;
overflow-x: hidden;
width: 100%;
left: 0;
margin: 0 !important;
background: #f8f8f8;
}
#search-title div.wrap div.pagination .pages li a, #search-title div.wrap div.pagination ul li.current span, #search-title div.wrap div.pagination .toolbar-amount {
font-size: 16px;
}
.rolex-custom-class-unique.catalog-category-view .products-grid + .bottom_toolbar {
position: static;
transform: inherit;
}
div.product-grid-item div.thumbnail {
z-index: 0;
}
div.product-grid-item div.screen{
z-index: 1;
}
div#rolex-container div.col-sm-5 {
left: 0;
}
div#rolex-container .pull-md-5 {
right: 0;
}
div#rolex-container div.rolex-info {
width: 90%;
}
div#rolex-container .contact-sec .container.listing_stores .col-md-6 {
width: calc(100% - 50px);
}
}
.randomAccordion123 .accordionHeader987 {
font-weight: bold;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
.randomAccordion123 .accordionHeader987 {
color: #442c1f;
font-size: 18px;
}
.iconPlus890 {
font-size: 18px;
transition: transform 0.3s ease;
}
@media (max-width: 767px) {
div#rolex-container .rolex-refrence-section .block-details div.rolex-info p {
color: #000 !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
.detail-sec-w .row.no-gutters {
flex-direction: column-reverse;
}
}