"4 Grid Animation "
Bootstrap 3.3.0 Snippet by Dheerajdesign53

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="Author" content="Shapeways Inc." /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Test</title> <link rel="stylesheet" type="text/css" href="https://static1.sw-cdn.net/rrstatic/stylesheets/screen.css?tag=jX6n_7ioYUIrDbnK"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript"> ! function(e, t, n) { function a(e, t) { return typeof e === t } function o() { var e, t, n, o, r, s, i; for (var d in T) if (T.hasOwnProperty(d)) { if (e = [], t = T[d], t.name && (e.push(t.name.toLowerCase()), t.options && t.options.aliases && t.options.aliases.length)) for (n = 0; n < t.options.aliases.length; n++) e.push(t.options.aliases[n].toLowerCase()); for (o = a(t.fn, "function") ? t.fn() : t.fn, r = 0; r < e.length; r++) s = e[r], i = s.split("."), 1 === i.length ? Modernizr[i[0]] = o : (!Modernizr[i[0]] || Modernizr[i[0]] instanceof Boolean || (Modernizr[i[0]] = new Boolean(Modernizr[i[0]])), Modernizr[i[0]][i[1]] = o), y.push((o ? "" : "no-") + i.join("-")) } } function r(e) { var t = P.className, n = Modernizr._config.classPrefix || ""; if (E && (t = t.baseVal), Modernizr._config.enableJSClass) { var a = new RegExp("(^|\\s)" + n + "no-js(\\s|$)"); t = t.replace(a, "$1" + n + "js$2") } Modernizr._config.enableClasses && (t += " " + n + e.join(" " + n), E ? P.className.baseVal = t : P.className = t) } function s() { return "function" != typeof t.createElement ? t.createElement(arguments[0]) : E ? t.createElementNS.call(t, "http://www.w3.org/2000/svg", arguments[0]) : t.createElement.apply(t, arguments) } function i(e, t) { return !!~("" + e).indexOf(t) } function d(e) { return e.replace(/([a-z])-([a-z])/g, function(e, t, n) { return t + n.toUpperCase() }).replace(/^-/, "") } function c() { var e = t.body; return e || (e = s(E ? "svg" : "body"), e.fake = !0), e } function l(e, n, a, o) { var r, i, d, l, u = "modernizr", p = s("div"), f = c(); if (parseInt(a, 10)) for (; a--;) d = s("div"), d.id = o ? o[a] : u + (a + 1), p.appendChild(d); return r = s("style"), r.type = "text/css", r.id = "s" + u, (f.fake ? f : p).appendChild(r), f.appendChild(p), r.styleSheet ? r.styleSheet.cssText = e : r.appendChild(t.createTextNode(e)), p.id = u, f.fake && (f.style.background = "", f.style.overflow = "hidden", l = P.style.overflow, P.style.overflow = "hidden", P.appendChild(f)), i = n(p, e), f.fake ? (f.parentNode.removeChild(f), P.style.overflow = l, P.offsetHeight) : p.parentNode.removeChild(p), !!i } function u(e, t) { return function() { return e.apply(t, arguments) } } function p(e, t, n) { var o; for (var r in e) if (e[r] in t) return n === !1 ? e[r] : (o = t[e[r]], a(o, "function") ? u(o, n || t) : o); return !1 } function f(e) { return e.replace(/([A-Z])/g, function(e, t) { return "-" + t.toLowerCase() }).replace(/^ms-/, "-ms-") } function m(t, a) { var o = t.length; if ("CSS" in e && "supports" in e.CSS) { for (; o--;) if (e.CSS.supports(f(t[o]), a)) return !0; return !1 } if ("CSSSupportsRule" in e) { for (var r = []; o--;) r.push("(" + f(t[o]) + ":" + a + ")"); return r = r.join(" or "), l("@supports (" + r + ") { #modernizr { position: absolute; } }", function(e) { return "absolute" == getComputedStyle(e, null).position }) } return n } function g(e, t, o, r) { function c() { u && (delete M.style, delete M.modElem) } if (r = a(r, "undefined") ? !1 : r, !a(o, "undefined")) { var l = m(e, o); if (!a(l, "undefined")) return l } for (var u, p, f, g, h, v = ["modernizr", "tspan", "samp"]; !M.style && v.length;) u = !0, M.modElem = s(v.shift()), M.style = M.modElem.style; for (f = e.length, p = 0; f > p; p++) if (g = e[p], h = M.style[g], i(g, "-") && (g = d(g)), M.style[g] !== n) { if (r || a(o, "undefined")) return c(), "pfx" == t ? g : !0; try { M.style[g] = o } catch (y) {} if (M.style[g] != h) return c(), "pfx" == t ? g : !0 } return c(), !1 } function h(e, t, n, o, r) { var s = e.charAt(0).toUpperCase() + e.slice(1), i = (e + " " + B.join(s + " ") + s).split(" "); return a(t, "string") || a(t, "undefined") ? g(i, t, o, r) : (i = (e + " " + C.join(s + " ") + s).split(" "), p(i, t, n)) } function v(e, t, a) { return h(e, n, n, t, a) } var y = [], b = "Moz O ms Webkit", T = [], w = { _version: "3.3.1", _config: { classPrefix: "", enableClasses: !0, enableJSClass: !0, usePrefixes: !0 }, _q: [], on: function(e, t) { var n = this; setTimeout(function() { t(n[e]) }, 0) }, addTest: function(e, t, n) { T.push({ name: e, fn: t, options: n }) }, addAsyncTest: function(e) { T.push({ name: null, fn: e }) } }, Modernizr = function() {}; Modernizr.prototype = w, Modernizr = new Modernizr, Modernizr.addTest("applicationcache", "applicationCache" in e), Modernizr.addTest("geolocation", "geolocation" in navigator), Modernizr.addTest("history", function() { var t = navigator.userAgent; return -1 === t.indexOf("Android 2.") && -1 === t.indexOf("Android 4.0") || -1 === t.indexOf("Mobile Safari") || -1 !== t.indexOf("Chrome") || -1 !== t.indexOf("Windows Phone") ? e.history && "pushState" in e.history : !1 }), Modernizr.addTest("postmessage", "postMessage" in e), Modernizr.addTest("svg", !!t.createElementNS && !!t.createElementNS("http://www.w3.org/2000/svg", "svg").createSVGRect); var x = !1; try { x = "WebSocket" in e && 2 === e.WebSocket.CLOSING } catch (S) {} Modernizr.addTest("websockets", x), Modernizr.addTest("localstorage", function() { var e = "modernizr"; try { return localStorage.setItem(e, e), localStorage.removeItem(e), !0 } catch (t) { return !1 } }), Modernizr.addTest("sessionstorage", function() { var e = "modernizr"; try { return sessionStorage.setItem(e, e), sessionStorage.removeItem(e), !0 } catch (t) { return !1 } }), Modernizr.addTest("websqldatabase", "openDatabase" in e), Modernizr.addTest("webworkers", "Worker" in e); var C = w._config.usePrefixes ? b.toLowerCase().split(" ") : []; w._domPrefixes = C; var k = w._config.usePrefixes ? " -webkit- -moz- -o- -ms- ".split(" ") : ["", ""]; w._prefixes = k; var P = t.documentElement, E = "svg" === P.nodeName.toLowerCase(), _ = function() { function e(e, t) { var o; return e ? (t && "string" != typeof t || (t = s(t || "div")), e = "on" + e, o = e in t, !o && a && (t.setAttribute || (t = s("div")), t.setAttribute(e, ""), o = "function" == typeof t[e], t[e] !== n && (t[e] = n), t.removeAttribute(e)), o) : !1 } var a = !("onblur" in t.documentElement); return e }(); w.hasEvent = _, Modernizr.addTest("hashchange", function() { return _("hashchange", e) === !1 ? !1 : t.documentMode === n || t.documentMode > 7 }), Modernizr.addTest("audio", function() { var e = s("audio"), t = !1; try { (t = !!e.canPlayType) && (t = new Boolean(t), t.ogg = e.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/, ""), t.mp3 = e.canPlayType('audio/mpeg; codecs="mp3"').replace(/^no$/, ""), t.opus = e.canPlayType('audio/ogg; codecs="opus"') || e.canPlayType('audio/webm; codecs="opus"').replace(/^no$/, ""), t.wav = e.canPlayType('audio/wav; codecs="1"').replace(/^no$/, ""), t.m4a = (e.canPlayType("audio/x-m4a;") || e.canPlayType("audio/aac;")).replace(/^no$/, "")) } catch (n) {} return t }), Modernizr.addTest("canvas", function() { var e = s("canvas"); return !(!e.getContext || !e.getContext("2d")) }), Modernizr.addTest("canvastext", function() { return Modernizr.canvas === !1 ? !1 : "function" == typeof s("canvas").getContext("2d").fillText }), Modernizr.addTest("video", function() { var e = s("video"), t = !1; try { (t = !!e.canPlayType) && (t = new Boolean(t), t.ogg = e.canPlayType('video/ogg; codecs="theora"').replace(/^no$/, ""), t.h264 = e.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/, ""), t.webm = e.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/, ""), t.vp9 = e.canPlayType('video/webm; codecs="vp9"').replace(/^no$/, ""), t.hls = e.canPlayType('application/x-mpegURL; codecs="avc1.42E01E"').replace(/^no$/, "")) } catch (n) {} return t }), Modernizr.addTest("webgl", function() { var t = s("canvas"), n = "probablySupportsContext" in t ? "probablySupportsContext" : "supportsContext"; return n in t ? t[n]("webgl") || t[n]("experimental-webgl") : "WebGLRenderingContext" in e }), Modernizr.addTest("cssgradients", function() { for (var e, t = "background-image:", n = "gradient(linear,left top,right bottom,from(#9f9),to(white));", a = "", o = 0, r = k.length - 1; r > o; o++) e = 0 === o ? "to " : "", a += t + k[o] + "linear-gradient(" + e + "left top, #9f9, white);"; Modernizr._config.usePrefixes && (a += t + "-webkit-" + n); var i = s("a"), d = i.style; return d.cssText = a, ("" + d.backgroundImage).indexOf("gradient") > -1 }), Modernizr.addTest("multiplebgs", function() { var e = s("a").style; return e.cssText = "background:url(https://),url(https://),red url(https://)", /(url\s*\(.*?){3}/.test(e.background) }), Modernizr.addTest("opacity", function() { var e = s("a").style; return e.cssText = k.join("opacity:.55;"), /^0.55$/.test(e.opacity) }), Modernizr.addTest("rgba", function() { var e = s("a").style; return e.cssText = "background-color:rgba(150,255,150,.5)", ("" + e.backgroundColor).indexOf("rgba") > -1 }), Modernizr.addTest("inlinesvg", function() { var e = s("div"); return e.innerHTML = "<svg/>", "http://www.w3.org/2000/svg" == ("undefined" != typeof SVGRect && e.firstChild && e.firstChild.namespaceURI) }); var z = s("input"), A = "autocomplete autofocus list placeholder max min multiple pattern required step".split(" "), R = {}; Modernizr.input = function(t) { for (var n = 0, a = t.length; a > n; n++) R[t[n]] = !!(t[n] in z); return R.list && (R.list = !(!s("datalist") || !e.HTMLDataListElement)), R }(A); var $ = "search tel url email datetime date month week time datetime-local number range color".split(" "), N = {}; Modernizr.inputtypes = function(e) { for (var a, o, r, s = e.length, i = "1)", d = 0; s > d; d++) z.setAttribute("type", a = e[d]), r = "text" !== z.type && "style" in z, r && (z.value = i, z.style.cssText = "position:absolute;visibility:hidden;", /^range$/.test(a) && z.style.WebkitAppearance !== n ? (P.appendChild(z), o = t.defaultView, r = o.getComputedStyle && "textfield" !== o.getComputedStyle(z, null).WebkitAppearance && 0 !== z.offsetHeight, P.removeChild(z)) : /^(search|tel)$/.test(a) || (r = /^(url|email)$/.test(a) ? z.checkValidity && z.checkValidity() === !1 : z.value != i)), N[e[d]] = !!r; return N }($), Modernizr.addTest("hsla", function() { var e = s("a").style; return e.cssText = "background-color:hsla(120,40%,100%,.5)", i(e.backgroundColor, "rgba") || i(e.backgroundColor, "hsla") }); var O = "CSS" in e && "supports" in e.CSS, I = "supportsCSS" in e; Modernizr.addTest("supports", O || I); var L = {}.toString; Modernizr.addTest("svgclippaths", function() { return !!t.createElementNS && /SVGClipPath/.test(L.call(t.createElementNS("http://www.w3.org/2000/svg", "clipPath"))) }), Modernizr.addTest("smil", function() { return !!t.createElementNS && /SVGAnimate/.test(L.call(t.createElementNS("http://www.w3.org/2000/svg", "animate"))) }); var B = w._config.usePrefixes ? b.split(" ") : []; w._cssomPrefixes = B; var W = w.testStyles = l; Modernizr.addTest("touch" /* was touchevents */ , function() { var n; if ("ontouchstart" in e || e.DocumentTouch && t instanceof DocumentTouch) n = !0; else { var a = ["@media (", k.join("touch-enabled),("), "heartz", ")", "{#modernizr{top:9px;position:absolute}}"].join(""); W(a, function(e) { n = 9 === e.offsetTop }) } return n }); var j = function() { var e = navigator.userAgent, t = e.match(/applewebkit\/([0-9]+)/gi) && parseFloat(RegExp.$1), n = e.match(/w(eb)?osbrowser/gi), a = e.match(/windows phone/gi) && e.match(/iemobile\/([0-9])+/gi) && parseFloat(RegExp.$1) >= 9, o = 533 > t && e.match(/android/gi); return n || o || a }(); j ? Modernizr.addTest("fontface", !1) : W('@font-face {font-family:"font";src:url("https://")}', function(e, n) { var a = t.getElementById("smodernizr"), o = a.sheet || a.styleSheet, r = o ? o.cssRules && o.cssRules[0] ? o.cssRules[0].cssText : o.cssText || "" : "", s = /src/i.test(r) && 0 === r.indexOf(n.split(" ")[0]); Modernizr.addTest("fontface", s) }), W('#modernizr{font:0/0 a}#modernizr:after{content:":)";visibility:hidden;font:7px/1 a}', function(e) { Modernizr.addTest("generatedcontent", e.offsetHeight >= 7) }); var V = { elem: s("modernizr") }; Modernizr._q.push(function() { delete V.elem }); var M = { style: V.elem.style }; Modernizr._q.unshift(function() { delete M.style }); var q = w.testProp = function(e, t, a) { return g([e], n, t, a) }; Modernizr.addTest("textshadow", q("textShadow", "1px 1px")), w.testAllProps = h, w.testAllProps = v, Modernizr.addTest("cssanimations", v("animationName", "a", !0)), Modernizr.addTest("backgroundsize", v("backgroundSize", "100%", !0)), Modernizr.addTest("borderimage", v("borderImage", "url() 1", !0)), Modernizr.addTest("borderradius", v("borderRadius", "0px", !0)), Modernizr.addTest("boxshadow", v("boxShadow", "1px 1px", !0)), function() { Modernizr.addTest("csscolumns", function() { var e = !1, t = v("columnCount"); try { (e = !!t) && (e = new Boolean(e)) } catch (n) {} return e }); for (var e, t, n = ["Width", "Span", "Fill", "Gap", "Rule", "RuleColor", "RuleStyle", "RuleWidth", "BreakBefore", "BreakAfter", "BreakInside"], a = 0; a < n.length; a++) e = n[a].toLowerCase(), t = v("column" + n[a]), ("breakbefore" === e || "breakafter" === e || "breakinside" == e) && (t = t || v(n[a])), Modernizr.addTest("csscolumns." + e, t) }(), Modernizr.addTest("flexbox", v("flexBasis", "1px", !0)), Modernizr.addTest("cssreflections", v("boxReflect", "above", !0)), Modernizr.addTest("csstransforms", function() { return -1 === navigator.userAgent.indexOf("Android 2.") && v("transform", "scale(1)", !0) }), Modernizr.addTest("csstransforms3d", function() { var e = !!v("perspective", "1px", !0), t = Modernizr._config.usePrefixes; if (e && (!t || "webkitPerspective" in P.style)) { var n, a = "#modernizr{width:0;height:0}"; Modernizr.supports ? n = "@supports (perspective: 1px)" : (n = "@media (transform-3d)", t && (n += ",(-webkit-transform-3d)")), n += "{#modernizr{width:7px;height:18px;margin:0;padding:0;border:0}}", W(a + n, function(t) { e = 7 === t.offsetWidth && 18 === t.offsetHeight }) } return e }), Modernizr.addTest("csstransitions", v("transition", "all", !0)), o(), r(y), delete w.addTest, delete w.addAsyncTest; for (var G = 0; G < Modernizr._q.length; G++) Modernizr._q[G](); e.Modernizr = Modernizr }(window, document); </script> </head> <body class="sct-sw "> <div class="sw--clearfix sw--position-relative"> <div class="sw-dms-section sw-grid-flex sw--width-full sw-grid-flex--wrap--mob sw-grid-flex--wrap--tab sw-dms-flex--nowrap--mob-landscape"> <div class="sw-dms-banner sw-dms-panel--mob sw-dms-panel--mob-tab sw-dms-panel--mob-xs sw-dms-panel--tab sw-dms-banner--tab sw-dms-banner--mob sw-grid-flex__cell-1-4 sw--width-full sw--padding-hor-7 sw-grid-flex__cell-1-1--mob sw-grid-flex__cell-1-1--tab sw-dms-flex__cell-1-4--mob-landscape sw--position-relative"> <div class="sw-logo-container"> <!-- <img src="https://static1.sw-cdn.net/files/cms/dms/homepage/ShapewaysLogo_RGB_Red.svg" class="sw-logo sw--hide-mobile sw--hide-tablet"> --> </div> <h1 class="sw-dms-banner__text sw-dms__text--responsive sw-dms__text--responsive-small sw-dms-banner__text—-tab sw-dms-banner__text--mob sw--position-absolute sw--text-white">CREATE YOUR <br> PRODUCT.<br>BUILD YOUR BUSINESS.</h1> <!-- <img class="sw--position-absolute sw-red-cursor sw--hide-mobile sw--hide-tablet" src="https://static1.sw-cdn.net/files/cms/dms/homepage/ruby-carrot.svg"> --> </div> <div data-sw-dms-panel-container class="sw-dms-panel-container sw--text-white sw-grid-flex sw-grid-flex__cell-3-4 sw-grid-flex__cell-1-1--mob sw-grid-flex__cell-1-1--tab sw-dms-flex__cell-3-4--mob-landscape sw-grid-flex--wrap--mob sw-grid-flex--wrap--tab sw-dms-flex--nowrap--mob-landscape sw--position-relative"> <div data-sw-dms-panel-container-bg="design" class="sw-dms-panel-container-bg sw-dms-panel-container-bg__design"></div> <div data-sw-dms-panel-container-bg="make" class="sw-dms-panel-container-bg sw-dms-panel-container-bg__make"></div> <div data-sw-dms-panel-container-bg="sell" class="sw-dms-panel-container-bg sw-dms-panel-container-bg__sell"></div> <div data-sw-dms-panel="design" class="sw-dms-panel sw-dms-panel--tab-xl sw-dms-panel--mob-tab sw-dms-panel--mob-xs sw-design-panel sw-design-panel--mob-tab sw-grid-flex__cell-1-3 sw-grid-flex__cell-1-1--mob sw-grid-flex__cell-1-1--tab sw-dms-flex__cell-1-3--mob-landscape sw--position-relative"> <div class="sw-design-panel__bg sw-bg-panel sw-bg-panel--mob-tab"></div> <div class="sw-dms-panel__inner-div sw-dms-panel__inner-div--tab sw-dms-panel__inner-div--mob sw--position-absolute sw--padding-hor-7"> <h2 class="sw--margin-bottom-1 sw-dms-panel-header sw-dms__text--responsive sw-dms__text--responsive-small sw-dms-panel-header--big sw-dms-panel-header--mob sw-dms-panel-header—-tab sw--font-family-sharp-grotesque">Demo</h2> <p class="sw--font-size-18 sw-dms-panel-sub-header sw-dms-panel-sub-header—-tab sw-dms-panel-sub-header--mob sw--margin-bottom-7">Demo Text<br> here.</p> <a data-creator-choice-button="/img/rrstatic/design.img" class="sw--uppercase sw--hide-mobile sw--hide-tablet sw-dms-button sw-dms-button--red sw-dms-button--big sw--margin-bottom-5" href="#">Button</a> <p class="sw--margin-top-1 sw-dms-panel__inner-div__main-text sw-dms-panel__inner-div__main-text--tab sw-dms-panel__inner-div__main-text--mob-tab">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, ex qui. Pariatur omnis, distinctio reiciendis, corporis impedit assumenda repellat!</p> <a data-creator-choice-button="/img/rrstatic/design.img" class="sw--uppercase sw--hide-desktop sw-dms-button sw-dms-button--red sw-dms-button--big sw--margin-top-5" href="#">Button</a> </div> </div> <div data-sw-dms-panel="make" class="sw-dms-panel sw-dms-panel--tab-xl sw-dms-panel--mob-tab sw-dms-panel--mob-xs sw-make-panel sw-make-panel--mob-tab sw-grid-flex__cell-1-3 sw-grid-flex__cell-1-1--mob sw-grid-flex__cell-1-1--tab sw-dms-flex__cell-1-3--mob-landscape sw--position-relative"> <div class="sw-make-panel__left-border sw-make-panel-border sw--is-hidden"></div> <div class="sw-make-panel__right-border sw-make-panel-border sw--is-hidden"></div> <div class="sw-make-panel__bg sw-bg-panel sw-bg-panel--mob-tab"></div> <div class="sw-dms-panel__inner-div sw-dms-panel__inner-div--tab sw-dms-panel__inner-div--mob sw--position-absolute sw--padding-hor-7"> <h2 class="sw--margin-bottom-1 sw-dms-panel-header sw-dms-panel-header--big sw-dms__text--responsive sw-dms__text--responsive-small sw-dms-panel-header--mob sw-dms-panel-header—-tab sw--font-family-sharp-grotesque">Demo2</h2> <p class="sw--font-size-18 sw-dms-panel-sub-header sw-dms-panel-sub-header—-tab sw-dms-panel-sub-header--mob sw--margin-bottom-7">Demo Text<br> here.</p> <a data-creator-choice-button="/img/rrstatic/make.img" class="sw--uppercase sw--hide-mobile sw--hide-tablet sw-dms-button sw-dms-button--red sw-dms-button--big sw--margin-bottom-5" href="#">Button</a> <p class="sw--margin-top-1 sw-dms-panel__inner-div__main-text sw-dms-panel__inner-div__main-text--tab sw-dms-panel__inner-div__main-text--mob-tab">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet nemo dicta temporibus dolores minus. Vero veniam sequi adipisci quaerat hic dignissimos.</p> <a data-creator-choice-button="/img/rrstatic/make.img" class="sw--uppercase sw--hide-desktop sw-dms-button sw-dms-button--red sw-dms-button--big sw--margin-top-5" href="#">Button</a> </div> </div> <div data-sw-dms-panel="sell" class="sw-dms-panel sw-dms-panel--tab-xl sw-dms-panel--mob-tab sw-dms-panel--mob-xs sw-sell-panel sw-sell-panel--mob-tab sw-grid-flex__cell-1-3 sw-grid-flex__cell-1-1--mob sw-grid-flex__cell-1-1--tab sw-dms-flex__cell-1-3--mob-landscape sw--position-relative"> <div class="sw-sell-panel__bg sw-bg-panel sw-bg-panel--mob-tab"></div> <div class="sw-dms-panel__inner-div sw-dms-panel__inner-div--tab sw-dms-panel__inner-div--mob sw--position-absolute sw--padding-hor-7"> <h2 class="sw--margin-bottom-1 sw-dms-panel-header sw-dms-panel-header--big sw-dms__text--responsive sw-dms__text--responsive-small sw-dms-panel-header--mob sw-dms-panel-header—-tab sw--font-family-sharp-grotesque">Demo3</h2> <p class="sw--font-size-18 sw-dms-panel-sub-header sw-dms-panel-sub-header—-tab sw-dms-panel-sub-header--mob sw--margin-bottom-7">Demo Text<br> here.</p> <a data-creator-choice-button="/img/rrstatic/sell.img" class="sw--uppercase sw--hide-mobile sw--hide-tablet sw-dms-button sw-dms-button--red sw-dms-button--big sw--margin-bottom-5" href="#">Button</a> <p class="sw--margin-top-1 sw-dms-panel__inner-div__main-text sw-dms-panel__inner-div__main-text--tab sw-dms-panel__inner-div__main-text--mob-tab">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores modi incidunt magni, itaque maiores nobis accusantium amet in nulla! Perferendis.</p> <a data-creator-choice-button="/img/rrstatic/sell.img" class="sw--uppercase sw--hide-desktop sw-dms-button sw-dms-button--red sw-dms-button--big sw--margin-top-5" href="#">Button</a> </div> </div> </div> </div> <script> //Load this JS for non-touch devices if (!window.Modernizr.touch) { var $dmsSectionPanels = $('[data-sw-dms-panel]'); var $dmsSectionContainer = $('[data-sw-dms-panel-container]'); var dmsValue = ''; $dmsSectionPanels.mouseenter(function () { var _this = $(this); var newDmsValue = _this.data('swDmsPanel'); var str = "[data-sw-dms-panel-container-bg=" + newDmsValue + ']'; var activeContainerBg = $('.sw-dms-panel-container-bg--active'); var container = $dmsSectionContainer.find(str); container.css('opacity', 1); container.addClass('sw-dms-panel-container-bg--active'); $('.sw-make-panel-border').show(); $dmsSectionPanels.each(function (i, obj) { if ($(obj).data('swDmsPanel') !== newDmsValue) { $(obj).find('.sw-dms-panel__inner-div').addClass('sw-dms-panel__inner-div--transparent'); } else { $(obj).find('.sw-dms-panel__inner-div').removeClass('sw-dms-panel__inner-div--transparent'); $(obj).find('.sw-dms-panel__inner-div__main-text').css('opacity', 1); } $(obj).find('.sw-bg-panel').css('opacity', 0); }); if (dmsValue !== newDmsValue) { dmsValue = newDmsValue; activeContainerBg.css('opacity', 0); activeContainerBg.removeClass('sw-dms-panel-container-bg--active'); } }); $dmsSectionPanels.mouseleave(function () { $('.sw-make-panel-border').hide(); $dmsSectionPanels.each(function (i, obj) { $(obj).find('.sw-bg-panel').css('opacity', 1); $(obj).find('.sw-dms-panel__inner-div').removeClass('sw-dms-panel__inner-div--transparent'); $(obj).find('.sw-dms-panel__inner-div__main-text').css('opacity', 0); }); }); } </script> </div> </body> </html>
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } .sw-dms--bg-black { background-color: #000 } .sw-dms--bg-white { background-color: #fff } .sw-dms--bg-blue { background-color: #1E2740 } .sw-dms--bg-red { background-color: #FF4B5A } .sw-dms--bg-grey-46 { background-color: #5E717C } .sw-dms--bg-grey-85 { background-color: #DAD8DA } .sw-dms--bg-grey-96 { background-color: #F2F3F4 } .sw-dms--color-black { color: #000 } .sw-dms--color-white { color: #fff } .sw-dms--color-blue { color: #1E2740 } .sw-dms--color-red { color: #FF4B5A } .sw-dms--color-grey-46 { color: #5E717C } .sw-dms--color-grey-85 { color: #DAD8DA } .sw-dms--color-grey-96 { color: #F2F3F4 } h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.3; margin: 0 0 1.2rem 0; -webkit-font-smoothing: antialiased; zoom: 1 } h1.last, h2.last, h3.last, h4.last, h5.last, h6.last { margin-bottom: 0 } h1 { font-size: 2.286rem } h2 { font-size: 2rem } h3 { font-size: 1.571rem } h4 { font-size: 1.286rem } h5 { font-size: 1.143rem } h6 { font-size: 0.9286rem; letter-spacing: 1px; margin-bottom: 5px } p { font-size: 14px; line-height: 22px; margin: 0 0 1.4rem 0 } p.last { margin-bottom: 0 } small, .small { font-size: .8em; line-height: 1.2em; font-weight: normal } strong, b { font-weight: bold } .sw--font-playfair { font-family: 'Playfair', Times, serif !important } .sw--font-weight-bold, .sw--text-bold, .weight-bold { font-weight: bold } .sw--font-weight-normal, .sw--text-normal, .weight-normal { font-weight: normal } .sw--font-weight-heavy, .weight-heavy { font-weight: 800 } .sw--font-weight-light, .weight-light { font-weight: 300 } .sw--font-family-sharp-grotesque { font-family: "SharpGrotesque", sans-serif } .jumbo-text { font-size: 3.8em; line-height: 1.2em } @media all and (min-width: 320px) and (max-width: 768px) { .jumbo-text { font-size: 2.8em } } .italic, em, i, q { font-style: italic } ul { list-style: disc; margin: 0 0 0 20px; padding: 0 } ul.no-bullets { padding: 0; margin: 0; list-style: none } ul.no-bullets li { list-style: none } ul.no-bullets li:before { content: none } ol { list-style: decimal; margin: 0 0 0 20px } .sw--list-style-none { list-style: none } blockquote { font-style: italic } sup { vertical-align: super; font-size: 80% } .small-caption { font-size: .7em; font-style: italic; color: #a1aaad } .fine-print { font-size: 11px; color: #67757B; line-height: 1.3em; font-weight: normal } .sw--text-strikethrough { text-decoration: line-through } .sw--uppercase, .all-caps { text-transform: uppercase } .sw--capitalize { text-transform: capitalize } .sw--word-wrap { word-wrap: break-word } .sw--ellipsis { text-overflow: ellipsis } .sw--white-space-no-wrap { white-space: nowrap } .sw--white-space-normal { white-space: normal } .sw--letter-spacing-1-2 { letter-spacing: .05em } .sw--letter-spacing-1 { letter-spacing: .1em } .sw--letter-spacing-2 { letter-spacing: .2em } .sw--letter-spacing-3 { letter-spacing: .3em } .sw--letter-spacing-4 { letter-spacing: .4em } .sw--line-height-1 { line-height: 1 } .sw--font-size-10 { font-size: 0.7142rem } .sw--line-height-10 { line-height: 0.7142rem } .sw--font-size-11 { font-size: 0.7857rem } .sw--font-size-12 { font-size: 0.8571rem } .sw--line-height-12 { line-height: 0.8571rem } .sw--font-size-13 { font-size: 0.929rem } .sw--font-size-14 { font-size: 1rem } .sw--font-size-15 { font-size: 1.071rem } .sw--line-height-14 { line-height: 1rem } .sw--font-size-16 { font-size: 1.143rem } .sw--line-height-16 { line-height: 1.143rem } .sw--font-size-18 { font-size: 1.286rem } .sw--line-height-18 { line-height: 1.286rem } .sw--font-size-20 { font-size: 1.429rem } .sw--font-size-22 { font-size: 1.571rem } .sw--line-height-22 { line-height: 1.571rem } .sw--font-size-24 { font-size: 1.714rem } .sw--line-height-24 { line-height: 1.714rem } .sw--font-size-28 { font-size: 2rem } .sw--line-height-28 { line-height: 2rem } .sw--line-height-30 { line-height: 2.143rem } .sw--font-size-31 { font-size: 2.214rem } .sw--font-size-32 { font-size: 2.286rem } .sw--line-height-32 { line-height: 2.286rem } .sw--font-size-36 { font-size: 2.571rem } .sw--line-height-36 { line-height: 2.571rem } .sw--font-size-42 { font-size: 3rem } .sw--line-height-42 { line-height: 3rem } .sw--font-size-46 { font-size: 3.3rem } .sw--font-size-48 { font-size: 3.429rem } .sw--line-height-48 { line-height: 3.429rem } .sw--line-height-60 { line-height: 4.286rem } .sw--line-height-60--force { line-height: 4.286rem !important } .sw--font-size-60 { font-size: 4.286rem } .sw--font-size-72 { font-size: 5.143rem } @media all and (max-width: 480px) { .sw--h1--mob { font-size: 1.8rem } .sw--h2--mob { font-size: 1.5rem } .sw--h3--mob { font-size: 1.2rem } .sw--h4--mob { font-size: 1.1rem } .sw--font-size-12--mob { font-size: 0.8571rem } .sw--font-size-14--mob { font-size: 1rem } .sw--font-size-16--mob, .sw--font-size-16-mobile { font-size: 1.143rem } .sw--font-size-18--mob, .sw--font-size-18-mobile { font-size: 1.286rem } .sw--font-size-22--mob, .sw--font-size-22-mobile { font-size: 1.571rem } .sw--font-size-24--mob, .sw--font-size-24-mobile { font-size: 1.714rem } .sw--font-size-28--mob { font-size: 2rem } .sw--font-size-32--mob, .sw--font-size-32-mobile { font-size: 2.286rem } .sw--font-size-36--mob, .sw--font-size-36-mobile { font-size: 2.571rem } .sw--font-size-42--mob, .sw--font-size-42-mobile { font-size: 3rem } .sw--font-size-48--mob, .sw--font-size-48-mobile { font-size: 3.429rem } } .sw-dms--bg-black { background-color: #000 } .sw-dms--bg-white { background-color: #fff } .sw-dms--bg-blue { background-color: #1E2740 } .sw-dms--bg-red { background-color: #FF4B5A } .sw-dms--bg-grey-46 { background-color: #5E717C } .sw-dms--bg-grey-85 { background-color: #DAD8DA } .sw-dms--bg-grey-96 { background-color: #F2F3F4 } .sw-dms--color-black { color: #000 } .sw-dms--color-white { color: #fff } .sw-dms--color-blue { color: #1E2740 } .sw-dms--color-red { color: #FF4B5A } .sw-dms--color-grey-46 { color: #5E717C } .sw-dms--color-grey-85 { color: #DAD8DA } .sw-dms--color-grey-96 { color: #F2F3F4 } body, html { font-family: "Fabriga"; font-size: 14px; line-height: 1.5714rem } h1 { font-family: "SharpGrotesque"; font-size: 3.214rem } h2 { font-family: "Fabriga"; font-size: 1.714rem } h3 { font-family: "SharpGrotesque"; font-size: 1.285rem } h4 { font-family: "Fabriga"; font-weight: bold; font-size: 1.285rem } h5 { font-family: "SharpGrotesque"; font-size: 1.0714rem } h6 { font-family: "Fabriga"; font-size: 0.9285rem } h5 { font-family: "Fabriga"; font-size: 1rem } .sw-dms__link, .sw-dms__link:visited, .sw-dms__link:active { cursor: pointer; color: #2EAAEB; text-decoration: none } .no-touch .sw-dms__link:hover { color: #2790C7 } .sw-dms__link--underlined, .sw-dms__link--underlined:visited, .sw-dms__link--underlined:active { text-decoration: underline; color: #1E2740 } .no-touch .sw-dms__link--underlined:hover { color: #2790C7 } body, html { color: #183643; background: white; font-family: 'Fabriga', Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 22px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility; letter-spacing: 0.005rem } a { cursor: pointer; color: #2EAAEB; text-decoration: none } a:hover { color: #2790C7 } caption, th, td { vertical-align: top } .vertical-space { height: 180px; margin-top: 5em; margin-bottom: 5em } .vertical-space.flexible { height: auto } .bottom-collapse { margin-bottom: 0 !important } .error-bubble { display: none; position: relative; z-index: 10; font-weight: 300; padding: 3px 8px 1px 8px; background: #fee7b8; *height: 100px; *width: 200px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; -webkit-box-shadow: 0 2px 0 #ffd381, 0 3px 1px #aaa; -moz-box-shadow: 0 2px 0 #ffd381, 0 3px 1px #aaa; box-shadow: 0 2px 0 #ffd381, 0 3px 1px #aaa; font-size: .9em; color: #3f4d82 } .error-bubble.visible { display: block } .error-bubble.sticky { position: absolute; top: 40px } .error-bubble.arrow:after { bottom: 100%; border: solid rgba(255, 255, 255, 0); content: " "; height: 0; width: 0; position: absolute; border-bottom-color: #fee7b8; border-width: 10px; left: 20px; margin-left: -10px } .obligatory label span.error-bubble, .obligatory div.error-bubble { display: block } .sup_formbox .notice.flag { display: none } .register-password.obligatory .notice.flag, .register-password-confirm.obligatory .notice.flag, .sup_register-middle .obligatory .notice.flag { display: block } span.error-bubble { padding: 4px 8px 3px 8px } .spinner { background: url("/rrstatic/img/loading.gif") center no-repeat; float: left; margin: 18px 0 0 10px; width: 32px; height: 32px } .no-scroll { overflow: hidden } .truncate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .hidden { display: none !important } .invisible { visibility: hidden } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0 } .video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute } .wrapper-full { width: 100%; display: block; background: white; overflow: hidden } .wrapper-full:after { content: ""; display: table; clear: both } .mega-shadow, .box.mega-shadow { -webkit-box-shadow: 0 1px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3), 0 13px 6px rgba(0, 0, 0, 0.1), 0 5px 2px rgba(0, 0, 0, 0.15), 0 8px 5px rgba(0, 0, 0, 0.2), 0 20px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3), 0 13px 6px rgba(0, 0, 0, 0.1), 0 5px 2px rgba(0, 0, 0, 0.15), 0 8px 5px rgba(0, 0, 0, 0.2), 0 20px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 1px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.3), 0 13px 6px rgba(0, 0, 0, 0.1), 0 5px 2px rgba(0, 0, 0, 0.15), 0 8px 5px rgba(0, 0, 0, 0.2), 0 20px 15px rgba(0, 0, 0, 0.15) } .quote-container { overflow: hidden; background-color: #e0dfde; background-color: rgba(0, 0, 0, 0.05); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white } .quote-container:after { content: ""; display: table; clear: both } .info-block { font-size: 12px; line-height: 1.4; font-weight: normal } .info-block ul { padding-left: 18px } .monospace { font-family: monospace } .column-labels { font-size: 14px } .fade-in { opacity: 0; opacity: 1\9; top: 0\9 !important; -moz-transition-property: opacity, top; -o-transition-property: opacity, top; -webkit-transition-property: opacity, top; transition-property: opacity, top; -moz-transition-property: 250ms; -o-transition-property: 250ms; -webkit-transition-property: 250ms; transition-property: 250ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease } .fade-in.from-bottom, .fade-in.from-top { position: relative } .fade-in.from-bottom { top: 10px } .fade-in.from-top { top: -10px } .fade-in.fade-start { opacity: 1; top: 0 } .fade-in.delay { -moz-transition-delay: 600ms; -o-transition-delay: 600ms; -webkit-transition-delay: 600ms; transition-delay: 600ms } .attribution { position: absolute; z-index: 200; bottom: 17px; right: 20px; color: #edeff0; color: rgba(255, 255, 255, 0.7); font-size: 11px; text-decoration: none } @media all and (max-width: 480px) { .attribution { display: none } } .attribution a { text-rendering: optimizeLegibility; color: rgba(255, 255, 255, 0.7) } .attribution a:hover, .attribution a:active { color: #fff } @media all and (max-width: 480px) { .hide-mobile, .sw--hide-mobile { display: none !important } } @media all and (min-width: 481px) and (max-width: 768px) { .hide-tablet, .sw--hide-tablet { display: none !important } } @media all and (min-width: 769px) { .hide-desktop, .sw--hide-desktop { display: none !important } } .show-mobile, .sw--show-mobile { display: none } @media all and (max-width: 480px) { .show-mobile, .sw--show-mobile { display: initial !important } } .show-tablet, .sw--show-tablet { display: none } @media all and (min-width: 481px) and (max-width: 768px) { .show-tablet, .sw--show-tablet { display: initial !important } } .sw--show-desktop { display: none } @media all and (min-width: 769px) { .sw--show-desktop { display: initial !important } } .social-product-bar .social-product-button { font-size: 20px } .social-product-bar .social-product-button:hover { opacity: .6 } .social-product-bar .social-product-button.icon-facebook { color: #3B5999 } .social-product-bar .social-product-button.icon-pinterest { color: #C92228 } .social-product-bar .social-product-button.icon-twitter { color: #4099FF } @font-face { font-family: 'Fabriga'; src: url("/rrstatic/fonts/fabriga/Fabriga-Regular.eot") format("eot"); src: url("/rrstatic/fonts/fabriga/Fabriga-Regular.woff2") format("woff2"), url("/rrstatic/fonts/fabriga/Fabriga-Regular.woff") format("woff"), url("/rrstatic/fonts/fabriga/Fabriga-Regular.eot") format("eot"); font-weight: normal; font-style: normal } @font-face { font-family: 'Fabriga'; src: url("/rrstatic/fonts/fabriga/Fabriga-Bold.eot") format("eot"); src: url("/rrstatic/fonts/fabriga/Fabriga-Bold.woff2") format("woff2"), url("/rrstatic/fonts/fabriga/Fabriga-Bold.woff") format("woff"), url("/rrstatic/fonts/fabriga/Fabriga-Bold.eot") format("eot"); font-weight: bold; font-style: normal } @font-face { font-family: 'Fabriga'; src: url("/rrstatic/fonts/fabriga/Fabriga-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic } @font-face { font-family: 'SharpGrotesque'; src: url("/rrstatic/fonts/sharp-grotesque/SharpGroteskSmBold19.eot") format("eot"); src: url("/rrstatic/fonts/sharp-grotesque/SharpGroteskSmBold19.eot") format("eot"), url("/rrstatic/fonts/sharp-grotesque/SharpGroteskSmBold19.woff2") format("woff2"), url("/rrstatic/fonts/sharp-grotesque/SharpGroteskSmBold19.woff") format("woff"); font-weight: normal; font-style: normal } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } svg:not(:root) { overflow: hidden } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } .box, .box-dark, .box-gray { position: relative; padding: 20px; margin-bottom: 20px; border: 1px solid #e0e3e5; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .box:after, .box-dark:after, .box-gray:after { content: ""; display: table; clear: both } .box.small, .box-dark.small, .box-gray.small { padding: 10px } .box.attach, .box-dark.attach, .box-gray.attach { margin-bottom: 0; z-index: 10 } .box.compact, .box-dark.compact, .box-gray.compact { padding: 10px } .box.compact .headline, .box-dark.compact .headline, .box-gray.compact .headline { margin: -10px } .box.mega-shadow, .box-dark.mega-shadow, .box-gray.mega-shadow { border: none } .box.correct, .box-dark.correct, .box-gray.correct { -webkit-box-shadow: inset 0 0 0 4px #fff; -moz-box-shadow: inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 4px #fff } .box.incorrect, .box-dark.incorrect, .box-gray.incorrect { -webkit-box-shadow: inset 0 0 0 4px #fee7b8; -moz-box-shadow: inset 0 0 0 4px #fee7b8; box-shadow: inset 0 0 0 4px #fee7b8 } .box { background: white } .box.inset { margin: 10px 0; -webkit-box-shadow: 0 -1px 0 #8996ca, 0 0px 1px 0px #8996ca; -moz-box-shadow: 0 -1px 0 #8996ca, 0 0px 1px 0px #8996ca; box-shadow: 0 -1px 0 #8996ca, 0 0px 1px 0px #8996ca } .box.full-bleed { padding: 0 } .box.full-bleed .top-half { padding: 20px; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-clip: padding-box; background: #f5f7f8 } .box.full-bleed .bottom-half { padding: 20px } .box.bottom-half { border: none; border: 1px solid #e0e3e5; border-width: 0 1px 1px 1px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-clip: padding-box } .box.flat-top { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-clip: padding-box } .box .headline { position: relative; margin: -20px; padding: 12px 15px 8px 15px; background: #f5f7f8; border-bottom: 1px solid #e0e3e5; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-clip: padding-box } .box .headline h1, .box .headline h2, .box .headline h3, .box .headline h4, .box .headline h5, .box .headline h6 { margin-bottom: 0 } .box .box { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 2px solid #e0e3e5 } .notice .box { color: #183643; font-size: 16px; font-weight: 300 } .box .list-wrap { position: relative; margin: 0 -18px 0 -20px; border-top: 1px solid #e0e3e5; background-color: white } .box .list-wrap.compact { margin: 0 -10px } .box .list-wrap.compact.bottom { margin-bottom: -10px; border-radius: 0 0 5px 5px } .box .list-wrap.bottom .list-row:last-child { border-bottom: none; border-radius: 0 0 5px 5px } .box .list-wrap:before { position: absolute; top: 0; bottom: 60%; left: 20px; right: 20px; content: ''; -webkit-border-radius: 20% 20%/5px 5px; border-radius: 20% 20%/5px 5px; background-clip: padding-box; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); z-index: -1 } .box .list-row { padding: 20px; border-bottom: 1px solid #e0e3e5 } .box .list-row:after { content: ""; display: table; clear: both } .box .list-row.compact { padding: 10px } .box .list-row-title { margin-bottom: 10px } .box .list-row-title:after { content: ""; display: table; clear: both } .box-dark { border: 1px solid #e0e3e5; background: #f5f7f8 } .box-gray { background: #f5f7f8 } .box .box-gray { border: 1px solid #fff } .top-half { position: relative; overflow: hidden; border: 1px solid #e0e3e5; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-transition: box-shadow 250ms ease; -o-transition: box-shadow 250ms ease; -webkit-transition: box-shadow 250ms ease; transition: box-shadow 250ms ease } .top-half:after { content: ""; display: table; clear: both } .top-half:before { position: absolute; top: 100%; bottom: -10%; left: 20px; right: 20px; content: ''; z-index: 10; -webkit-border-radius: 20% 20%/5px 5px; border-radius: 20% 20%/5px 5px; background-clip: padding-box } .top-half.selected { -webkit-box-shadow: 0 0 2px 0px #4FC9FF, 0 0 7px 0px #4FC9FF; -moz-box-shadow: 0 0 2px 0px #4FC9FF, 0 0 7px 0px #4FC9FF; box-shadow: 0 0 2px 0px #4FC9FF, 0 0 7px 0px #4FC9FF; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; -webkit-transition-delay: 300ms; transition-delay: 300ms } .sw-dms--bg-black { background-color: #000 } .sw-dms--bg-white { background-color: #fff } .sw-dms--bg-blue { background-color: #1E2740 } .sw-dms--bg-red { background-color: #FF4B5A } .sw-dms--bg-grey-46 { background-color: #5E717C } .sw-dms--bg-grey-85 { background-color: #DAD8DA } .sw-dms--bg-grey-96 { background-color: #F2F3F4 } .sw-dms--color-black { color: #000 } .sw-dms--color-white { color: #fff } .sw-dms--color-blue { color: #1E2740 } .sw-dms--color-red { color: #FF4B5A } .sw-dms--color-grey-46 { color: #5E717C } .sw-dms--color-grey-85 { color: #DAD8DA } .sw-dms--color-grey-96 { color: #F2F3F4 } .sw--cursor-pointer { cursor: pointer } .sw--cursor-help { cursor: help } .sw--cursor-default { cursor: default } .sw--bg-white { background-color: white } .sw--bg-lightest-blue { background-color: #e5f7ff } .sw--bg-lightest-grey { background-color: #fbfbfb } .sw--bg-lightest-gray, .sw--bg-grey { background-color: #f5f7f8 } .sw--bg-lighter-gray { background-color: #edeff0 } .sw--bg-light-gray { background-color: #D8DCDF } .sw--bg-dark-gray { background-color: #183643 } .sw--bg-header-blue { background-color: #3A91F6 } .sw--bg-header-darker-blue { background-color: #287EE3 } .sw--bg-sw-blue { background-color: #4FC9FF } .sw--bg-dark-blue-green { background-color: #0f2327 } .sw--bg-alert-red-lightest { background-color: #f9e0e2 } .sw--bg-no-repeat { background-repeat: no-repeat } .sw--bg-none { background: none } .sw--bg-top-left { background-position: top 0px } .sw--bg-image-center-cover { background-position: center center; background-size: cover; background-repeat: no-repeat } .sw--link-color { color: #08A3E9 } .no-touch .sw--link-color:hover, .sw--link-color:active, .sw--link-color:focus { color: #08A3E9 } .sw--link-dark, .sw--link-dark:visited { color: #183643 } .no-touch .sw--link-dark:hover, .sw--link-dark:active, .sw--link-dark:focus, .no-touch .sw--link-dark:visited:hover, .sw--link-dark:visited:active, .sw--link-dark:visited:focus { color: #08A3E9 } .sw--link-white, .sw--link-white:visited { color: white; border-bottom: 1px solid rgba(255, 255, 255, 0) } .no-touch .sw--link-white:hover, .sw--link-white:active, .sw--link-white:focus, .no-touch .sw--link-white:visited:hover, .sw--link-white:visited:active, .sw--link-white:visited:focus { color: rgba(255, 255, 255, 0.85); border-bottom: 1px solid rgba(255, 255, 255, 0.6) } .sw--link-gray, .sw--link-gray:visited { color: #183643 } .no-touch .sw--link-gray:hover, .sw--link-gray:active, .sw--link-gray:focus, .no-touch .sw--link-gray:visited:hover, .sw--link-gray:visited:active, .sw--link-gray:visited:focus { color: #08A3E9 } .sw--link-medium-gray, .sw--link-medium-gray:visited { color: #a1aaad } .no-touch .sw--link-medium-gray:hover, .sw--link-medium-gray:active, .sw--link-medium-gray:focus, .no-touch .sw--link-medium-gray:visited:hover, .sw--link-medium-gray:visited:active, .sw--link-medium-gray:visited:focus { color: #183643 } .sw-disabled, .sw--disabled { opacity: .4 } .sw-disabled:hover, .sw--disabled:hover { cursor: not-allowed; color: #08A3E9 } .sw--disabled-wait { opacity: .4 } .sw--disabled-wait:hover { cursor: wait; color: #08A3E9 } .sw--user-select-none { user-select: none } .sw--box-shadow-1, .sw-noty.noty_container_type_warning, .sw-notification--information, .sw-noty.noty_container_type_information, .sw-noty.noty_container_type_success, .sw-noty.noty_container_type_full { -webkit-box-shadow: 0 1px 2px 0 #a1aaad; -moz-box-shadow: 0 1px 2px 0 #a1aaad; box-shadow: 0 1px 2px 0 #a1aaad } .sw--box-shadow-bottom-1 { -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) } .sw--box-shadow-right-1 { -webkit-box-shadow: 3px 0 4px #a1aaad; -moz-box-shadow: 3px 0 4px #a1aaad; box-shadow: 3px 0 4px #a1aaad } .sw--box-shadow-2 { -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2) } .sw--box-shadow-dms { -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3) } .sw--circle { border-radius: 50% } .sw--border-white-1 { border: 1px solid white } .sw--border-blue-1 { border: 1px solid #4FC9FF } .sw--border-medium-blue-1 { border: 1px solid #91B6C7 } .sw--border-top-medium-blue-1 { border-top: 1px solid #91B6C7 } .sw--border-grey-1, .sw-dropdown__container, .sw-dropdown, .sw-dropdown-items { border: 1px solid #e0e3e5 } .sw--border-top-grey-1 { border-top: 1px solid #e0e3e5 } .sw--border-left-grey-1 { border-left: 1px solid #e0e3e5 } .sw--border-right-grey-1 { border-right: 1px solid #e0e3e5 } .sw--border-bottom-grey-1, .sw-dropdown-items .sw-dropdown-group:not(:last-child) { border-bottom: 1px solid #e0e3e5 } .sw--border-vert-grey-1 { border-top: 1px solid #e0e3e5; border-bottom: 1px solid #e0e3e5 } .sw--border-dark-grey-1 { border: 1px solid #bbc2c6 } .sw--border-grey-2 { border: 2px solid #e0e3e5 } .sw--border-grey-2--dashed { border: 2px dashed #e0e3e5 } .sw--border-dark-grey-2 { border: 2px solid #a2abb1 } .sw--border-bottom-grey-3 { border-bottom: 3px solid #e0e3e5 } .sw--border-white-1 { border: 1px solid #fff } .sw--border-white-3 { border: 3px solid #fff } .sw--border-sw-blue-1 { border: 1px solid #4FC9FF } .sw--border-left-sw-blue-4 { border-left: 4px solid #4FC9FF } .sw--border-bottom-sw-blue-4 { border-bottom: 4px solid #4FC9FF } .sw-border-dark-sw-blue-1 { border: 1px solid #1dbaff } .sw--border-top-sw-blue-5 { border-top: 5px solid #4FC9FF } .sw--border-bottom-sw-blue-5 { border-bottom: 5px solid #4FC9FF } .sw--border-bottom-dms-red-5 { border-bottom: 5px solid #FF4B5A } .sw--border-transparent-1 { border: 1px solid transparent } .sw--border-top-transparent-1 { border-top: 1px solid transparent } .sw--border-bottom-transparent-1 { border-bottom: 1px solid transparent } .sw--border-left-transparent-2 { border-left: 2px solid transparent } .sw--border-top-transparent-5 { border-top: 5px solid transparent } .sw--border-left-transparent-5 { border-left: 5px solid transparent } .sw--border-bottom-transparent-5 { border-bottom: 5px solid transparent } .sw--border-radius-25 { border-radius: 25px } .sw--border-radius-5 { border-radius: 5px } .sw--border-radius-4 { border-radius: 4px } .sw--border-radius-3 { border-radius: 3px } .sw--border-radius-2 { border-radius: 2px } .sw--border-radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0 } .sw--border-radius-left-0 { border-top-left-radius: 0; border-bottom-left-radius: 0 } .sw--border-radius-right-3 { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .sw--border-radius-bottom-3 { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .sw--border-right-0 { border-right: 0 } .sw--border-left-0 { border-left: 0 } .sw--border-top-0 { border-top: 0 } .sw-border-bottom-radius-3 { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } @media all and (min-width: 481px) and (max-width: 768px) { .sw--border-none--tab { border: none } } @media all and (max-width: 768px) { .sw--border-none--mob { border: none } } .sw--border-grey-1-hover:hover { border: 1px solid #bbc2c6 } .sw--border-none--force { border: none !important } .sw--border-none { border: none } .sw--border-style-dashed { border-style: dashed } .sw--text-decoration-underline { text-decoration: underline } .no-touch .sw--text-decoration-hover-underline:hover { text-decoration: underline } .sw--text-decoration-none { text-decoration: none } .text-subtle, .sw--text-strikethrough, .sw--text-subtle { color: #183643 } .sw--text-inherit { color: inherit } .sw--text-white, .text-white { color: white } .sw--text-dark-gray, a.sw--text-dark-gray, a.sw--text-dark-gray:active, a.sw--text-dark-gray:visited, .text-dark-gray { color: #183643 } a.sw--text-dark-gray:hover { color: #064381 } .sw--text-gray { color: #67757B } .sw--text-light-gray, .text-light-gray { color: #a1aaad } .sw--text-light-gray--force { color: #a1aaad !important } .sw--text-lighter-gray { color: #b4bbbd } .sw--text-lightest-gray { color: #d4d4d4 } .sw--text-off-white, .text-off-white { color: #f5f7f8 } .sw--text-alert { color: #ec999e } .sw--text-success { color: #cce8a4 } .sw--text-label, .text-label { font-weight: 500; color: #b4bbbd } .sw--text-red { color: #CC3F30 } .sw--text-blue { color: #4FC9FF } .sw--text-dark-green { color: #a4d765 } .sw--text-green { color: #a4d765 } .sw--text-yellow { color: #ffc545 } .sw--strikethrough-slanted:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid; border-color: red; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); transform: rotate(-7deg) } .sw--opacity-0 { opacity: 0 } .sw--opacity-1-10 { opacity: .1 } .sw--opacity-2 { opacity: .2 } .sw--opacity-4 { opacity: .4 } .sw--opacity-6 { opacity: .6 } .sw--opacity-8 { opacity: .8 } .sw--opacity-9 { opacity: .9 } .sw--opacity-95 { opacity: .95 } .sw--opacity-1 { opacity: 1 } @media all and (max-width: 768px) { .sw--opacity-0--mob { opacity: 0 } } .sw--blur-15 { -webkit-filter: blur(15px); filter: blur(15px) } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .sw-grid-full { margin: 30px auto 0 auto; padding-top: 0; padding-left: 30px; padding-right: 0px; width: 100%; max-width: 1400px } .sw-grid-full:after { content: ""; display: table; clear: both } @media all and (max-width: 480px) { .sw-grid-full { padding-left: 20px; margin-top: 20px } } .sw-grid { margin: 30px auto 0 auto; padding-top: 0; padding-left: 30px; padding-right: 0px; width: 100%; max-width: 1020px } .sw-grid:after { content: ""; display: table; clear: both } @media all and (max-width: 480px) { .sw-grid { padding-left: 20px; margin-top: 20px } } .sw-grid--no-padding { padding-left: 0; padding-right: 0; margin: 0 auto } .sw-row:before, .sw-row:after { display: table; content: " " } .sw-row:after { clear: both } [class*='col-'], [class*='stay-'] { float: left; padding-right: 30px } @media all and (max-width: 480px) { [class*='col-'], [class*='stay-'] { padding-right: 20px } } [class*='col-'].col--no-padding, [class*='stay-'].col--no-padding { padding-left: 0; padding-right: 0 } [class*='col-'].sw-grid, [class*='stay-'].sw-grid { padding-left: 0; padding-right: 0; margin: 0 } .col-1-1, .stay-1-1 { width: 100% } .col-2-3, .stay-2-3 { width: 66.66% } .col-1-3, .stay-1-3 { width: 33.33% } .col-1-2, .stay-1-2 { width: 50% } .col-1-4, .stay-1-4 { width: 25% } .col-3-4, .stay-3-4 { width: 75% } .col-1-5, .stay-1-5 { width: 20% } .col-2-5, .stay-2-5 { width: 40% } .col-4-5, .stay-4-5 { width: 80% } .col-3-5, .stay-3-5 { width: 60% } .col-1-6, .stay-1-6 { width: 16.667% } .col-5-6, .stay-5-6 { width: 83.333% } .col-1-7, .stay-1-7 { width: 14.28% } .col-1-8, .stay-1-8 { width: 12.5% } .col-2-8, .stay-2-8 { width: 25% } .col-7-8, .stay-7-8 { width: 87.5% } .col-3-10, .stay-3-10 { width: 30% } .push-2-3 { margin-left: 66.66% } .push-1-2 { margin-left: 50% } .push-1-3 { margin-left: 33.33% } .push-1-4 { margin-left: 25% } .push-1-5 { margin-left: 20% } .push-1-6 { margin-left: 16.667% } .push-1-7 { margin-left: 14.28% } .push-1-8 { margin-left: 12.5% } .push-3-4 { margin-left: 75% } .push-3-5 { margin-left: 60% } .push-5-6 { margin-left: 83.3% } .push-6-7 { margin-left: 85.7% } .push-7-8 { margin-left: 87.5% } @media all and (max-width: 480px) { .sw-grid, .sw-grid-1280 { width: 100% } .col--no-padding--mob { padding-left: 0; padding-right: 0; margin: 0 } .col-1-2, .col-2-3, .col-3-4, .col-1-7, .col-1-5, .col-4-5 { width: 100% } .col-1-3 { width: 100% } .col-1-4, .col-1-6 { width: 50% } .col-1-8 { width: 25% } .col-2-8 { width: 100% } .col-7-8 { width: 75% } .push-2-3, .push-1-2, .push-1-3, .push-1-4, .push-1-5, .push-1-6, .push-1-7, .push-1-8, .push-3-5, .push-3-4, .push-5-6, .push-6-7, .push-7-8 { margin-left: 0 } .stay-1-1 { width: 100% } .stay-2-3 { width: 66.66% } .stay-1-3 { width: 33.33% } .stay-1-2 { width: 50% } .stay-1-4 { width: 25% } .stay-3-4 { width: 75% } .stay-1-5 { width: 20% } .stay-4-5 { width: 80% } .stay-1-6 { width: 16.667% } .stay-1-7 { width: 14.28% } .stay-1-8 { width: 12.5% } .stay-2-8 { width: 25% } .stay-7-8 { width: 87.5% } } @media all and (max-width: 768px) { .col--no-padding--tab-mob { padding-left: 0; padding-right: 0; margin: 0 } } @media all and (max-width: 768px) and (min-width: 480px) { .sw-grid, .sw-grid-1280 { width: 100% } .col-2-3, .col-1-7, .col-4-5 { width: 100% } .col-1-3 { width: 100% } .col-1-2 { width: 50% } .col-1-4, .col-1-6, .col-3-4 { width: 50% } .col-1-8 { width: 25% } .col-2-8 { width: 100% } .col-7-8 { width: 75% } .push-2-3, .push-1-2, .push-1-3, .push-1-4, .push-1-5, .push-1-6, .push-1-7, .push-1-8 { margin-left: 0 } .stay-1-1 { width: 100% } .stay-2-3 { width: 66.66% } .stay-1-3 { width: 33.33% } .stay-1-2 { width: 50% } .stay-1-4 { width: 25% } .stay-3-4 { width: 75% } .stay-1-5 { width: 20% } .stay-4-5 { width: 80% } .stay-1-6 { width: 16.667% } .stay-1-7 { width: 14.28% } .stay-1-8 { width: 12.5% } .stay-2-8 { width: 25% } .stay-7-8 { width: 87.5% } } .col-1-1--desk { width: 100% } .col-2-3--desk { width: 66.66667% } .col-1-3--desk { width: 33.33333% } .col-1-2--desk { width: 50% } .col-1-4--desk { width: 25% } .col-3-4--desk { width: 75% } .col-1-5--desk { width: 20% } .col-4-5--desk { width: 80% } .col-1-6--desk { width: 16.66667% } .col-1-7--desk { width: 14.28571% } .col-1-8--desk { width: 12.5% } .col-2-8--desk { width: 25% } .col-7-8--desk { width: 87.5% } @media all and (max-width: 768px) { .col-1-1--tab { width: 100% } .col-2-3--tab { width: 66.66667% } .col-1-3--tab { width: 33.33333% } .col-1-2--tab { width: 50% } .col-1-4--tab { width: 25% } .col-3-4--tab { width: 75% } .col-1-5--tab { width: 20% } .col-4-5--tab { width: 80% } .col-1-6--tab { width: 16.66667% } .col-1-7--tab { width: 14.28571% } .col-1-8--tab { width: 12.5% } .col-2-8--tab { width: 25% } .col-7-8--tab { width: 87.5% } } @media all and (max-width: 480px) { .col-1-1--mob { width: 100% } .col-2-3--mob { width: 66.66667% } .col-1-3--mob { width: 33.33333% } .col-1-2--mob { width: 50% } .col-1-4--mob { width: 25% } .col-3-4--mob { width: 75% } .col-1-5--mob { width: 20% } .col-4-5--mob { width: 80% } .col-1-6--mob { width: 16.66667% } .col-1-7--mob { width: 14.28571% } .col-1-8--mob { width: 12.5% } .col-2-8--mob { width: 25% } .col-7-8--mob { width: 87.5% } } .sw-grid--inner-grid { padding-right: 0 } .sw-grid-flex { display: flex } .sw-grid-flex--dir-column { flex-direction: column } .sw-grid-flex--wrap { flex-wrap: wrap } .sw-grid-flex--justify-space { justify-content: space-between } .sw-grid-flex--align-center { align-items: center } .sw-grid-flex--align-flex-end { align-items: flex-end } .sw-grid-flex--justify-center { justify-content: center } .sw-grid-flex--justify-flex-end { justify-content: flex-end } .sw-grid-flex__cell { flex: 1 } .sw-grid-flex__cell-1-1 { flex: 0 0 100% } .sw-grid-flex__cell-1-2 { flex: 0 0 50% } .sw-grid-flex__cell-1-3 { flex: 0 0 33.33% } .sw-grid-flex__cell-2-3 { flex: 0 0 66.66% } .sw-grid-flex__cell-1-4 { flex: 0 0 25% } .sw-grid-flex__cell-2-3 { flex: 0 0 66.66% } .sw-grid-flex__cell-3-4 { flex: 0 0 75% } .sw-grid-flex__cell-1-10 { flex: 0 0 10% } .sw-grid-flex__cell-3-10 { flex: 0 0 30% } .sw-grid-flex__cell-7-10 { flex: 0 0 70% } .sw-grid-flex__cell-8-10 { flex: 0 0 80% } .sw-grid-flex__cell-9-10 { flex: 0 0 90% } .sw-grid-flex__cell-1-5 { flex: 0 0 20% } .sw-grid-flex__cell-2-5 { flex: 0 0 40% } .sw-grid-flex__cell-3-5 { flex: 0 0 60% } .sw-grid-flex__cell-4-5 { flex: 0 0 80% } .sw-grid-flex__cell-1-7 { flex: 0 0 14.28% } .sw-grid-flex__cell-2-7 { flex: 0 0 28.57% } .sw-grid-flex__cell-3-7 { flex: 0 0 42.86% } .sw-grid-flex__cell-4-7 { flex: 0 0 57.14% } .sw-grid-flex__cell-5-7 { flex: 0 0 71.42% } .sw-grid-flex__cell-1-6 { flex: 0 0 16.667% } .sw-grid-flex__cell-5-6 { flex: 0 0 83.33% } .sw-grid-flex__cell-6-7 { flex: 0 0 85.72% } .sw-grid-flex__cell-1-8 { flex: 0 0 12.5% } .sw-grid-flex__cell-3-8 { flex: 0 0 37.5% } .sw-grid-flex__cell-5-8 { flex: 0 0 62.5% } @media all and (max-width: 768px) { .sw-grid-flex--wrap--tab { flex-wrap: wrap } .sw-grid-flex__cell-1-1--tab { flex: 0 0 100%; max-width: 100% } .sw-grid-flex__cell-1-2--tab { flex: 0 0 50%; max-width: 50% } .sw-grid-flex__cell-1-3--tab { flex: 0 0 33.33%; max-width: 33.33% } .sw-grid-flex__cell-1-4--tab { flex: 0 0 25%; max-width: 25% } .sw-grid-flex__cell-2-3--tab { flex: 0 0 66.66%; max-width: 66.66% } .sw-grid-flex--justify-center--tab { justify-content: center } } @media all and (max-width: 480px) { .sw-grid-flex--wrap-mob { flex-wrap: wrap } .sw-grid-flex__cell-1-1--mob { flex: 0 0 100%; max-width: 100% } .sw-grid-flex__cell-1-2--mob { flex: 0 0 50%; max-width: 50% } .sw-grid-flex--justify-center--mob { justify-content: center } } .msg-error, .error, .msg-alert, .alert, .msg-notice, .notice, .msg-success, .success, .msg-info, .info { display: block; position: relative; margin-bottom: 20px; padding: 15px; color: #757372; font-size: 14px; line-height: 1.5; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .msg-error span.text-subtle, .error span.text-subtle, .msg-error span.sw--text-strikethrough, .error span.sw--text-strikethrough, .msg-alert span.text-subtle, .alert span.text-subtle, .msg-alert span.sw--text-strikethrough, .alert span.sw--text-strikethrough, .msg-notice span.text-subtle, .notice span.text-subtle, .msg-notice span.sw--text-strikethrough, .notice span.sw--text-strikethrough, .msg-success span.text-subtle, .success span.text-subtle, .msg-success span.sw--text-strikethrough, .success span.sw--text-strikethrough, .msg-info span.text-subtle, .info span.text-subtle, .msg-info span.sw--text-strikethrough, .info span.sw--text-strikethrough { color: #374a92 } .msg-error a, .error a, .msg-alert a, .alert a, .msg-notice a, .notice a, .msg-success a, .success a, .msg-info a, .info a { text-decoration: underline } .msg-error a:hover, .error a:hover, .msg-alert a:hover, .alert a:hover, .msg-notice a:hover, .notice a:hover, .msg-success a:hover, .success a:hover, .msg-info a:hover, .info a:hover { color: #183643; text-decoration: underline } .msg-error.compact, .compact.error, .msg-alert.compact, .compact.alert, .msg-notice.compact, .compact.notice, .msg-success.compact, .compact.success, .msg-info.compact, .compact.info { padding: 5px 10px } .msg-error[data-icon], .error[data-icon], .msg-alert[data-icon], .alert[data-icon], .msg-notice[data-icon], .notice[data-icon], .msg-success[data-icon], .success[data-icon], .msg-info[data-icon], .info[data-icon] { padding-left: 40px } .msg-error.flag, .flag.error, .msg-alert.flag, .flag.alert, .msg-notice.flag, .flag.notice, .msg-success.flag, .flag.success, .msg-info.flag, .flag.info { position: absolute; display: inline-block; z-index: 100; top: 50%; margin-top: -14px; margin-left: 3px; left: 100%; padding: 3px 8px 3px 6px; -webkit-border-radius: 3px 2px 2px 2px; border-radius: 3px 2px 2px 2px; background-clip: padding-box; font-size: 12px; font-weight: 500; white-space: nowrap } .msg-error.flag:after, .flag.error:after, .msg-error.flag:before, .flag.error:before, .msg-alert.flag:after, .flag.alert:after, .msg-alert.flag:before, .flag.alert:before, .msg-notice.flag:after, .flag.notice:after, .msg-notice.flag:before, .flag.notice:before, .msg-success.flag:after, .flag.success:after, .msg-success.flag:before, .flag.success:before, .msg-info.flag:after, .flag.info:after, .msg-info.flag:before, .flag.info:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } .msg-error.flag:after, .flag.error:after, .msg-alert.flag:after, .flag.alert:after, .msg-notice.flag:after, .flag.notice:after, .msg-success.flag:after, .flag.success:after, .msg-info.flag:after, .flag.info:after { border-color: rgba(255, 255, 255, 0); border-width: 11px; left: -22px; border-right-color: #fff; top: 50%; margin-top: -11px } .msg-error.flag:before, .flag.error:before, .msg-alert.flag:before, .flag.alert:before, .msg-notice.flag:before, .flag.notice:before, .msg-success.flag:before, .flag.success:before, .msg-info.flag:before, .flag.info:before { border-color: rgba(255, 255, 255, 0); border-width: 11px; left: -22px; border-right-color: blue; top: 50%; margin-top: -10px } .msg-error.flag.inset, .flag.inset.error, .msg-alert.flag.inset, .flag.inset.alert, .msg-notice.flag.inset, .flag.inset.notice, .msg-success.flag.inset, .flag.inset.success, .msg-info.flag.inset, .flag.inset.info { top: auto; left: auto; right: 4px; bottom: -15px } .msg-error .infotip, .error .infotip, .msg-error .infotip:hover, .error .infotip:hover, .msg-alert .infotip, .alert .infotip, .msg-alert .infotip:hover, .alert .infotip:hover, .msg-notice .infotip, .notice .infotip, .msg-notice .infotip:hover, .notice .infotip:hover, .msg-success .infotip, .success .infotip, .msg-success .infotip:hover, .success .infotip:hover, .msg-info .infotip, .info .infotip, .msg-info .infotip:hover, .info .infotip:hover { border: none; top: 3px } .jumbotron .msg-error, .jumbotron .error, .jumbotron .msg-alert, .jumbotron .alert, .jumbotron .msg-notice, .jumbotron .notice, .jumbotron .msg-success, .jumbotron .success, .jumbotron .msg-info, .jumbotron .info { margin: 25px 0 0 0; border-bottom-color: #0c1e4c } .box .msg-error, .box .error, .box .msg-alert, .box .alert, .box .msg-notice, .box .notice, .box .msg-success, .box .success, .box .msg-info, .box .info { border-top: none } .sct-material .msg-error, .sct-material .error, .sct-material .msg-alert, .sct-material .alert, .sct-material .msg-notice, .sct-material .notice, .sct-material .msg-success, .sct-material .success, .sct-material .msg-info, .sct-material .info { line-height: 1.5 } .chevron-top-center:after, .chevron-top-center:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } .chevron-top-center:after { border-color: rgba(255, 255, 255, 0); border-width: 9px; top: -18px; border-bottom-color: #000; left: 50%; margin-left: -9px } .chevron-top-center:before { border-color: rgba(255, 255, 255, 0); border-width: 10px; top: -20px; border-bottom-color: none; left: 50%; margin-left: -10px } .chevron-top-left:after, .chevron-top-left:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } .chevron-top-left:after { border-color: rgba(255, 255, 255, 0); border-width: 9px; top: -18px; border-bottom-color: #000; left: 0; margin-left: 1px } .chevron-top-left:before { border-color: rgba(255, 255, 255, 0); border-width: 10px; top: -20px; border-bottom-color: none; left: 0; margin-left: 0px } .chevron-bottom-center:after, .chevron-bottom-center:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } .chevron-bottom-center:after { border-color: rgba(255, 255, 255, 0); border-width: 9px; bottom: -18px; border-top-color: #000; left: 50%; margin-left: -9px } .chevron-bottom-center:before { border-color: rgba(255, 255, 255, 0); border-width: 10px; bottom: -20px; border-top-color: none; left: 50%; margin-left: -10px } .scheduled-content-top { position: relative; display: block; margin: 0 auto; padding: 0; text-align: center; width: 100%; background: white } .list-notice { display: block; width: 100%; padding: 20px 0 19px 0; margin: 0 auto; margin-top: -1px; text-align: center; background-color: #4FC9FF } .list-notice .border-img-left { display: inline-block; width: 23px; height: 18px; vertical-align: top; background: url(/rrstatic/img/promo-banner-sparks-left.png) top right no-repeat } .list-notice .border-img-right { display: inline-block; width: 23px; height: 18px; vertical-align: top; background: url(/rrstatic/img/promo-banner-sparks-right.png) top left no-repeat } .list-notice .promo-text { display: inline-block; line-height: 1.1em } .list-notice .promo-text a { color: white } .list-notice .promo-text a:hover { text-decoration: underline } .msg-error, .error { color: #1F0406; background: #ec999e; border-top: none; border-bottom: none } .msg-error.chevron-top-center:before, .chevron-top-center.error:before, .msg-error.chevron-top-left:before, .chevron-top-left.error:before { border-bottom-color: #f9e0e2 } .msg-error.chevron-top-center:after, .chevron-top-center.error:after, .msg-error.chevron-top-left:after, .chevron-top-left.error:after { border-bottom-color: #ec999e } .msg-error.chevron-bottom-center:before, .chevron-bottom-center.error:before { border-top-color: none } .msg-error.chevron-bottom-center:after, .chevron-bottom-center.error:after { border-top-color: #ec999e } .msg-error.flag:before, .flag.error:before { border-right-color: #374a92 } .msg-error.flag:after, .flag.error:after { border-right-color: #ec999e } .msg-error.hidden, .hidden.error { display: none } .msg-notice, .notice { background-color: #fee7b8; border-top: none; border-bottom: none; color: #704C17 } .msg-notice.flag:before, .flag.notice:before { border-right-color: #b8c0df } .msg-notice.flag:after, .flag.notice:after { border-right-color: #fee7b8 } .msg-notice.with-icon, .with-icon.notice { padding-left: 47px } .msg-notice.with-icon:before, .with-icon.notice:before { content: "\e601"; font-family: 'icons-sw'; speak: none; color: #fcbd3a; font-size: 1.8em; line-height: 1em; position: absolute; left: 14px } .msg-notice.chevron-top-center:after, .chevron-top-center.notice:after, .msg-notice.chevron-top-left:after, .chevron-top-left.notice:after { border-bottom-color: #fee7b8 } .msg-notice.chevron-bottom-center:after, .chevron-bottom-center.notice:after { border-top-color: #fee7b8 } .msg-notice h1, .notice h1 { color: #374a92 } .msg-success, .success { background: #cce8a4; border-top: none; border-bottom: none; color: #0E4617 } .msg-success.flag:before, .flag.success:before { border-right-color: #b8c0df } .msg-success.flag:after, .flag.success:after { border-right-color: #E4F7CB } .msg-success.chevron-top-center:after, .chevron-top-center.success:after, .msg-success.chevron-top-left:after, .chevron-top-left.success:after { border-bottom-color: #E4F7CB } .msg-success.chevron-bottom-center:after, .chevron-bottom-center.success:after { border-top-color: #E4F7CB } .msg-success.banner, .banner.success { -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; border: none; padding: 18px 0; background: #cce8a4; margin: 0 } .msg-info, .info { background: #d5f2ff; color: #005A81; border-top: none; border-bottom: none } .msg-info.chevron-top-center:after, .chevron-top-center.info:after, .msg-info.chevron-top-left:after, .chevron-top-left.info:after { border-bottom-color: #d5f2ff } .msg-info.chevron-bottom-center:before, .chevron-bottom-center.info:before { border-top-color: #b8c0df } .msg-info.chevron-bottom-center:after, .chevron-bottom-center.info:after { border-top-color: #d5f2ff } .msg-info.subtle, .subtle.info { background: none; border: 1px solid #374a92; -webkit-box-shadow: 0 1px 0 #0c1e4c; -moz-box-shadow: 0 1px 0 #0c1e4c; box-shadow: 0 1px 0 #0c1e4c; color: #b8c0df } .msg-info.subtle .chevron:before, .subtle.info .chevron:before, .msg-info.subtle.chevron:before, .subtle.chevron.info:before { border-bottom-color: #374a92 } .msg-info.subtle .chevron:after, .subtle.info .chevron:after, .msg-info.subtle.chevron:after, .subtle.chevron.info:after { border-bottom-color: #293871 } .msg-info.hidden, .hidden.info { display: none } .note { font-size: .8em; font-style: italic; line-height: 18px } .full-width-notice { text-align: center; padding: 18px 0; margin-bottom: 0 } .text-error { color: #e05760 } .text-success { color: #4b711d } @font-face { font-family: 'icons-sw'; src: url("/rrstatic/fonts/icons-sw/fonts/icons-sw.woff2?sh3ab9") format("woff2"), url("/rrstatic/fonts/icons-sw/fonts/icons-sw.ttf?sh3ab9") format("truetype"), url("/rrstatic/fonts/icons-sw/fonts/icons-sw.woff?sh3ab9") format("woff"), url("/rrstatic/fonts/icons-sw/fonts/icons-sw.svg?sh3ab9#icons-sw") format("svg"); font-weight: normal; font-style: normal } [class^="icon-"], [class*=" icon-"] { font-family: 'icons-sw' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-tools-menu:before { content: "\e928" } .icon-hamburger-menu:before { content: "\e929" } .icon-globe:before { content: "\e923" } .icon-instant-pricing:before { content: "\e924" } .icon-small-batch:before { content: "\e925" } .icon-how-it-works:before { content: "\e921" } .icon-getting-started:before { content: "\e922" } .icon-refer-a-friend:before { content: "\e920" } .icon-support-structure:before { content: "\e91f" } .icon-new-window:before { content: "\e91e" } .icon-workshop:before { content: "\e90d" } .icon-marketplace:before { content: "\e90e" } .icon-question-mark:before { content: "\e90f" } .icon-creator:before { content: "\e910" } .icon-profile:before { content: "\e931" } .icon-hire:before { content: "\e911" } .icon-tutorials:before { content: "\e912" } .icon-materials:before { content: "\e913" } .icon-blog:before { content: "\e914" } .icon-events:before { content: "\e915" } .icon-feed:before { content: "\e916" } .icon-lists:before { content: "\e932" } .icon-forums:before { content: "\e917" } .icon-community:before { content: "\e918" } .icon-shop-settings:before { content: "\e919" } .icon-sales:before { content: "\e91a" } .icon-models:before { content: "\e91b" } .icon-shop:before { content: "\e91c" } .icon-products:before { content: "\e91d" } .icon-message:before { content: "\e90b" } .icon-search:before { content: "\e90c" } .icon-cart:before { content: "\e90a" } .icon-hook:before { content: "\e909" } .icon-3d-rotate:before { content: "\e92a" } .icon-orientation:before { content: "\e903" } .icon-fdm:before { content: "\e907" } .icon-sla:before { content: "\e908" } .icon-upload:before { content: "\e648" } .icon-download-2:before { content: "\e926" } .icon-megaphone:before { content: "\e927" } .icon-award:before { content: "\e92f" } .icon-logout:before { content: "\e933" } .icon-arrow-back:before { content: "\e930" } .icon-arrow-forward:before { content: "\e934" } .icon-chevron-thin-left:before { content: "\e92b"; color: #000 } .icon-chevron-thin-right:before { content: "\e92c"; color: #000 } .icon-chevron-thin-up:before { content: "\e92e"; color: #000 } .icon-chevron-thin-down:before { content: "\e92d"; color: #000 } .icon-checkmark:before { content: "\e61b" } .icon-cancel:before { content: "\e61c" } .icon-trash:before { content: "\e604" } .icon-chevron-left:before, .results-page-prev:before { content: "\e64b" } .icon-chevron-right:before, .results-page-next:before { content: "\e619" } .icon-chevron-up:before { content: "\e64c" } .icon-chevron-down:before { content: "\e61a" } .icon-reviewed:before { content: "\e645" } .icon-checkmark-circled:before { content: "\e901" } .icon-x-circled:before { content: "\e902" } .icon-wishlist:before { content: "\e600" } .icon-unfollow:before { content: "\e63e" } .icon-trophy:before { content: "\e99e" } .icon-instagram:before { content: "\e64a" } .icon-vertical-resize:before { content: "\e64f" } .icon-beaker:before { content: "\e649" } .icon-customize:before { content: "\e64e" } .icon-evil:before { content: "\e900" } .icon-embed:before { content: "\e64d" } .icon-null:before { content: "\e644" } .icon-arrow-left:before { content: "\e642" } .icon-arrow-right:before { content: "\e643" } .icon-target:before { content: "\e641" } .icon-sword:before { content: "\e640" } .icon-rush:before { content: "\e63f" } .icon-user:before { content: "\e63d" } .icon-document:before { content: "\e63a" } .icon-help:before { content: "\e63b" } .icon-video:before { content: "\e63c" } .icon-giraffe:before { content: "\e639" } .icon-box-shipped:before { content: "\e638" } .icon-warning:before { content: "\e601" } .icon-youtube:before { content: "\e632" } .icon-twitter:before { content: "\e602" } .icon-truck:before { content: "\e603" } .icon-sw-truck:before { content: "\e605" } .icon-sw-spark:before { content: "\e606" } .icon-storefront:before { content: "\e607" } .icon-stack:before { content: "\e608" } .icon-split-right:before { content: "\e609" } .icon-split-down:before { content: "\e60a" } .icon-share:before { content: "\e60b" } .icon-search-legacy:before { content: "\e60c" } .icon-ruler:before { content: "\e60d" } .icon-reorder:before { content: "\e60e" } .icon-refresh:before { content: "\e60f" } .icon-reassign:before { content: "\e610" } .icon-download:before { content: "\e611" } .icon-question:before { content: "\e612" } .icon-credit:before { content: "\e613" } .icon-contract:before { content: "\e614" } .icon-comments-alt:before { content: "\e615" } .icon-comment:before { content: "\e616" } .icon-cog:before { content: "\e617" } .icon-camera:before { content: "\e61d" } .icon-calendar:before { content: "\e61e" } .icon-blocked:before { content: "\e61f" } .icon-quality:before { content: "\e620" } .icon-pita:before { content: "\e621" } .icon-pinterest:before { content: "\e622" } .icon-permalink:before { content: "\e623" } .icon-pencil:before { content: "\e624" } .icon-loop:before { content: "\e625" } .icon-locked:before { content: "\e626" } .icon-location:before { content: "\e627" } .icon-info:before { content: "\e628" } .icon-gift:before { content: "\e629" } .icon-favorite:before { content: "\e62a" } .icon-facebook:before { content: "\e62b" } .icon-expand:before { content: "\e62c" } .icon-envelope:before { content: "\e62d" } .icon-earth:before { content: "\e62e" } .icon-angry:before { content: "\e62f" } .icon-support:before { content: "\e630" } .icon-support-flag:before { content: "\e631" } .icon-flickr:before { content: "\e634" } .icon-tumblr:before { content: "\e633" } .icon-meetup:before { content: "\e635" } .icon-cart-legacy:before { content: "\e636" } .icon-unlocked:before { content: "\e637" } .icon-clock:before { content: "\e618" } .icon-disney:before { content: "\e904" } .icon-southpark:before { content: "\e905" } .icon-activision:before { content: "\e906" } .footer { font-size: 13px; color: #f5f7f8 } .footer .footer-top { padding-top: 40px } .footer ul { list-style: none; margin: 0; padding: 0 } .footer .footer-link { padding: 0 0 12px 0; line-height: 16px } .footer .footer-link a { color: #f5f7f8 } .no-touch .footer .footer-link a:hover, .no-touch .footer .footer-link a:active { color: #4FC9FF !important } .footer h5 { color: #91B6C7; font-weight: bold; font-size: 1em; text-transform: uppercase; letter-spacing: 0.5px } .footer .footer-bottom { border-top: 1px solid #467489 } .footer .footer-bottom .footer-social { padding-right: 0 } .footer .country-currency-selector { padding-top: 40px; min-width: 274px } .footer .country-currency-selector .tall-select { border: 1px solid #fff } .footer .display-currency-select { width: 80px } .footer .shipping-country-select { width: 120px } .footer .footer-social { min-width: 288px } .footer .footer-social h5 { display: inline } .footer .footer-social ul { display: inline } .footer .footer-social ul li { display: inline } .footer .footer-legal { padding: 40px 0; clear: both } .footer .footer-legal a { color: #f5f7f8 } .footer .footer-legal li { display: inline-block; vertical-align: middle } .footer .footer-legal li.policy { border-right: none } .footer .footer-legal li.copyright { color: #91B6C7 } .footer-links-col { margin-bottom: 40px } @media all and (min-width: 768px) { .country-currency-selector { padding-right: 60px } .footer-social { padding-top: 49px } } @media all and (max-width: 768px) { .footer-top>div:nth-child(3n+1) { clear: left } .footer-links-col { width: 33% } .country-currency-selector, .footer-social { text-align: center; width: 100%; padding-right: 0 } .footer-social { padding-top: 40px } } @media all and (max-width: 480px) { .footer-top>div:nth-child(2n+1) { clear: left } .footer-top>div:nth-child(3n+1) { clear: initial } .footer-links-col { width: 50% } .footer-legal, .footer-social, .country-currency-selector { text-align: left } } .newsletter-footer { background-color: #DAD8DA !important; padding: 3% 0 } @media all and (min-width: 320px) and (max-width: 768px) { .newsletter-footer { padding: 6% 0 } } .newsletter-footer .text-success, .newsletter-footer .text-error { clear: both; position: absolute } .newsletter-footer .text-error { color: #CC3F30 } .footer-social { color: #f5f7f8; font-size: 20px } .footer-social ul { display: inline } .footer-social ul li { display: inline } .footer-social a { color: #f5f7f8 } .no-touch .footer-social a:hover, .no-touch .footer-social a:active { color: #4FC9FF } .sw-dms-footer { background-color: #1E2740; font-family: 'Fabriga', sans-serif; color: #5E717C } .sw-dms-footer__social-icons { width: 290px } .sw-dms-footer__currency-chooser { width: 110px } .sw-dms-footer__country-chooser { width: 180px } .sw-dms-footer__select { color: #fff; background-color: #5E717C; border: none; border-radius: 25px } .sw-dms-footer__top-inner { margin-top: 120px; padding-bottom: 44px; max-width: 960px; border-bottom: 1px solid #38444a } @media all and (max-width: 480px) { .sw-dms-footer__top-inner { margin-top: 20px } } @media all and (max-width: 768px) { .sw-dms-footer__links-group { width: 290px } } .sw-dms-footer__link { color: #5E717C; text-decoration: none } .sw-dms-footer__link:visited { color: #5E717C } .no-touch .sw-dms-footer__link:hover, .no-touch .sw-dms-footer__link:active { color: #fff } .sw-dms-footer__bottom { max-width: 570px } .sw-dms-footer__country-currency-selector { min-width: 305px } .sw-dms-footer__legal { color: #5E717C } .sw-dms-footer__legal-copyright { color: #5E717C } .sw-dms-footer__social_link { color: #fff; opacity: 0.6; font-size: 1.8571rem } .sw-dms-footer__social_link:visited { color: #fff } .no-touch .sw-dms-footer__social_link:hover, .no-touch .sw-dms-footer__social_link:active { color: #fff; opacity: 1 } .sw-input--height-medium { height: 39px } label { color: #183643 } .myshapeways-expertise label { text-transform: none } label.checkbox { cursor: pointer; text-transform: none } label.on-form { font-size: 13px; font-weight: 400 } .input-group, textarea, input[type="numeric"], input[type="text"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], input[type="email"], input[type="url"], input[type="search"] { position: relative; margin: 0; border: 1px solid #c7cdd0; padding: 4px 8px; *padding: 8px 4px 0 4px; background: #fff; font: inherit; font-family: 'Fabriga', Helvetica Neue, Helevetica, Arial, sans-serif; color: #183643; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -webkit-box-shadow: inset 0 1px 1px #D8DCDF; -moz-box-shadow: inset 0 1px 1px #D8DCDF; box-shadow: inset 0 1px 1px #D8DCDF; -moz-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out; transition: border 0.2s ease-in-out, background 0.2s ease-in-out } .input-group:hover, .input-group:focus, .input-group.focus, textarea:hover, textarea:focus, textarea.focus, input[type="numeric"]:hover, input[type="numeric"]:focus, input[type="numeric"].focus, input[type="text"]:hover, input[type="text"]:focus, input[type="text"].focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"].focus, input[type="number"]:hover, input[type="number"]:focus, input[type="number"].focus, input[type="search"]:hover, input[type="search"]:focus, input[type="search"].focus, input[type="password"]:hover, input[type="password"]:focus, input[type="password"].focus, input[type="email"]:hover, input[type="email"]:focus, input[type="email"].focus, input[type="url"]:hover, input[type="url"]:focus, input[type="url"].focus, input[type="search"]:hover, input[type="search"]:focus, input[type="search"].focus { border: 1px solid #4FC9FF } .input-group:focus, .input-group.focus, textarea:focus, textarea.focus, input[type="numeric"]:focus, input[type="numeric"].focus, input[type="text"]:focus, input[type="text"].focus, input[type="tel"]:focus, input[type="tel"].focus, input[type="number"]:focus, input[type="number"].focus, input[type="search"]:focus, input[type="search"].focus, input[type="password"]:focus, input[type="password"].focus, input[type="email"]:focus, input[type="email"].focus, input[type="url"]:focus, input[type="url"].focus, input[type="search"]:focus, input[type="search"].focus { outline: none; background: #fff; border: 1px solid #4FC9FF } .input-group.instructional, textarea.instructional, input[type="numeric"].instructional, input[type="text"].instructional, input[type="tel"].instructional, input[type="number"].instructional, input[type="search"].instructional, input[type="password"].instructional, input[type="email"].instructional, input[type="url"].instructional, input[type="search"].instructional { color: #a1aaad } input.obligatory, .input-group.obligatory { color: #e05760; border: 1px solid #ec999e } input.obligatory:hover, input.obligatory:active, input.obligatory:focus, .input-group.obligatory:hover, .input-group.obligatory:active, .input-group.obligatory:focus { border: 1px solid #e46e75 } input[type="checkbox"] { font-size: inherit; padding: 0; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } input[type="submit"] { font-family: 'Fabriga', Helvetica Neue, Helevetica, Arial, sans-serif } input[type="file"] { font: inherit; line-height: 1em; font-family: 'Fabriga', Helvetica Neue, Helevetica, Arial, sans-serif } input[type="text"], input[type="password"], input[type="username"] { font-family: 'Fabriga', Helvetica Neue, Helevetica, Arial, sans-serif } input[type="text"]:focus, input[type="password"]:focus, input[type="username"]:focus { outline: none } input::-webkit-input-placeholder { -moz-transition: color 150ms ease; -o-transition: color 150ms ease; -webkit-transition: color 150ms ease; transition: color 150ms ease; color: #a1aaad } input:-moz-placeholder { -moz-transition: color 150ms ease; -o-transition: color 150ms ease; -webkit-transition: color 150ms ease; transition: color 150ms ease; color: #a1aaad } input::-moz-placeholder { -moz-transition: color 150ms ease; -o-transition: color 150ms ease; -webkit-transition: color 150ms ease; transition: color 150ms ease; color: #a1aaad } input:-ms-input-placeholder { -moz-transition: color 150ms ease; -o-transition: color 150ms ease; -webkit-transition: color 150ms ease; transition: color 150ms ease; color: #a1aaad } input.obligatory::-webkit-input-placeholder { color: #f4c2c5 } input.obligatory:-moz-placeholder { color: #f4c2c5 } input.obligatory::-moz-placeholder { color: #f4c2c5 } input.obligatory:-ms-input-placeholder { color: #f4c2c5 } input:focus::-webkit-input-placeholder { color: #a1aaad } input:focus:-moz-placeholder { color: #a1aaad } input:focus::-moz-placeholder { color: #a1aaad } input:focus:-ms-input-placeholder { color: #a1aaad } input[type="submit"], input[type="reset"], input[type="button"] { font-family: 'Fabriga', Helvetica Neue, Helevetica, Arial, sans-serif } input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:visited, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:visited, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:visited, input[type="button"]:focus { *border: none } .input-group { padding: 0 } .input-group textarea, .input-group input, .input-group input:hover, .input-group input:active, .input-group input:focus, .input-group input:visited { border: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .input-group input.obligatory { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } span.input-group { display: inline-block } textarea, select { font-family: 'Fabriga', Helvetica Neue, Helevetica, Arial, sans-serif } .short-select { color: #183643; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; height: 22px; font-size: .9em; top: 0; border: 1px solid #c7cdd0; background: #FFF } .short-select:hover { cursor: pointer } .short-select:focus { outline: none } .tall-select { color: #183643; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; height: 40px; font-size: .9em; top: 0; border: 1px solid #c7cdd0; background: #FFF } .tall-select:hover { cursor: pointer } .tall-select:focus { outline: none } .sw-select--round { -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box } .sw-select--tall { height: 40px; font-size: .9em } .sw-select--tall:hover { cursor: pointer } .sw-select--tall:focus { outline: none } input.placeholder { color: #a1aaad } form p { margin-bottom: 10px } .form-row { position: relative; margin-bottom: 10px } .form-row:after { content: ""; display: table; clear: both } .form-row input { position: relative } label.checkbox-wrapper { position: relative; display: block; width: 100%; min-height: 34px; min-height: 24px\9; margin: 0; padding: 5px 8px 3px 32px; background-color: #f5f7f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e0e3e5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; font-size: 12px; cursor: pointer; text-transform: none; -webkit-box-shadow: 0 1px 1px #D8DCDF; -moz-box-shadow: 0 1px 1px #D8DCDF; box-shadow: 0 1px 1px #D8DCDF; -moz-transition: border 150ms ease, box-shadow 150ms ease, background 150ms ease; -o-transition: border 150ms ease, box-shadow 150ms ease, background 150ms ease; -webkit-transition: border 150ms ease, box-shadow 150ms ease, background 150ms ease; transition: border 150ms ease, box-shadow 150ms ease, background 150ms ease } label.checkbox-wrapper input { position: absolute; top: 9px; left: 9px; width: 16px; height: 16px; font-size: 16px; cursor: pointer; vertical-align: bottom } label.checkbox-wrapper input[type='radio'] { top: 5px; left: 5px; height: 24px\9; width: 24px\9 } label.checkbox-wrapper.focus, label.checkbox-wrapper:hover { border: 1px solid #81d8ff; -webkit-box-shadow: 0 1px 3px #4FC9FF; -moz-box-shadow: 0 1px 3px #4FC9FF; box-shadow: 0 1px 3px #4FC9FF; background: white } label.checkbox-wrapper.focus { -webkit-box-shadow: inset 0 1px 0 white, 0 1px 0 0 #81d8ff, 0 0 0 2px #81d8ff; -moz-box-shadow: inset 0 1px 0 white, 0 1px 0 0 #81d8ff, 0 0 0 2px #81d8ff; box-shadow: inset 0 1px 0 white, 0 1px 0 0 #81d8ff, 0 0 0 2px #81d8ff } label.checkbox-wrapper.disabled { cursor: default; border-color: #D8DCDF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #D8DCDF url(/rrstatic/img/portal/view-model/icon-sprite.png) 11px -370px no-repeat } label.checkbox-wrapper.disabled input { display: none } .cc-cards { position: absolute; top: 0px; right: 82px; -moz-transition: top 250ms ease; -o-transition: top 250ms ease; -webkit-transition: top 250ms ease; transition: top 250ms ease; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; pointer-events: none } .cc-cards:after { content: ""; display: table; clear: both } .cc-cards span { position: absolute; display: inline-block; width: 36px; height: 24px; background-color: white\9; -moz-transition: right 250ms ease, opacity 250ms ease; -o-transition: right 250ms ease, opacity 250ms ease; -webkit-transition: right 250ms ease, opacity 250ms ease; transition: right 250ms ease, opacity 250ms ease; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; -webkit-transition-delay: 250ms; transition-delay: 250ms } .cc-cards.cc-chosen { top: 58px; -moz-transition: top 250ms ease; -o-transition: top 250ms ease; -webkit-transition: top 250ms ease; transition: top 250ms ease; -moz-transition-delay: 250ms; -o-transition-delay: 250ms; -webkit-transition-delay: 250ms; transition-delay: 250ms } .cc-cards.cc-chosen span { right: -75px; filter: alpha(opacity=0); opacity: 0; -moz-transition: right 250ms ease, opacity 250ms ease; -o-transition: right 250ms ease, opacity 250ms ease; -webkit-transition: right 250ms ease, opacity 250ms ease; transition: right 250ms ease, opacity 250ms ease; -moz-transition-delay: 0; -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0 } .cc-cards.cc-chosen.cvv { top: 124px } .cc-cards.cc-chosen.cvv .cc-icon-cvv { filter: alpha(opacity=100); opacity: 1 } .cc-cards.cc-chosen.cvv.amex { top: 75px } .cc-cards.cc-chosen.cvv.amex .cc-icon-cvv { filter: alpha(opacity=0); opacity: 0 } span.cc-icon-visa { right: 160px } .visa span.cc-icon-visa { filter: alpha(opacity=100); opacity: 1 } span.cc-icon-mastercard { right: 120px } .mastercard span.cc-icon-mastercard { filter: alpha(opacity=100); opacity: 1 } span.cc-icon-amex { right: 80px } .amex span.cc-icon-amex { filter: alpha(opacity=100); opacity: 1 } span.cc-icon-discover { right: 40px } .discover span.cc-icon-discover { filter: alpha(opacity=100); opacity: 1 } span.cc-icon-jcb { right: 0 } .jcb span.cc-icon-jcb { filter: alpha(opacity=100); opacity: 1 } span.cc-icon-cvv { right: 0; filter: alpha(opacity=0); opacity: 0 } .sup_login-container .sup_formbox { background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .sup_login-container .sup_formbox input[type=text], .sup_login-container .sup_formbox input[type=password] { background: white } .sup_login-container .sup_formbox input[type=text]:focus, .sup_login-container .sup_formbox input[type=password]:focus { background: white } .sw--resize-none { resize: none } .sw--resize-vertical { resize: vertical } .product-box, .shop-box { -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out } .product-box:hover .product-img, .product-box:hover .product-img, .product-box:active .product-img, .product-box:active .product-img, .product-box.hover .product-img, .product-box.hover .product-img, .shop-box:hover .product-img, .shop-box:hover .product-img, .shop-box:active .product-img, .shop-box:active .product-img, .shop-box.hover .product-img, .shop-box.hover .product-img { text-decoration: none; cursor: pointer; opacity: .7 } .notification-drawer>.model>.product-box { background: none; border: none } .notification-drawer>.model>.product-box .product-name { display: block; padding: 0; margin: 0; font-size: .9em; font-weight: bold; line-height: 1.2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .notification-drawer>.model>.product-box .price { font-size: .8em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 } .list-view .product-row, .list-view .shop-row { display: block; margin: 0 0 30px 0 } .list-view .product-box, .list-view .shop-box { margin: 0 0 5% 0; position: relative; display: block; height: auto } .list-view .product-box:hover, .list-view .product-box:active, .list-view .product-box.hover, .list-view .shop-box:hover, .list-view .shop-box:active, .list-view .shop-box.hover { text-decoration: none; cursor: pointer } .list-view .product-box .product-img, .list-view .shop-box .product-img { display: block; float: left; width: 25%; margin: 0 5% 0 0; background: white; overflow: hidden } .list-view .product-box .product-img img, .list-view .shop-box .product-img img { vertical-align: top; display: block; width: 100%; height: auto } .list-view .product-box .price-material-select, .list-view .shop-box .price-material-select { margin: 10px 0 0 0 } .list-view .product-box .product-details, .list-view .shop-box .product-details { width: 70%; float: left; margin: 0 } .list-view .product-box .product-details .material, .list-view .shop-box .product-details .material { font-size: .8em } .list-view .product-box .product-name, .list-view .product-box .shop-name, .list-view .shop-box .product-name, .list-view .shop-box .shop-name { font-size: 1.1em; font-weight: normal; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .list-view .product-box .product-name a, .list-view .product-box .product-name a:visited, .list-view .product-box .product-name a:active, .list-view .product-box .shop-name a, .list-view .product-box .shop-name a:visited, .list-view .product-box .shop-name a:active, .list-view .shop-box .product-name a, .list-view .shop-box .product-name a:visited, .list-view .shop-box .product-name a:active, .list-view .shop-box .shop-name a, .list-view .shop-box .shop-name a:visited, .list-view .shop-box .shop-name a:active { color: #445258 } .list-view .product-box .price-designer-container, .list-view .shop-box .price-designer-container { width: 480px !important; float: left; margin: 0; font-size: .9em; color: #a1aaad } .list-view .product-box .price-designer-container span, .list-view .shop-box .price-designer-container span { display: inline; clear: none } .list-view .product-box .designer a, .list-view .shop-box .designer a { color: #a1aaad } .list-view .product-box .designer a:hover, .list-view .shop-box .designer a:hover { color: #183643 } .grid-view .product-box #feed-items, .grid-view .shop-box #feed-items { margin-right: 0 !important } .grid-view .product-box .product-img, .grid-view .shop-box .product-img { position: relative; padding-top: 75%; border: none; margin: 0; background: white; width: 100%; overflow: hidden; position: relative; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .grid-view .product-box .product-img img, .grid-view .shop-box .product-img img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; vertical-align: top; display: block; width: 100%; height: 100%; margin: 0 auto } .grid-view .product-box .product-details, .grid-view .shop-box .product-details { width: 100%; min-height: 70px; margin: 0; padding: 3% 0 0 0; display: block } .grid-view .product-box .product-details .material, .grid-view .shop-box .product-details .material { font-size: .9em; color: #a1aaad; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .grid-view .product-box .product-details .no-price, .grid-view .shop-box .product-details .no-price { display: block; color: #a1aaad; line-height: 1.2em; margin: 5px 0 0 0 } .grid-view .product-box .product-name, .grid-view .product-box .shop-name, .grid-view .shop-box .product-name, .grid-view .shop-box .shop-name { display: block; padding: 0; margin: 0 0 2% 0; width: 100%; font-weight: normal; line-height: 1.3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .grid-view .product-box .product-name a, .grid-view .product-box .product-name a:visited, .grid-view .product-box .product-name a:active, .grid-view .product-box .shop-name a, .grid-view .product-box .shop-name a:visited, .grid-view .product-box .shop-name a:active, .grid-view .shop-box .product-name a, .grid-view .shop-box .product-name a:visited, .grid-view .shop-box .product-name a:active, .grid-view .shop-box .shop-name a, .grid-view .shop-box .shop-name a:visited, .grid-view .shop-box .shop-name a:active { color: #183643; -webkit-font-smoothing: antialiased } @media all and (max-width: 480px) { .grid-view .product-box .product-name, .grid-view .product-box .shop-name, .grid-view .shop-box .product-name, .grid-view .shop-box .shop-name { font-size: .9em } } .grid-view .product-box .price-designer-container, .grid-view .shop-box .price-designer-container { font-size: .9em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0; line-height: 1.2em; color: #a1aaad } @media all and (max-width: 480px) { .grid-view .product-box .price-designer-container, .grid-view .shop-box .price-designer-container { font-size: .8em } } .grid-view .product-box .price-material-select, .grid-view .shop-box .price-material-select { font-size: .8em; margin: 8px 0 6px 6px } .grid-view .product-box .designer a, .grid-view .shop-box .designer a { color: #a1aaad } .grid-view .product-box .designer a:hover, .grid-view .shop-box .designer a:hover { color: #183643 } .grid-view .product-box .two-col .edit-materials, .grid-view .product-box .two-col .materials, .grid-view .shop-box .two-col .edit-materials, .grid-view .shop-box .two-col .materials { width: 49% } .grid-view .product-box .display-order, .grid-view .shop-box .display-order { font-size: .9em; display: block; margin: 10px 0; color: #a1aaad } .grid-view .product-box .display-order:after, .grid-view .shop-box .display-order:after { content: ""; display: table; clear: both } .grid-view .product-box .display-order .newOrder, .grid-view .shop-box .display-order .newOrder { width: 40px; height: 22px; float: left; margin: 0 10px 0 10px; line-height: 1.1em; text-align: center } .grid-view .product-box .display-order .save, .grid-view .shop-box .display-order .save { float: left; color: #08A3E9 } .shop-box .shop-description { margin: 0; width: 100%; color: #a1aaad; font-size: .8em; height: 85px; line-height: 1.2em; overflow: hidden } .marketplace-featured { display: block; width: 100%; overflow: hidden } .marketplace-featured:after { content: ""; display: table; clear: both } .product-nobox { display: block } .product-nobox:after { content: ""; display: table; clear: both } .product-nobox .product-thumb { float: left } .product-nobox .product-thumb img { width: 100%; height: auto; border: 1px solid white; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .product-nobox .product-info { position: relative; float: left } .product-nobox .product-info .product-title { padding-top: 0px; width: 100% } .product-nobox .product-info .product-flag { display: block; margin-top: -5px; margin-bottom: 5px } .product-nobox .product-info .product-material { padding-top: 0px; color: #b4bbbd } .product-nobox .product-info .product-material img { height: 24px; width: 36px; border: 1px solid white; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .product-nobox .product-info .product-material span { position: relative; bottom: 8px; margin-left: 5px; font-size: 12px; font-weight: 300; color: #a1aaad } a.product-nobox { -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } a.product-nobox:hover { background-color: #edeff0 } .curated-shop-box { display: block; border-radius: 4px; width: 100%; margin-bottom: 30px } .shop-image { display: block } .shop-image img { max-width: 100%; width: 100%; position: relative; padding: 0; vertical-align: top } .curated-shop-description { min-height: 80px; padding: 5px 10px; color: #a1aaad; line-height: 1.3em; font-size: .9em } .curated-shop-box .shop-info { position: relative; display: block; background: white; padding: 11px 10px 10px 0; margin: 0; line-height: 1.3em; line-height: 1.3em } .curated-shop-box .shop-info .shop-name { font-size: .8em; letter-spacing: 0.5px; text-transform: uppercase; font-weight: bold; line-height: 1.2em; width: 76%; -webkit-font-smoothing: antialiased; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .curated-shop-box .shop-info .shop-owner { color: #183643; font-size: .9em; -webkit-font-smoothing: antialiased; width: 76%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .curated-shop-box .shop-info .avatar { position: absolute; top: -10px; right: 3%; background: white; overflow: hidden; width: 50px; height: 50px; display: block; border: 2px solid white; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box } .sw-product-manual-adjustment { top: 10px; left: 10px; width: 48px; height: 24px; z-index: 2; cursor: pointer; display: none; opacity: .7 } .sw-product-manual-adjustment:hover { opacity: 1 } .sw-product-manual-adjustment__button { background: url(/rrstatic/img/sprites/+-button.png) no-repeat 0 0; width: 48px; height: 24px } .product-box:hover .sw-product-manual-adjustment { display: block } .sw-product-manual-adjustment__ui { width: 280px; border-radius: 3px; background-color: #FFF; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); top: 25px; left: -30px; padding: 20px } .sw-product-manual-adjustment__ui:before { content: ""; position: absolute; top: -16px; border: 8px solid transparent; border-bottom-color: #FFF; left: 43px } .sw-plus-minus-control { width: 100%; border-radius: 3px; border: 1px solid #D8DCDF; height: 30px; display: inline-block; overflow: block } .sw-product-manual-adjustment__header { text-align: center } .sw-product-manual-adjustment__controls { padding: 0 35px } .sw-product-manual-adjustment__controls hr { margin-left: -55px; width: 280px } .sw-plus-minus-control { line-height: 30px } .sw-plus-minus-control__plus, .sw-plus-minus-control__minus { width: 30px; text-align: center; border-style: solid; border-color: #D8DCDF; display: inline-block; height: 100% } .sw-plus-minus-control__plus:hover, .sw-plus-minus-control__minus:hover { background-color: #D8DCDF; color: #000 } .sw-plus-minus-control__minus { border-left-width: 1px } .sw-plus-minus-control__plus { border-right-width: 1px } .sw-plus-minus-control__value { top: 0; left: 31px; width: 20px; text-align: right } .sw-plus-minus-control__label { margin: 0 30px 0 60px; text-overflow: ellipsis; overflow: hidden; height: 100% } .sw-plus-minus-control__info { top: 0; left: 105%; font-size: 11px; color: #a1aaad; width: 80px } .sup_login-container { max-width: 360px; margin: 0 auto; text-align: left } .sup_img-discover { background: #fff url("../img/welcome_products.jpg") center center no-repeat; height: 261px; display: block; background-size: cover } .sup_img-create { background: url("../img/spark-blue.svg") top left no-repeat; height: 150px; width: 150px; float: left; display: inline; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .sup_img-upload { background: url("../img/signup/upload_150-2.png") center center no-repeat; height: 150px; width: 150px; float: left; display: inline } .sup_box_border { border: 6px solid #fbfbfb; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 0 0 1px #ddd; -moz-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .sup_box_border:hover { border: 6px solid #fff; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-box-shadow: 0 0 0 1px #4FC9FF, 0 0 7px 2px #4FC9FF; -moz-box-shadow: 0 0 0 1px #4FC9FF, 0 0 7px 2px #4FC9FF; box-shadow: 0 0 0 1px #4FC9FF, 0 0 7px 2px #4FC9FF } .sup_col-2up { display: inline-block; width: 436px; border: 1px solid #e0e3e5; vertical-align: top; margin-left: 25px; background: rgba(255, 255, 255, 0.2); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 1px 0 #e0e3e5; -moz-box-shadow: 0 1px 0 #e0e3e5; box-shadow: 0 1px 0 #e0e3e5 } .sup_col-2up:hover { background: #edeff0; border: 1px solid #4FC9FF; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-box-shadow: 0 1px 0 #4FC9FF, 0 0 7px #4FC9FF; -moz-box-shadow: 0 1px 0 #4FC9FF, 0 0 7px #4FC9FF; box-shadow: 0 1px 0 #4FC9FF, 0 0 7px #4FC9FF } .sup-row { display: block; text-align: center; margin: 30px auto; width: 540px } .sup-row-1up { font-size: 16px } .sup-row-2up { text-align: left; width: 960px; padding-left: 6px } .sup-row-2up a h1 { color: #888 } .sup-row a p { color: #888; line-height: 1.4em; padding: 0 18px 0 148px } .sup-row a h1 { margin-top: 40px; margin-bottom: 5px } .sup_thankyoucopy { text-align: center } .sup_thankyoucopy h1 { font-size: 42px; margin-bottom: 15px; margin-top: 40px } .sup_thankyoucopy p { font-size: 16px } .sup-box { margin: 0 auto; border: 1px solid #dfddd9; border-radius: 6px; overflow: hidden; display: inline-block } .sup_formbox { background-color: #fff; margin: 0 auto; padding: 30px 0px 5px 0px; max-width: 360px; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; border: 1px solid #e0e3e5; height: 100%; float: left } @media only screen and (max-width: 580px) { .sup_formbox.fancybox-wrap { left: 3%; margin-right: 3%; width: 88%; margin-left: 0; padding-left: 3%; padding-right: 3% } } .sup_formbox ul li { list-style: none; margin: 0 0 3px 0; float: left } .sup_formbox li.sup_beforesubmit { list-style: none; float: left; width: 100%; margin-top: 2px; margin-bottom: 4px; font-size: 11px; line-height: 150%; color: #183643 } .sup_formbox li.sup_beforesubmit p { float: left; width: 280px; font-size: 12px; line-height: 150%; color: #183643; margin-bottom: 4px } .sup_tos { float: left; text-align: center; font-size: 12px; line-height: 150%; color: #183643; margin-bottom: 24px; padding: 0; list-style-type: none } ul.sup_register-middle li { position: relative } .sup-logo { margin: 5% auto; background: url(/rrstatic/img/dms-assets/ShapewaysLogo_RGB_Red.svg) bottom left no-repeat; background-size: contain; width: 163px; height: 29px; border: none; display: block; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none } .sup-input { margin: 8px 0 5px 0; font-weight: 300; font-size: 1.2em } .sup-input span { position: absolute; padding: 7px 0px 3px 0px; margin-left: 3px; color: #bbb; font-size: 22px; z-index: 2; cursor: text; display: none } .sup-input input, .sup-input textarea, .sup-input select { position: relative; margin: 0; padding: 5px 0px 3px 6px; font: inherit; font-size: 18px; width: 100%; height: 38px; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .obligatory .error-bubble { display: none } .sup_register-middle { position: relative; width: 100%; padding-bottom: 3px; margin: 0 } ul.form { list-style: none; margin: 0; padding: 0 } ul.form li { list-style: none } .checkbox-wrap { position: relative; float: left; color: #666; text-transform: none; font-size: 12px; white-space: nowrap; -webkit-border-radius: 2x; border-radius: 2x; background-clip: padding-box; -moz-transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -webkit-transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out; transition: border 0.2s ease-in-out, box-shadow 0.2s ease-in-out } .checkbox-wrap input { position: absolute; width: auto; margin: 0 } .gateway-form .form-list .checkbox-wrap { margin: 0 5px 0 0; padding: 6px; height: 24px; text-indent: 28px } .gateway-form .form-list .checkbox-wrap input { top: 10px; left: 9px; height: 16px; width: 20px; font-size: 16px } #billing-address .checkbox-wrap { height: 24px; padding: 6px; margin-top: 20px; font-size: 12px; text-indent: 28px } #billing-address .checkbox-wrap input { top: 10px; left: 10px; font-size: 16px } #billing-address .checkbox-wrap { width: 388px } #gateway-signup .checkbox-wrap { width: 296px } #gateway-login .checkbox-wrap { width: 138px } #sup_login .checkbox-wrap { width: 231px } .checkbox-wrap label { text-shadow: 0 1px 0 #fff; font-size: .9em } .sup-outercopy { clear: both; height: 35px; display: block; font-size: 12px } .sup-outercopy h1 { float: left; font-size: 1.6em; text-shadow: 0 1px 0 #fff } .sup-outercopy p { float: right; margin-bottom: 0; text-shadow: 0 1px 0 #fff } .sup-outercopy a, .sup_thankyoucopy a, .sup-outercopy a:visited, .sup_thankyoucopy a:visited { font-weight: bolder; padding-top: 8px } .sup-outercopy p a:hover { margin: 0; padding: 0 } .fb-email-confirmation { width: 360px } .fb-email-confirmation h5 { text-align: center; margin-bottom: 20px } .fb-email-confirmation p { margin-bottom: 0px; color: #888 } .fb-email-confirmation .fb-login-avatar { text-align: center; margin: -36px; padding-top: 80px; padding-bottom: 2px; text-align: center; height: 206px; width: 123%; background: #f7f9f9; border-bottom: 1px solid #dfe1e1; border-top: 1px solid #f5f5f5; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px } .fb-email-confirmation .fb-login-avatar img { height: 80px; border: 4px solid white; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1) } .fb-email-confirmation .fb-login-avatar p { text-align: center; margin-top: 20px } .fb-email-confirmation .fb-login-avatar a { margin-left: 72px } .forgot-login-form { position: relative; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4) } .forgot-login-form input[type=text] { float: left; width: 312px; margin-right: 8px; height: 39px } .forgot-login-form input[type=password] { width: 458px; margin-bottom: 5px } .forgot-login-form .secondary-button { float: left; margin-top: 24px; width: 468px } .forgot-login-form .register-password, .forgot-login-form .register-password-confirm { margin-bottom: 10px } .container.gateway { display: block; position: absolute; left: 50%; width: 810px; margin-left: -480px; top: 25%; margin-top: -85px } @media screen and (max-height: 600px) { .container.gateway { top: 0; margin-top: 65px } } .container.gateway a { color: #293871; border-bottom: 1px dotted #293871 } .container.gateway a:hover { color: #374a92; border-bottom: 1px dotted #374a92 } .container.gateway .avatar { overflow: hidden; background: #f4f4f4; width: 28px; height: 28px; margin-top: 2px; margin-right: 1px; border: 1px solid #fff; -webkit-box-shadow: 0px 0px 0px 1px #bbb; -moz-box-shadow: 0px 0px 0px 1px #bbb; box-shadow: 0px 0px 0px 1px #bbb; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .container.gateway .avatar img { -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .container.gateway .outer-content { color: #888; font-size: .8em; font-weight: bold } .container.gateway .outer-content .user-info { float: right; width: 300px; padding: 5px 10px 0 0 } .container.gateway .outer-content strong { color: #666 } .container.gateway .logo-baseline { display: inline-block; padding: 10px 5px 0 0 } .container.gateway h1.sw-logo { display: inline-block; background: url("/rrstatic/img/sw-logo-dark-blue.svg") top left no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-indent: -9999px; width: 205px; height: 36px; margin: 0 0 3px 5px } .container.gateway h2 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.2em; color: #999 } .container.gateway h2 strong { color: #444 } .container.gateway .oauth-info { font-size: .8em; line-height: 1.4em } .container.gateway .oauth-info p { margin: 20px 0 5px } .container.gateway .gateway-form-wrapper { margin-bottom: 5px } .container.gateway .gateway-form-wrapper:after { content: ""; display: table; clear: both } .container.gateway form.gateway-form .form-list { margin-left: 140px; color: #888 } .container.gateway form.gateway-form .form-list li { list-style: none } .container.gateway form.gateway-form li { position: relative; margin: 5px 0; width: 310px } .container.gateway form.gateway-form li.checkbox:after { content: ""; display: table; clear: both } .container.gateway form.gateway-form label { display: inline-block; width: 140px; font-size: .9em; font-size: 12px } .container.gateway form.gateway-form input { width: 300px } .container.gateway form.gateway-form .label-left { position: absolute; left: -150px; top: 7px; text-align: right; color: #999; letter-spacing: 1px; font-weight: bold } .container.gateway form.gateway-form .label-right { position: absolute; top: 7px; left: 100%; padding-left: 8px; font-size: 12px; white-space: nowrap } .container.gateway form.gateway-form .display-name { color: #444 } .container.gateway form.gateway-form .action-button { width: 153px } .container.gateway form.gateway-form .action-button.block { width: 310px } .activate { text-align: center; padding-top: 35px; position: relative } .activate h1 { font-size: 3em; letter-spacing: -1px; margin: 20px 0 0 0; font-weight: bold } .activate .success-icon { background: url(/rrstatic/img/signup/success-icon-70px.png) top left no-repeat; background-size: contain; width: 70px; height: 70px; position: absolute; left: 48%; top: 0; z-index: 10 } .activate p strong { font-size: 1.2em; line-height: 2.2em } .login-dialog { overflow: visible } .login-dialog .custom-landing .signup-or-divider p { background: none } .login-dialog .custom-landing .signup-or-divider hr { background: none } @media all and (max-width: 480px) { .signup-or-divider p { margin-left: 70px !important; margin-right: 70px !important } } .hp-icon { width: 60px; height: 60px; display: block; margin: 0 auto 7px auto; background: url("/rrstatic/img/portal/home/homepage-sprite-4.png") top left no-repeat } .th { padding: 7px 15px; background: #f5f7f8; border-bottom: 1px solid #edeff0; font-weight: bold; font-size: .9em; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-clip: padding-box } .banner { width: 100%; padding: 0; margin: 0 auto; display: block; background: #e5f7ff; overflow: hidden } .banner:after { content: ""; display: table; clear: both } #collection_title { position: absolute; top: 15px; left: 0; display: block; width: 200px; padding: 10px; line-height: 16px; color: #064381; font-size: .9em; background: #e5f7ff; border: 1px solid #c3edff; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } #collection_title:after, #collection_title:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } #collection_title:after { border-color: rgba(255, 255, 255, 0); border-width: 9px; right: -18px; border-left-color: #e5f7ff; top: 50%; margin-top: -9px } #collection_title:before { border-color: rgba(255, 255, 255, 0); border-width: 10px; right: -20px; border-left-color: #c3edff; top: 50%; margin-top: -10px } .from-the-blog { background-color: #f5f7f8; border-top: 1px solid #e0e3e5; border-bottom: 1px solid #e0e3e5 } .designer-spotlight { background: #f5f7f8; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; position: relative; display: block; margin: 4% 0 2% 0; display: block; padding: 5% } .designer-spotlight .designer-spotlight-img { width: 130px; height: 130px; display: block; background: #f5f7f8; margin: 0 auto 7% auto; padding: 0; overflow: hidden; border: 2px solid #4FC9FF; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out } .no-touch .designer-spotlight .designer-spotlight-img:hover { -webkit-box-shadow: 0 0 0 2px #4FC9FF; -moz-box-shadow: 0 0 0 2px #4FC9FF; box-shadow: 0 0 0 2px #4FC9FF; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out } .designer-spotlight .designer-spotlight-img img { width: 100%; height: auto; vertical-align: top } .designer-spotlight .designer-spotlight-img a { display: block; width: 100%; height: auto } .designer-spotlight-info { width: 20%; margin-right: 5% } @media all and (max-width: 768px) { .designer-spotlight-info { width: 100%; margin-right: 0 } } .designer-spotlight-name a { font-size: 1.3em; font-weight: bold; line-height: 1.3em; color: #445258 } .designer-spotlight-name a:hover { color: #08A3E9 } .designer-spotlight-shop a { color: #445258; display: block; margin: 1.5% 0 0 0 } .designer-spotlight-shop a:hover { color: #08A3E9 } .designer-spotlight-shop a .icon-storefront { font-size: 0.85em } .read-more, .read-more:visited { color: #a1aaad; border-bottom: 1px solid #D8DCDF; display: inline-block; clear: both } .read-more:hover, .read-more:active, .read-more:visited:hover, .read-more:visited:active { color: #4FC9FF; border-bottom: 1px solid #4FC9FF } .designer-spotlight-quote { width: 74%; padding: 0 0 0% 5%; position: relative; border-left: 1px solid #e0e3e5 } .designer-spotlight-quote:after, .designer-spotlight-quote:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } .designer-spotlight-quote:after { border-color: rgba(255, 255, 255, 0); border-width: 6px; left: -12px; border-right-color: #f5f7f8; top: 50%; margin-top: -6px } .designer-spotlight-quote:before { border-color: rgba(255, 255, 255, 0); border-width: 7px; left: -14px; border-right-color: #e0e3e5; top: 50%; margin-top: -7px } @media all and (max-width: 768px) { .designer-spotlight-quote { width: 100%; border: none; padding: 5% } } .designer-spotlight-quote blockquote { font-size: 2em; font-weight: 300; font-style: normal; line-height: 1.4em; -webkit-font-smoothing: antialiased } @media all and (min-width: 480px) and (max-width: 768px) { .designer-spotlight-quote blockquote { font-size: 1.8em } } @media all and (min-width: 320px) and (max-width: 480px) { .designer-spotlight-quote blockquote { font-size: 1.3em; line-height: 1.3em; text-align: center } } .news-icons { width: 100%; display: block } .arrow-box { display: block; width: 100%; min-height: 120px; position: relative; background: #ffffff; border: 1px solid #e0e3e5; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .arrow-box:after, .arrow-box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; left: 50%; position: absolute; pointer-events: none } .arrow-box:after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0); border-width: 10px; margin-left: -10px } .arrow-box:before { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #e0e3e5 rgba(255, 255, 255, 0); border-width: 11px; margin-left: -11px } ul.itn-list { margin: 0; padding: 2%; width: 100%; display: block; overflow: hidden } ul.itn-list:after { content: ""; display: table; clear: both } .itn-list li { float: left; width: 10.2%; list-style: none; margin: 2% } @media all and (max-width: 480px) { .itn-list li { width: 29.2% } } .itn-list li a { display: block; border: none; width: 100px; height: 75px; cursor: pointer; text-indent: -10000px; background: url("/rrstatic/img/portal/home/inthenews_sprite-5-13.jpg") no-repeat } .itn-list li a:hover { background: url("/rrstatic/img/portal/home/inthenews_sprite-5-13.jpg") no-repeat } .itn-list li a.itn-1 { background-position: -4px -6px } .itn-list li a.itn-2 { background-position: -105px -5px } .itn-list li a.itn-3 { background-position: -208px -5px } .itn-list li a.itn-4 { background-position: -310px -5px } .itn-list li a.itn-5 { background-position: -412px -5px } .itn-list li a.itn-6 { background-position: -514px -5px } .itn-list li a.itn-7 { background-position: -616px -5px } .itn-list li a.itn-1:hover { background-position: -4px -96px } .itn-list li a.itn-2:hover { background-position: -105px -95px } .itn-list li a.itn-3:hover { background-position: -208px -95px } .itn-list li a.itn-4:hover { background-position: -310px -95px } .itn-list li a.itn-5:hover { background-position: -412px -95px } .itn-list li a.itn-6:hover { background-position: -514px -95px } .itn-list li a.itn-7:hover { background-position: -616px -95px } #addtocart_popup_container { position: absolute; right: 46px; top: 51px; overflow: visible; z-index: 999 } #addtocart_popup_container.fixed { position: fixed; top: 0; bottom: auto } #addtocart_popup { font-size: .9em; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); width: 250px; overflow: visible; padding: 20px; top: 15px; left: 10px; position: relative; border: 1px solid #e0e3e5 } #addtocart_popup h4 { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #ccc } #addtocart_popup .product-title { margin: -8px 0 3px; width: auto } #addtocart_popup .product-img { float: left; width: 53px; height: 40px; overflow: hidden; margin: 0 15px 0 0; height: 40px; border: 1px solid #ddd } #addtocart_popup .product-img img { width: 53px; height: 40px } #addtocart_popup .product-info { float: left; width: 140px; overflow: hidden; color: #757372; line-height: 1.4em } #addtocart_popup .tally-total { background: url(/rrstatic/img/portal/view-model/diag_patt_3px.png) top left repeat; padding: 10px; display: block; margin: 10px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } #addtocart_popup .tally-total .tally-total-col-l, #addtocart_popup .tally-total .tally-total-col-r { text-align: center; padding: 0 10px; display: block } #addtocart_popup .tally-total .tally-total-col-l strong, #addtocart_popup .tally-total .tally-total-col-r strong { color: #36566F } #addtocart_popup .tally-total .tally-total-col-l strong span, #addtocart_popup .tally-total .tally-total-col-r strong span { margin-left: 3px } #sticky-continue-container { display: none } .cart-item-info { overflow: visible } .cart-item-info .cart-item-label { overflow: visible } .cart-item-info .cart-qty-price { position: relative } .cart-item-info .remove-item-btn { padding: 15px 20px } #incart .box .itemSubtotal, #confirm.box .itemSubtotal { float: left; margin-top: 33px } #incart .box .itemSubtotal span, #confirm.box .itemSubtotal span { font-weight: bold } #incart input.quantity { width: 70px; font-size: 0.9em; line-height: 1em } .sw-cart__update-quantity-button { width: 70px } .infotip-infotip, .infotip { background-image: url(/rrstatic/img/sprites/output/infotip-WphQoBZJ.png); background-position: 0px 0px; width: 17px; height: 17px } .infotip-infotip_hover { background-image: url(/rrstatic/img/sprites/output/infotip-WphQoBZJ.png); background-position: -17px 0px; width: 17px; height: 17px } .infotip { position: relative; display: inline-block; font-size: 0px; text-indent: -9999px; width: 17px; height: 17px; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; vertical-align: middle } .infotip:visited, .infotip:active { color: #ccc } .slow-fine-print { margin-left: 40px } .breadcrumb-container { margin: 30px auto 0 auto; padding-top: 0; padding-left: 30px; padding-right: 0px; width: 100%; max-width: 1020px; overflow: hidden } .breadcrumb-container:after { content: ""; display: table; clear: both } .breadcrumb .step { text-align: center; position: relative } .breadcrumb .step:before { content: ""; border-top: 1px solid #91B6C7; width: 95%; top: 17px; left: 50%; margin-left: 7px; position: absolute } .breadcrumb .step.last:before { content: none } .breadcrumb .step .icon { font-size: 20px; border: 1px solid #91B6C7; border-radius: 100%; background-color: #FFF; width: 35px; height: 35px; margin: 0 auto 0; color: #91B6C7; text-align: center; padding-top: 5px; position: relative } .breadcrumb .step .icon .icon-cart { margin-top: 1px; margin-left: -2px } .breadcrumb .step .icon .icon-credit, .breadcrumb .step .icon .icon-checkmark { margin-top: 1px; font-size: 21px; margin-left: 0.5px } .breadcrumb .step .icon .icon-truck { margin-top: 1.5px; font-size: 20.3px; margin-left: 2px } .breadcrumb .step .icon .icon-favorite { margin-top: 1px; font-size: 21px; margin-left: 0.5px } .breadcrumb .step.done:before { border-color: #4FC9FF } .breadcrumb .step.done .icon { border-color: #4FC9FF; font-size: 18px } .breadcrumb .step.done .icon [class^="icon-"] { color: #4FC9FF } .breadcrumb .step.active .icon { background-color: #4FC9FF; border-color: #4FC9FF } .breadcrumb .step.active .icon [class^="icon-"] { color: #FFF } .breadcrumb .step.active small { color: #183643 } .breadcrumb .step small { font-size: 12px; color: #a1aaad; line-height: 120%; display: block; vertical-align: top; margin-top: 5px } @media all and (max-width: 480px), all and (max-width: 768px) and (min-width: 480px) { #checkout-sw-logo { display: block; margin: 5px 0 15px 0; text-align: center } .breadcrumb-container { margin: 0 auto; padding: 0 30px; width: 100%; max-width: 1020px; overflow: hidden } .breadcrumb-container:after { content: ""; display: table; clear: both } } .cart-item_material-image { float: left; margin: 3px 10px 0 0; border: 1px solid #bbb; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; overflow: hidden; height: 22px; width: 35px } .cart-item_material-image img { -webkit-box-shadow: inset 0 1px 1px #fff; -moz-box-shadow: inset 0 1px 1px #fff; box-shadow: inset 0 1px 1px #fff; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; border: none; height: 22px; width: 35px } .cart-item_material-name { float: left; padding: 3px 0px 0 0; display: inline-block; font-size: 14px } .cart-item_material-name a { background: url(/rrstatic/img/portal/view-model/reveal-arrow-down.png) no-repeat; background-position: right center; padding-right: 15px } #checkoutlogin { width: 760px; padding: 10px } #checkoutlogin .login-dialog { margin-bottom: 10px } #incart #country-selector { width: 202px; top: 0 } .checkout_push-1-3 { margin-left: 33.33% } .gift-message-text { height: 100px; width: 90% } .gift-message-text.fixed { max-width: 920px; max-height: 300px } .checkout-thumb { max-width: 118px; max-height: 87px; border: 1px solid #ddd; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; overflow: hidden } .checkout-thumb img { width: 100%; height: auto; display: block } label.ship-country-selector { font-weight: 700; color: #445258 } .shipping-info-widget-note { font-size: 14px; font-weight: 500 } .shippingRadioButtons { max-width: 470px } #incart-empty-cart-image { margin-left: 25% } @media all and (max-width: 768px) { #incart-empty-cart-image { margin-left: 0 } .checkout_push-1-3 { margin-left: 0 } #incart-empty-cart-message { text-align: center } } @media all and (max-width: 480px) { #checkoutlogin { width: 360px; padding: 10px } #checkoutlogin .login-dialog { margin-bottom: 10px } #sticky-continue-container { height: 120px; width: 100%; z-index: 9999; position: relative; display: block } .sw-checkout-sticky-continue { background-color: #f5f7f8; border-top: 1px solid #e0e3e5; border-bottom: 1px solid #e0e3e5 } .col--mob-no-padding { padding-right: 0 } .sw-checkout-sticky-continue__total { display: block } .sw-checkout-sticky-continue__note { display: none } .sw-checkout-sticky-continue--unstuck { position: relative; padding-top: 20px } .sw-checkout-sticky-continue--stuck { position: fixed; top: 0; left: 0; padding-top: 20px } .sw-checkout-footer { display: none } .remove-item-btn { display: none } #sticky-continue-container { height: 120px; width: 100%; z-index: 10; display: block } } .search-results { position: relative } .featured-info { width: 360px; display: block; float: left } .featured-info .featured-avatar a { float: left; width: 50px; height: 50px; display: block; overflow: hidden; border: 1px solid #e0e3e5; padding: 0; margin: 10px 12px 10px 0; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .featured-info .featured-avatar a:hover { border: 1px solid #4FC9FF } .featured-info .featured-designer-info { float: left; margin: 10px 0 12px 0; padding: 0; width: 290px; height: 50px } .featured-video { background: white; height: auto; display: block; float: right; padding: 10px; z-index: 0; border: 1px solid #e0e3e5; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 1px 4px #D8DCDF; -moz-box-shadow: 0 1px 4px #D8DCDF; box-shadow: 0 1px 4px #D8DCDF } .featured-video iframe { vertical-align: top } .sorting { margin: 0 0 30px 0; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; overflow: hidden } .sorting:after { content: ""; display: table; clear: both } .sorting .results-tally { font-style: italic; padding: 15px; float: left; color: #a1aaad; display: inline-block } .sorting ul { list-style: none; margin: 0 0 0 15px } .sorting ul li { float: right; color: #a1aaad; padding: 15px 20px 0 0 } .sorting ul li a { color: #a1aaad; font-weight: normal } .sorting ul li a:hover { color: #064381 } .sorting ul .active { font-weight: normal; color: #064381; border-bottom: 1px solid #064381; padding-bottom: 2px } .breadcrumb-icon { background: url(/rrstatic/img/category/breadcrumb-dividerx2.jpg) 0px 15px no-repeat; background: url(/rrstatic/img/category/breadcrumb-divider.jpg) 0px 15px no-repeat\9; background-size: contain; width: 6px; display: inline-block; vertical-align: middle; font-size: 18px; color: #a1aaad; margin-top: -15px } .curated-lists h3 { margin: 30px 0 16px 0 } .featured-category { background: #000000; position: relative; overflow: hidden; margin: 0; height: 300px; cursor: pointer } .featured-category .featured-category-image { width: 100%; height: 300px; opacity: .85; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1) } .featured-category:hover .featured-category-image { opacity: .6; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -moz-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) } @media (min-width: 320px) and (max-width: 768px) { .featured-category, .featured-category-image { height: 200px } } .featured-category figcaption { display: inline-table; position: absolute; z-index: 2; top: 50%; left: 50%; text-align: center; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .featured-category figcaption::before, .featured-category figcaption::after { pointer-events: none } .featured-category figcaption h3 { display: inline-block; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7); -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out } .featured-category figcaption h3:before { content: ""; position: absolute; width: 30%; height: 2px; bottom: -2px; left: 35%; background-color: white; -moz-transform: scaleX(0.8); -o-transform: scaleX(0.8); -webkit-transform: scaleX(0.8); transform: scaleX(0.8); -webkit-box-shadow: 2px 0 0 0 #fff; -moz-box-shadow: 2px 0 0 0 #fff; box-shadow: 2px 0 0 0 #fff } .featured-category figcaption h3:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); -webkit-border-radius: 1px; border-radius: 1px; background-clip: padding-box; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0) } .featured-category:hover figcaption h3:before { -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1) } .featured-category:hover figcaption h3:after { -webkit-box-shadow: 0 0 0 2px #fff; -moz-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1) } .pagination-wrapper { width: 100%; display: block; text-align: center; margin: 0 auto } .pagination { text-align: center; margin: 20px auto; padding: 0; width: 80%; display: inline-block; position: relative; background: white; border: 1px solid #e0e3e5; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .pagination:after { content: ""; display: table; clear: both } @media all and (min-width: 320px) and (max-width: 768px) { .pagination { width: 100% } } .results-page { padding: 10px; margin: 0; text-align: center; color: #a1aaad; display: inline-block } .results-page.selected { font-weight: bold; color: #064381; cursor: default } .results-page.disabled { color: #e0e3e5; cursor: default } .results-page.enabled { cursor: pointer } .results-page.enabled:hover { color: #064381; text-decoration: none } .results-page-prev { position: absolute; left: 0; width: 51px; border-right: 1px solid #e0e3e5 } .results-page-prev:before { font-family: 'icons-sw'; speak: none; font-size: 1.3em; position: absolute; left: calc(50% - 0.5em); -webkit-font-smoothing: antialiased } .results-page-next { position: absolute; right: 0; width: 51px; border-left: 1px solid #e0e3e5 } .results-page-next:before { font-family: 'icons-sw'; speak: none; font-size: 1.3em; position: absolute; left: calc(50% - 0.5em); -webkit-font-smoothing: antialiased } .sw-pagination__nav-circle { height: 39px; width: 39px } .product-footer-background { background: #f5f7f8; display: inline-block; width: 100%; padding: 4% 0; border-bottom: 1px solid #edeff0 } .product-footer-background:after { content: ""; display: table; clear: both } .product-footer-background>.sw-grid { margin: 0 auto } @media all and (min-width: 480px) and (max-width: 768px) { .product-footer-background { padding: 3% 0 } } @media all and (min-width: 960px) { .product-footer-background { padding: 1.5% 0 } } .product-footer-background.no-background { background: none; border-bottom: none } .gray-background { background: #f5f7f8; display: inline-block; width: 100%; border-bottom: 1px solid #edeff0 } .gray-background:after { content: ""; display: table; clear: both } .gray-background>.sw-grid { margin: 0 auto } .designer-actions-bar { margin: 0px; display: block; font-size: 1em } .designer-actions-bar>li { list-style: none; float: left; display: inline-block; vertical-align: top; position: relative; margin-right: 14px; color: #183643 } .designer-actions-bar>li a { color: #183643 } .no-touch .designer-actions-bar>li a:hover { opacity: .6 } .profile-expertise { font-style: .8em; line-height: 1.5em } .product-title-header, .shop-title-header { font-size: 1.6em; margin: 6px 0 2px 0 } @media all and (min-width: 320px) and (max-width: 480px) { .product-title-header, .shop-title-header { font-size: 1.2em; line-height: 1.1em; margin: 0 0 5px 0 } } .shop-title-header { font-style: 1.25em; margin: 3px 0 3px 3px } .product-shop-header { font-size: 1em; margin: 0 } @media all and (min-width: 320px) and (max-width: 480px) { .product-shop-header { font-size: .9em; line-height: 1 } } .product-title { padding: 10px 0px 5px 0px; display: block; width: 630px; max-width: 630px } .product-keyword { line-height: 38px; padding: 8px 10px; color: shade(#08A3E9, 30%); background-color: tint(#9be0ff, 70%); -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; white-space: nowrap } .no-touch .product-keyword:hover { background-color: tint(#9be0ff, 50%); -moz-transition: ease; -o-transition: ease; -webkit-transition: ease; transition: ease } .sw-product-page-designer--push { padding-bottom: 75px } .sw-product-page-designer--pull { margin-top: -75px } @media all and (max-width: 480px) { .sw-product-page-designer--push { padding-bottom: 37px } .sw-product-page-designer--pull { margin-top: -37px } } .description { font-size: 14px; color: #183643; padding: 0px 0px 30px 0px; overflow: hidden; width: auto; word-wrap: break-word } .film-strip-img { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .slideshow-main { height: auto; background: #fff; border-radius: 3px } .film-strip { width: 9000px } .film-strip-holder { max-width: 625px } .film-strip-holder:after { content: ""; display: table; clear: both } .slideshow-sprite-viewer { position: absolute; top: calc((100% - 357px) / 2); left: calc((100% - 482px) / 2); width: 482px; height: 357px } .slideshow-thumb { margin-right: 9px } .no-touch .slideshow-thumb:hover { border: 1px solid #d4d8db; text-decoration: none; color: #183643; cursor: pointer } .no-touch .slideshow-thumb:hover img { opacity: .3 } .slideshow-thumb.selected { border-color: #4FC9FF } .slideshow-thumb { width: 104px } .slideshow-thumb img { max-width: 104px } .slideshow-left-arrow { width: 21px; height: 21px; z-index: 225; -moz-transform: translateY(-10.5px); -o-transform: translateY(-10.5px); -webkit-transform: translateY(-10.5px); transform: translateY(-10.5px); top: 50% } .slideshow-left-arrow.enabled:before { content: "\e64b"; font-family: 'icons-sw'; speak: none; color: #a1aaad; font-size: 1.5em; -webkit-font-smoothing: antialiased } .no-touch .slideshow-left-arrow.enabled:hover { cursor: pointer } .slideshow-left-arrow.disabled { opacity: 0.3 } .slideshow-right-arrow { width: 21px; height: 21px; z-index: 226; -moz-transform: translateY(-10.5px); -o-transform: translateY(-10.5px); -webkit-transform: translateY(-10.5px); transform: translateY(-10.5px); top: 50% } .slideshow-right-arrow.enabled:before { content: "\e619"; font-family: 'icons-sw'; speak: none; color: #a1aaad; font-size: 1.5em; -webkit-font-smoothing: antialiased } .no-touch .slideshow-right-arrow.enabled:hover { cursor: pointer } .slideshow-right-arrow.disabled { opacity: 0.3 } .product-page-download { padding: 30px 0px 0px 0px } #slideshow-big { position: relative; padding-top: 75% } #slideshow-big .film-strip-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100% } .product-slideshow-render-messaging { text-align: left; position: absolute; width: 160px; bottom: 0px; padding: 9px; background-color: rgba(250, 250, 250, 0.6); -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .product-slideshow-render-messaging .span-1 { width: 35px } .product-slideshow-render-messaging h6 { text-transform: uppercase; color: #183643; margin-bottom: 0 } .product-slideshow-render-messaging p { font-size: .8em; color: #183643; line-height: 1.3em } .product-slideshow-render-messaging .icon-sw-spark { font-size: 26px; color: #4FC9FF } .model-product-dimensions i { font-size: 25px; position: relative; top: 3px; padding-right: 10px; font-weight: normal } .spec-numbers-left, .spec-numbers-right { margin: 0; padding: 2%; text-align: center; float: left; width: 50%; border: 1px solid #D8DCDF } @media all and (min-width: 320px) and (max-width: 768px) { .spec-numbers-left, .spec-numbers-right { width: 100%; border-width: 0 0 1px 0; text-align: left; padding: 2% 0 } } .spec-numbers-left { border-right: none } .report-abuse { margin: 15px 0 0 0; font-size: .8em } .report-abuse a { color: #a1aaad } .no-touch .report-abuse a:hover { color: #183643 } .related-items { display: block; margin: 30px 0 0 0 } .separator-hr { margin: 20px 0; border-top: 1px dotted #e0e3e5; height: 1px; clear: both; display: block; width: 100% } .permalink { margin-left: -7px } .permalink h5 { display: inline } .permalink .icon-permalink { border-radius: 50%; padding: 6px; background-color: #D8DCDF; color: #183643; letter-spacing: 0 } .price-rating-container { width: 482px; border-top: 1px dotted #ccc; padding: 10px 0 0 0; margin: 0; float: left; display: block } .my-models .price-rating-container { width: 150px; margin: 0; float: left; display: block; border: none; text-align: center; position: absolute; right: 40px; bottom: 30px } .youtube { background-color: #000; max-width: 100%; overflow: hidden; position: relative; cursor: pointer; border-radius: 3px } .youtube .thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; position: absolute; right: 0; top: 0 } .youtube .play { filter: alpha(opacity=80); opacity: .8; height: 77px; left: 50%; margin-left: -38px; margin-top: -38px; position: absolute; top: 50%; width: 77px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE0AAABNCAYAAADjCemwAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAABgtJREFUeNrtXE1IJEcUFuYgHhZZAzOQwKLsaeY4MuCisLNkMUYM+TtmQwgYQSEg8RCIBAMBSYIQPCgEEiEYISZIgrhzCRLYg+BBMiiDGCHGH4xGETH4O85M+huql7Knuqe7urq7ercePAZnuqtefXZVvfe911VToyRUUqdpVNMmTROaJjVt0bRN0/uapslnG/k+Sa5rIvfVPQ8gRTSNaRrX9B4Bxa3eI+3FSPvPjLxAnpAbA+7s7HxrcnLyk8XFxe82NjZ+Ozw8XDk9Pd29urr6r1Ao5EulUhGf+Bvf43dch+txH+5ngJgg/YVWXtI0RQ9qbGzso1wu99PJyclfJQGCdtAe2jWAlyL9h0ZeJGtQeQC9vb2Pstns1NnZ2X7JQ0H76Af9UeC1EHukldtksS4bPDw83Le5uTlfCkDQL/qnwEsS+6SSu/SThbWnJIHADsOTd1cGsG5p2qwbhUXayaCOj4//XFtbm52fn/96fHx8oK+v793W1tbXGhoaHkYikQf4xN/4Hr/jOlyP+5z0A7so4JqJ3YFITPenBgcHP8DuZmcA29vbT2ZnZ4fb29vfcONu4H60g/bs9Av7YCfl/8X8BuyObnwmk/kK7kGVRfqfhYWFb9wCZQUg2kc/VbArwl7q3jt+Adakd4rdysrC8/PzfzGlvADKTNEf+rWyC3ZT9zT5Btj6+nqmmmHRaPShn4Dpin6r/UNhvx/APZ2SVrsjFumRkZEPgwDLqLDDatPAOLycqjE7T5j22+Pa2toHMgCmK+yBXTafOGGbwy19l7R65LVt/VuZwDIq7LOxxt0X5Y40U7skU/xe7N1sEmZjoHbVZiGePvwbM7ciLIDZAK5I+XHckcNtvSMzx1X2Kel0qmKc1HVcsWrSKjTC4hpGwKgN7XGVkCvJQ++Ug28zt0K2XZJnVzVzR6gg3xGt1GLlj8nih4nw46r4by1OGNcyH2YjBLGte3t7i/39/e/JBpyZG0XxcbYY4DJFzSIQEdPxhka4v1AoXK+urv7a0dHxpiygYTysWBXjp6jzqkkQ07XMjXtBt5PP58+wgzU2Nr4isxtCrW2WyZqE2SML2sWNYWa8/szMzOcgHIMGjkUrUUtRwiovqTdQkQQBXyUaNF2Ojo5yBk7fd8X4WP9U6pqIaVCOdBhrYG4JRBvkanFra+v37u7ud4IADeNjGUWlB5nBPDLVaeQRWRS1W6Ps8vnX19f5lZWV6VQq1eU3cCzqHHiQ3+Ms0MqlAqxELrh4v0DT5fLy8hgLdH19/ct+gYZxshLSVAnEDanTSwW8mJo8oFFG/z0xMfFxkFOUKoG4UXSDKpw0aiRYIZMIg9zmMA8ODv6gWAjPlBVaARfye7SC+2cF58gzygAacY6LYFq7urre9go0jNciiG+q8M9YsaYovkxk5txL55jl6FKxaKKCBmLxZshsywYa7UfNzc19IZJxwXgteLZkBauBOjDjDSgJkBU0et0dHR3tF2EnxmtsH7iwWA+UaKZRQGe8AbUUsoOmy87OzhO3zjHGa2wXuJDf22jQytkmUoF4Q1CEEhbQRDjHGC9jA8pT2aqnog+sInkiKpj2CzTssNgB0+n06zx2YrysEI+65tl60hD4Dw0N9bix08mTFuo1DSFXJpP5UsQu6mRNC+XuSZjgX0QG9052z9D5aYYivXQQflpoIoKLi4tDsBFesb1OIgLpY09MxVwu97PXPJuT2FNqlgMMx8DAwPt+0ENOWA4p+TRMRT8TL075NKmYW3j1y8vLP8bj8Vf9pLudMrfS5Aj29/eXgsrE8+QIAs1GgeaZnp7+LKgUHm82KpC8J6ZiNpv9we+pKCrv6XuGHUUxPT09j2QoTeDNsPtWy6EZuDc1NfWp7CWldms5PK0a0qbixdLS0veyFL6IqhryrD5td3d3IaiSAz/q01QlJEclpKq55ay5VdXdHNXdEPUeAaeoN1Y4Rb0bxSHqLTxOUe97cop6s5hT1DvsboFTpyVwTlV1LofzzUGdAMPpjqizhtxEDjXqVCuuWFWdn8Yp6qQ+F6LOhHQh6vRRF6LOuRUg6kTl50n+B4KhcERZo7nRAAAAAElFTkSuQmCC") no-repeat } .avatar a, .avatar a:visited, .no-touch .avatar a:hover { width: 45px; height: 45px; display: block; overflow: hidden; background: url(/rrstatic/img/portal/view-model/avatar.png) no-repeat #f4f4f4; background: #f4f4f4; float: left; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .no-touch .avatar a:hover, .no-touch .avatar a:visited:hover, .no-touch .no-touch .avatar a:hover:hover { display: block; text-decoration: none; color: #444; cursor: pointer; border-color: #4FC9FF } .supporters-inner .avatar a, .supporters-inner .avatar a:visited, .supporters-inner .no-touch .avatar a:hover { margin: 10px 13px 0 0; border: 1px solid #D8DCDF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; filter: alpha(opacity=70); opacity: .7; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none } .no-touch .supporters-inner .avatar a:hover, .no-touch .supporters-inner .avatar a:visited:hover, .no-touch .supporters-inner .no-touch .avatar a:hover:hover { filter: alpha(opacity=100); opacity: 1; border: 1px solid #D8DCDF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .supporters-inner { margin: -5px 0 7px 0; overflow: hidden } .supporters-inner p { font-size: .9em; margin: 0 } .favs-truncated { position: absolute; bottom: -4px; right: 5px; width: 70px; height: 60px; padding: 6px 6px 6px 10px; background-color: white; font-weight: bold } .favs-truncated:before, .favs-truncated:after { font-size: 12px; line-height: 1 } .favs-truncated:before { position: relative; content: '+'; left: -1px; top: -2px } .favs-truncated:after { position: absolute; bottom: 21px; left: 9px; content: 'more'; font-weight: normal } .inner-right-container { position: relative; margin: 0 0 20px 0px; width: auto } .inner-right-container:after { content: ""; display: table; clear: both } .key-word { float: left; background: white; padding: 0 7px; margin: 0 2px 2px 0; max-width: 164px; line-height: 31px; white-space: nowrap; font-size: .9em; border: 1px solid #ffde96; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .more-from-shop .grid-view .product-box { width: 23.5%; margin: 0 2% 0 0 } .more-from-shop .grid-view .product-box:nth-child(4n+4) { margin-right: 0 } .product-related-products .grid-view, .product-more-products .grid-view { margin-left: -1%; margin-right: -1% } .product-more-products .grid-view .product-box { display: inline-block; float: none; text-align: left; margin-left: 0%; margin-right: 0%; padding: 0 1%; width: 25% } .product-related-products .grid-view .product-box { display: inline-block; float: none; text-align: left; margin-left: 0%; margin-right: 0%; padding: 0 1%; width: 16.666% } @media all and (max-width: 768px) { .product-related-products .grid-view .product-box { width: 33.333% } } @media all and (max-width: 480px) { .more-from-shop .grid-view .product-box { width: 46%; margin: 0 8% 8% 0; min-height: 150px } .more-from-shop .grid-view .product-box:nth-child(2n+2) { margin-right: 0 } .product-related-products .grid-view, .product-more-products .grid-view { margin-left: -4%; margin-right: -4% } .product-related-products .grid-view .product-box, .product-more-products .grid-view .product-box { margin-left: 0%; margin-right: 0%; padding: 0 4%; width: 50% } } .experimentalNotice { background: #fee7b8; padding: 10px; margin: 0 0 20px 20px; width: 160px; line-height: 1.2em; font-size: .8em; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .shop-details { font-size: .9em; word-wrap: break-word; overflow: hidden } .shop-details img { max-width: 222px } .personalize-cart-button-container { margin-bottom: 30px; margin-top: 5px } .personalize-cart-button-container:after { content: ""; display: table; clear: both } .cocreator-instructions { width: 100%; resize: vertical } .holiday-shipping-message { display: none } .holiday-shipping-message i { font-size: 18px } .holiday-shipping-message.on-time a { color: #49BB96 } .no-touch .holiday-shipping-message.on-time a:hover { color: #399879 } .holiday-shipping-message.late a { color: #a1aaad; letter-spacing: -.14px } .no-touch .holiday-shipping-message.late a:hover { color: #869195 } .sw-product-page__mbg-icon { max-width: 160px } .results-header { position: relative; width: 100%; margin: 0 0 30px 0 } .results-header:after { content: ""; display: table; clear: both } .results-header .span-9 { position: relative } @media all and (min-width: 320px) and (max-width: 768px) { .results-header h1 { font-size: 1.5em } } .results-header .results-sort { float: right; text-align: right; margin: 7px 0 0 20px } @media all and (min-width: 320px) and (max-width: 768px) { .results-header .results-sort { width: 100% } .results-header .results-sort label { display: none } } .results-header .results-sort select { top: -2px } @media all and (min-width: 320px) and (max-width: 768px) { .results-header .results-sort select { width: 100% } } .results-header .productset-view-options { width: 470px; float: right; padding: 0 0 3px 0 } .results-header .productset-view-options select { width: 140px } .results-header .productset-view-options .results-sort { float: right; margin-right: 0; margin-top: 0 } .material-list-item-selected .material-selected:after { content: ""; display: table; clear: both } .material-list-item-selected .material-selected p { display: block; font-size: .9em; line-height: 1.5em } .material-list-item-selected .material-selected .swatch { width: 65px; height: 35px; float: left; padding: 0 } .material-list-item-selected .material-selected .swatch first { margin-left: 0px } .material-list-item-selected .material-selected .swatch img, .material-list-item-selected .material-selected .swatch .material-swatch { width: 65px; height: 35px; border: none; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; background-clip: padding-box } .material-list-item-selected .material-selected .material-swatch { width: 50px; height: 30px; border: 1px solid #ddd } .material-select { display: none; margin: 0 } .material-select li { width: 598px; padding: 0; margin: 3px 0; position: relative; border: 1px solid #ddd; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .no-touch .material-select li:hover { cursor: pointer; background: whitesmoke } .material-select li p { float: left; width: 333px; padding: 6px 0 0 77px; height: 23px; margin: 0 } .material-select li span { float: right; width: 50px; color: #777; font-style: italic; font-size: 10px; line-height: 1.3em; margin-top: 5px; text-align: right } .material-select li .swatch { width: 63px; height: 33px; float: left; padding: 0; position: absolute; top: 0; left: 0; border: 1px solid white; overflow: hidden; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-clip: padding-box; -webkit-box-shadow: 1px 0 0 #ddd; -moz-box-shadow: 1px 0 0 #ddd; box-shadow: 1px 0 0 #ddd } .material-select li .swatch img, .material-select li .swatch .material-swatch { width: 63px; border: none; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-clip: padding-box } .swatch-menu { margin: 0px 0px 20px 0px } .scrolling-div { overflow: scroll; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height: 245px; padding: 10px 0px 10px 0px; border: 1px solid shade(#D8DCDF, 10%); border-right: none; border-left: none } .scrolling-div::-webkit-scrollbar { -webkit-appearance: none } .scrolling-div::-webkit-scrollbar:vertical { width: 11px } .scrolling-div::-webkit-scrollbar:horizontal { height: 11px } .scrolling-div::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid #e0e3e5; background-color: rgba(0, 0, 0, 0.15) } .scrolling-div::-moz-scrollbar { -webkit-appearance: none } .scrolling-div::-moz-scrollbar:vertical { width: 11px } .scrolling-div::-moz-scrollbar:horizontal { height: 11px } .scrolling-div::-moz-scrollbar-thumb { border-radius: 8px; border: 2px solid #fafafa; background-color: rgba(0, 0, 0, 0.15) } .swatch-grid { display: block; margin-top: 6px } .swatch-grid:after { content: ""; display: table; clear: both } .swatch-grid:first-child { margin-top: 0 } .swatch-label { text-transform: uppercase } .swatch-label i { color: #4FC9FF; position: relative; margin-right: 5px; top: 1px } .icon-checkmark.material-selector { border-radius: 50%; font-size: .6em; padding: 3px; background-color: #4FC9FF; color: #fff; letter-spacing: 0 } .icon-support.material-selector { font-size: .9em; position: relative; top: 1px; margin-right: 5px; color: #4FC9FF } #ftp-tool-tip.icon-question { cursor: pointer; position: relative; top: 1px } .ftp-tool-tip-link, .ftp-tool-tip-link:hover { color: #4FC9FF } .swatch-grid p { font-size: .9em; margin-left: 2px } .swatch-box { background-color: none; float: left; font-style: normal; position: relative; font-weight: 300; cursor: pointer; font: 75% sans-serif; color: white; text-shadow: #090A0B 0 -1px; display: inline-block } .no-touch .swatch-box:hover span { visibility: visible; opacity: 1 } .swatch-box span { display: none } .swatch-box .swatch { float: left; margin-right: 4px; margin-bottom: 2px; width: 34px; height: 28px; border: 1px solid #fff; border-radius: 2px; padding: 2px } .no-touch .swatch-box .swatch:hover { border: 1px solid #C7C7C7 } .swatch-box .swatch img { width: 28px; height: 22px; border-radius: 2px; border: 1px solid #C7C7C7 } .no-touch .swatch-box .swatch img:hover { border-radius: 1px } .swatch-box .swatch.first-row { margin-left: 0px } .swatch-box .swatch.swatch-selected { border: 1px solid #a1aaad } .no-touch .swatch-box .swatch.swatch-selected:hover { border: 1px solid #a1aaad } .nonbeta-swatch-grid { margin-bottom: 0 } #comments { margin-top: 30px } .comments { background-color: white } .comments-container { margin: 0px 0px 20px 0; position: relative; padding: 0 0 0px 0; background: #f5f7f8; border: 1px solid #D8DCDF; border-width: 0 1px 1px 1px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-clip: padding-box } .comment-locked-message { padding: 20px 50px 0px 20px; font-size: 14px } .comment-prompt { position: relative; padding: 18px; margin: 0; display: block; clear: both } .comment-prompt .avatar { float: left; width: 9%; height: 9%; margin-right: 3%; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; border: 1px solid #edeff0 } .comment-prompt .avatar img { width: 100%; height: 100%; vertical-align: top } .comment-prompt.hidden { display: none } #comments .preview-container { pointer-events: none; display: none; top: 3px; right: 13px; right: 30px\9; width: 102px; height: 140px; overflow: hidden } #comments .preview-container.visible { display: inline } #comments .preview-container img#comment-file-preview { top: -10px; position: relative; float: left; right: 0; border: 1px solid #E8E8E8; max-height: 200px; width: 100px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: white; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; visibility: hidden; filter: alpha(opacity=0); opacity: 0 } #comments .preview-container img#comment-file-preview.visible { visibility: visible; -moz-transition: all 600ms ease 400ms; -o-transition: all 600ms ease 400ms; -webkit-transition: all 600ms ease 400ms; transition: all 600ms ease 400ms; top: 11px; filter: alpha(opacity=100); opacity: 1 } .comment-prompt-actions { position: relative; clear: both } .comment-prompt-actions .comment-photo-button { position: relative; float: right; height: 39px; width: 54px; margin-right: 10px } .comment-prompt-actions .comment-photo-button:hover .tooltip, .comment-prompt-actions .comment-photo-button.hover .tooltip { -moz-transition: margin 100ms ease, opacity 100ms ease, visibility 100ms ease; -o-transition: margin 100ms ease, opacity 100ms ease, visibility 100ms ease; -webkit-transition: margin 100ms ease, opacity 100ms ease, visibility 100ms ease; transition: margin 100ms ease, opacity 100ms ease, visibility 100ms ease; opacity: 0.8; visibility: visible } .comment-prompt-actions .comment-photo-button .tooltip { position: absolute; padding: 6px 8px 4px 8px; font-size: 11px; line-height: 1.5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; -moz-transition: margin 100ms ease 0, opacity 100ms ease 0, visibility 100ms ease 0; -o-transition: margin 100ms ease 0, opacity 100ms ease 0, visibility 100ms ease 0; -webkit-transition: margin 100ms ease 0, opacity 100ms ease 0, visibility 100ms ease 0; transition: margin 100ms ease 0, opacity 100ms ease 0, visibility 100ms ease 0; opacity: 0; visibility: hidden; white-space: nowrap; top: 0; margin-top: 7px; text-align: center; pointer-events: none; color: white; background-color: #000; text-shadow: none 2px 5px rgba(0, 0, 0, 0.4) } .comment-prompt-actions .comment-photo-button .tooltip:after, .comment-prompt-actions .comment-photo-button .tooltip:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } .comment-prompt-actions .comment-photo-button .tooltip:after { border-color: rgba(255, 255, 255, 0); border-width: 5px; right: -10px; border-left-color: #000; top: 50%; margin-top: -5px } .comment-prompt-actions .comment-photo-button .tooltip:before { border-color: rgba(255, 255, 255, 0); border-width: 6px; right: -12px; border-left-color: none; top: 50%; margin-top: -6px } .comment-prompt-actions .comment-photo-button .tooltip { margin-right: 15px; right: 100% } .comment-prompt-actions .comment-photo-button:hover .tooltip, .comment-prompt-actions .comment-photo-button.hover .tooltip { margin-right: 10px; margin-right: -2px\9 } .comment-prompt-actions .comment-photo-button label { position: absolute; top: 0; right: 0; width: 53px; height: 40px; cursor: pointer; overflow: hidden } .comment-prompt-actions .comment-photo-button label:before { content: "\e61d"; font-family: 'icons-sw'; speak: none; font-size: 1.8em; position: absolute; left: calc(50% - 0.5em); top: calc(50% - 0.45em) } .comment-prompt-actions .comment-photo-button input { position: absolute; top: 0; right: 0; width: 100px; padding: 0 53px 0 0; visibility: visible; filter: alpha(opacity=0); opacity: 0; cursor: pointer } .commenter { margin: 0 0 7px 0; display: block; color: #a1aaad; width: 50%; float: left } .comment-tools { display: none\9; opacity: 0; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; position: absolute; padding: 0; margin: 0 0 8px 0; color: #a1aaad; font-size: .8em; width: 50%; top: 10px; right: 10px; text-align: right } .comment:hover .comment-tools { display: block\9; opacity: 1; -moz-transition: opacity 250ms ease; -o-transition: opacity 250ms ease; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease } .comment-tools .icon { position: relative; display: block\9; float: right; height: 20px; width: 20px; text-align: right; margin: 3px 0 0 10px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-property: 200ms; -o-transition-property: 200ms; -webkit-transition-property: 200ms; transition-property: 200ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; opacity: 0.5 } .comment-tools .icon.flag { background: url("/rrstatic/img/caution-grey.svg") center center no-repeat; background: url("/rrstatic/img/ie-compatible/caution-grey.png") top left no-repeat\9 } .comment-tools .icon.delete { background: url("/rrstatic/img/icon-x.svg") center center no-repeat; background: url("/rrstatic/img/portal/view-model/icon-sprite.png") 2px -377px no-repeat\9 } .comment-tools .icon .hover { position: absolute; top: -2px; right: 60px; width: 200px; padding-bottom: 5px; pointer-events: none; color: #a1aaad; font-weight: 500; -webkit-font-smoothing: antialiased; display: none\9; opacity: 0; -moz-transition: padding 200ms ease, opacity 200ms ease; -o-transition: padding 200ms ease, opacity 200ms ease; -webkit-transition: padding 200ms ease, opacity 200ms ease; transition: padding 200ms ease, opacity 200ms ease; padding-right: 10px } .comment-tools .icon:hover { -moz-transition-property: 0ms; -o-transition-property: 0ms; -webkit-transition-property: 0ms; transition-property: 0ms; opacity: 1 } .comment-tools .icon:hover .hover { display: block\9; opacity: 1; padding-right: 0 } .comment-body { position: relative; width: 100%; min-height: 25px; line-height: 1.5 } .comment-body:after { content: ""; display: table; clear: both } .comment-body .comment-text { float: left; width: 100% } .comment-body .comment-text.with-file { min-height: 84px; width: 80% } @media all and (min-width: 320px) and (max-width: 480px) { .comment-body .comment-text.with-file { width: 70% } } .comment-body .comment-file-wrap { position: absolute; right: 0; height: 80px; width: 80px } .comment-body .comment-file-wrap:hover .comment-file-container { height: 80px; width: 80px; margin-top: -4px; margin-right: -4px; border: 1px solid #4FC9FF; cursor: -webkit-zoom-in; cursor: -moz-zoom-in } .comment-body .comment-file-wrap:hover .comment-image-mask { width: 72px; height: 72px; top: -12px; right: -12px; box-sizing: content-box } .comment-body .comment-file-container { position: absolute; top: 0; right: 0; width: 72px; height: 72px; margin-bottom: 10px; border: 1px solid #d4d8db; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -moz-transition: all 120ms linear; -o-transition: all 120ms linear; -webkit-transition: all 120ms linear; transition: all 120ms linear } .comment-body .comment-file-container:after, .comment-body .comment-file-container:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } .comment-body .comment-file-container:after { border-color: rgba(255, 255, 255, 0); border-width: 7px; left: -14px; border-right-color: #fff; top: 50%; margin-top: -7px } .comment-body .comment-file-container:before { border-color: rgba(255, 255, 255, 0); border-width: 8px; left: -16px; border-right-color: #d4d8db; top: 50%; margin-top: -8px } .comment-body .comment-image { position: absolute; top: -4px; right: -4px; width: 80px; height: 80px; background-position: center center; background-repeat: no-repeat; box-sizing: content-box } .comment-body .comment-image-mask { pointer-events: none; position: absolute; top: -8px; right: -8px; width: 64px; height: 64px; border: 12px solid white; -moz-transition: all 120ms linear; -o-transition: all 120ms linear; -webkit-transition: all 120ms linear; transition: all 120ms linear; box-sizing: content-box } .comment-actions { padding-top: 22px } .comment-actions:after { content: ""; display: table; clear: both } .comment-actions .comment-timestamp { float: right; padding-top: 4px; color: #a1aaad; font-size: .8em } .comment-actions .comment-reply { float: right; margin-left: 10px } .comment-actions .comment-reply a { width: 92px } .comment-actions .comment-version-material { float: left; font-size: .9em; color: #a1aaad; padding-top: 2px } .comment { position: relative; width: auto; min-height: 40px; padding: 20px; border-top: 1px solid #edeff0; clear: both } .comment .avatar a { float: left; margin-right: 3%; width: 9%; height: 9%; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box } .comment .avatar a img { width: 100%; height: 100%; vertical-align: top } .no-touch .comment .avatar a:hover { width: 9%; height: 9%; opacity: .7; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box } .comment-wrap { width: 88%; margin: -3px 0 0 0; padding: 0; word-wrap: break-word } .notifications-wrap.new { margin-bottom: 20px } .notification-block.span-12 { position: relative } .notification-block.first .notification-content { border-top: 1px solid #e0e3e5; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; background-clip: padding-box } .notification-block.first .notification-drawer { border-top: 1px solid #d4d8db; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: url("radial-gradient(left 100%, ellipse farthest-side, rgba(0,0,0,0.1), rgba(0,0,0,0))"); background-size: 4px 100%; background-repeat: no-repeat } .notification-block.last .notification-content { border-bottom: 1px solid #e0e3e5; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white } .notification-block.last .notification-drawer { border-bottom: 1px solid #d4d8db; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; background-image: url("radial-gradient(left 0, ellipse farthest-side, rgba(0,0,0,0.1), rgba(0,0,0,0))"); background-size: 4px 100%; background-repeat: no-repeat } .notification-block.first.last .notification-drawer { background-image: url("radial-gradient(left 50%, ellipse farthest-side, rgba(0,0,0,0.04), rgba(0,0,0,0))"); background-position: 0 100%, 0 0; background-size: 4px 100%; background-repeat: no-repeat } .notification-block .notification-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 75%; background-color: white; border-left: 1px solid #e0e3e5; border-bottom: 1px solid #e0e3e5 } .notification-block .notification-drawer { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(117, 115, 114, 0.04) linear-gradient(center left, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 1.5%); position: absolute; right: 0; top: 0; bottom: 0; float: left; width: 25%; border-right: 1px solid #d4d8db; border-bottom: 1px solid #d4d8db; border-left: 1px solid #d4d8db; -webkit-box-shadow: inset 0 1px 0 rgba(245, 247, 248, 0.5); -moz-box-shadow: inset 0 1px 0 rgba(245, 247, 248, 0.5); box-shadow: inset 0 1px 0 rgba(245, 247, 248, 0.5) } .notification-block .model { padding: 20px 20px 13px } .notification-block .model .designer { font-size: 0.8em; color: #a1aaad } .notification-block .model .product-img img { border: 1px solid #e0e3e5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .notification-block .comment { width: auto; margin: 0; border: none } .notification-block .comment-wrap { width: 600px; border: none } .notification-block .comment-body { min-height: 70px } #comment-tabs { list-style: none; margin-left: 0; letter-spacing: .25px; font-weight: 500; border-bottom: 1px solid #D8DCDF } #comment-tabs .icon-comment { padding-right: 5px; font-size: 17px; line-height: 0 } #comment-tabs .icon-unlocked { padding-right: 5px; font-size: 20px; line-height: 0 } #comment-tabs .icon-locked { padding-right: 5px; font-size: 20px; line-height: 0 } .comment-tab>h4>.icon-comment { margin-right: 8px } #comment-tabs a { text-style: none; color: #a1aaad } #comment-tabs a:hover { color: #183643 } #comment-tabs .tab { float: left; padding: 15px; padding-bottom: 5px; margin-right: 10px } #comment-tabs .tab.selected { border-bottom: 5px solid #445258 } #comment-tabs .tab.selected a { color: #445258 } .model-owner-comment { color: shade(#08A3E9, 30%); background-color: tint(#9be0ff, 70%); font-size: 11px; display: inline; font-weight: 400; padding: 5px } .search-results .results-sort { text-align: right } .search-results .content-container-right { margin: 0 } .input-col { display: block; margin: 0 40px 0 0 } .input-col:after { content: ""; display: table; clear: both } .input-col input[type=text], .input-col input[type=password], .input-col textarea { width: 452px; resize: vertical } .input-col input[type="checkbox"] { width: 20px } .account-save { clear: both; margin: 20px 0 0 0 } .notification { float: left; width: 100%; text-align: center; margin: 10px 0 0 0; font-size: .9em } .myshapeways-expertise { margin: 5px 0 } .cancel-button { float: left; clear: both; margin: 10px 0 0 0 } .account-container { display: block; padding: 30px 0; border-bottom: 1px solid #e0e3e5; overflow: hidden } .account-container:after { content: ""; display: table; clear: both } .account-container .notification { width: 60%; margin-top: 3px; padding: 7px } .payout { display: block; padding: 20px; border: 1px solid #e0e3e5; background-color: #f5f7f8; text-align: center; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; overflow: hidden } .payout:after { content: ""; display: table; clear: both } .payout h3 { margin: 0 0 10px 0 } .my-credits tr:hover, .my-orders tr:hover { background: #edeff0; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .my-credits thead tr:hover, .my-orders thead tr:hover { background: none } .my-credits th, .my-orders th { padding: 12px 0; border-bottom: 1px solid #e0e3e5; -webkit-box-shadow: 0 2px 0 #edeff0; -moz-box-shadow: 0 2px 0 #edeff0; box-shadow: 0 2px 0 #edeff0; color: #757372 } .my-credits td, .my-orders td { padding: 20px 5px; border-bottom: 1px solid #e0e3e5; -webkit-box-shadow: 0 2px 0 #edeff0; -moz-box-shadow: 0 2px 0 #edeff0; box-shadow: 0 2px 0 #edeff0; vertical-align: middle; font-weight: 300 } .my-credits td table tr th, .my-credits td table tr td, .my-orders td table tr th, .my-orders td table tr td { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0 } .image-editable .edit-icon { top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); overflow: hidden; cursor: pointer; text-align: center; filter: alpha(opacity=0); opacity: 0 } .image-editable .edit-icon:hover { filter: alpha(opacity=100); opacity: 1 } .image-editable .edit-icon:after { content: "\e61d"; font-family: 'icons-sw'; speak: none; color: white; font-size: 2em; position: absolute; left: calc(50% - 0.5em); top: calc(50% - 0.5em) } .image-editable .edit-icon.waiting { background: url("/rrstatic/img/waiting.gif") 50% 62% no-repeat } .notification { position: absolute; top: -3px; right: 2px; width: 208px; padding: 6px 5px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; font-size: .8em; line-height: 1.3em; margin-top: 5px } .tabs { margin: 0; display: block; min-height: 41px; overflow: hidden } .tabs:after { content: ""; display: table; clear: both } .tabs li { display: block; float: left; list-style: none; margin: 0 } .tabs a { padding: 11px 24px; line-height: 2.2em; color: #a1aaad; font-weight: bold; -webkit-font-smoothing: antialiased } .tabs a:hover { background: none; color: #183643 } .tabs .active a { background: white; position: relative; color: #445258; border-bottom: 5px solid #005A81; padding-bottom: 13px } .tabs-nav { height: 67px; *height: 46px; width: 100%; *width: 922px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; clear: both; position: absolute; top: 0; left: 0; padding: 20px 20px 0 20px; margin: 0 0 20px 0; border-bottom: 1px solid #e0e3e5; background: #f5f7f8; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-clip: padding-box } .tabs-nav li { list-style: none; float: left; margin: 0 4px 0 0; display: inline; color: #183643; cursor: pointer; border: none } .tabs-nav li a { color: #a1aaad; padding: 12px 16px 11px 16px; display: inline-block } .tabs-nav li a:hover { color: #183643 } .tabs-nav.on-white { background: none } .tabs-nav .tabs-nav-selected { border: 1px solid #e0e3e5; border-bottom: 1px solid white; background: white; color: #183643; padding: 10px 16px 11px 16px; display: inline-block; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box } .tabs-nav .tabs-nav-selected:hover { cursor: default } .tabs-nav .tabs-nav-selected a { color: #183643 } .my-shop-box .tabs-nav-selected { padding: 0 } .pastSales h1 { text-shadow: 0 1px 0 white 2px 5px rgba(0, 0, 0, 0.4) } .current-sale { text-align: center; float: left; padding: 20px 5px; display: block; border: 1px solid #e0e3e5; background: #f5f7f8; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 1px 1px #D8DCDF; -moz-box-shadow: 0 1px 1px #D8DCDF; box-shadow: 0 1px 1px #D8DCDF } .current-sale h2 { font-size: 1em; color: #183643; text-transform: uppercase } .current-sale h3 { margin: 0 } div.pastSales, div.confirmedSales { margin-top: 20px } .pastSales h2 { font-size: 1em; color: #757372; font-weight: normal } .pastSales h3 { font-size: 1em; font-weight: 300 } .my-sales__past-sales-row-date { width: 20% } .my-sales__past-sales-row-thin { width: 10% } .my-sales__past-sales-row { width: 15.5% } .my-sales__past-sales-row-invoice { width: 13% } .my-sales__past-sales-row-invoice__header { padding-right: 17px } @media all and (max-width: 768px) { .my-sales__past-sales-row-date { width: 40% } .my-sales__past-sales-row-thin, .my-sales__past-sales-row { width: 30% } } .shop-materials tr td { padding: 10px 0 } .sales-row, .shop-materials tr td { clear: both; height: 42px; border-bottom: 1px dotted #e0e3e5; vertical-align: middle } .sales-row.no-hover:hover, .shop-materials tr td.no-hover:hover { background: none } .sales-row.no-results, .shop-materials tr td.no-results { height: auto; padding: 40px 0; color: #183643; font-size: 1em; text-align: center } .sales-row:hover { background: #f5f7f8 } .periodStart { float: left } .periodEnd { float: left } .shop-materials { width: 800px; text-align: left; border: none; margin: 0; padding: 0; font-weight: 300 } .popup-content .container { width: 100% } .popup-content h3 { background: whitesmoke; font-weight: 300; display: block; padding: 10px; margin: 0 0 20px 0; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .shop-materials { width: 100% } .shop-materials th { font-weight: bold; padding: 15px 0 } .shop-materials td { padding: 12px 0; border-bottom: 1px dotted #ccc } .shop-materials td input { width: 50px } .shop-materials .default-button { width: 100px } .shop-materials a { cursor: pointer } .sw--modal-responsive { width: 560px } @media all and (min-width: 320px) and (max-width: 480px) { .sw--modal-responsive { width: 90%; font-size: 80% } } .offer-box { height: 300px } .offer-box div { height: 100%; position: relative } .offer-box div p { width: 100%; text-transform: uppercase; text-align: center; line-height: 1.2em } .offer-box div p.highlighted { padding-top: 140px } .offer-box div p.creator { padding-top: 225px } .holiday2015-terms p { color: #eee } .popup { z-index: 1150; display: none; width: 600px; max-height: 400px; overflow: auto; background: #fff; padding: 30px; border-bottom: 3px solid #cecece; position: absolute; top: 180px; left: 50%; margin-left: -330px; *height: 600px; *overflow: auto; *width: 600px; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) } .outside-popup { background-color: #000; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); z-index: 1100; position: absolute; top: 0px; left: 0px; width: 100%; height: 100% } .privacy-statement, .terms-and-conditions { position: absolute; width: 800px; display: none } .material-popup { margin: 0 0 0 85px; position: fixed; top: 150px; width: 730px } .privacy-statement, .terms-and-conditions { padding-right: 0px } .popup-content { max-height: 400px; overflow: auto; padding-right: 10px } #progress-bar-container { background-color: #F9F9F9; padding: 0; margin: 10px 0; border-radius: 3px; border: 1px solid #a1aaad } .progress-bar { background-color: #81C2e8; width: 0%; height: 12px; border-radius: 2px } .loginModal { background-color: #fff; padding-left: 40px; padding-right: 40px; padding-top: 10px; padding-bottom: 30px; width: 280px; float: left; left: 50%; position: absolute; margin-top: 10px; margin-left: -203px; -webkit-box-shadow: 0 4px 30px #333 } .login-modal-tabs-container { height: 56px; width: 100%; margin-top: -30px; margin-bottom: 0; background: #f5f7f8; border-bottom: 1px solid #e0e3e5; border-top: 1px solid #f5f7f8; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background-clip: padding-box } .login-modal-tabs { border: 1px auto #000000; margin: 30px } .login-modal-tabs ul { margin: 0 0 31px 0 } .login-modal-tabs li { display: inline-block; list-style: none; margin: 0px; padding-bottom: 0px; font-size: 1.2em; font-weight: 500 } .login-modal-tabs a { top: -9px; position: relative; padding: 6px 20px 9px 20px; color: #a1aaad } .active-modal-tab a { border-bottom: 5px solid #FF4B5A; color: #445258 } .edu-signup { background: none } .no-jquery-header>.ui-dialog-titlebar { background: #ffffff; border-bottom: none } .compare { text-align: center; padding: 20px; margin-bottom: 1.5em; background: url(/rrstatic/img/portal/view-model/diag_patt_3px.png) top left; border: 1px solid #e0e3e5; position: relative; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .compare:after { content: ""; display: table; clear: both } .compare p { line-height: 1.3em; margin: 0 0 12px 0 } .image-viewer { height: 160px; padding: 20px 0; margin: 47px 0 0 0; display: block; clear: both; border-bottom: 1px dotted #e0e3e5 } .image-viewer li { float: left; list-style: none; width: 210px; height: 158px; margin: 0 27px 0 0; display: inline } .image-viewer li a { width: 210px; height: 158px; display: block } .image-viewer li a img { width: 210px; height: 158px; border: 1px solid #e0e3e5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .image-viewer li a:hover img { -webkit-box-shadow: 0 1px 3px #4FC9FF; -moz-box-shadow: 0 1px 3px #4FC9FF; box-shadow: 0 1px 3px #4FC9FF; border: 1px solid #4FC9FF; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; -moz-transition: box-shadow 200ms ease; -o-transition: box-shadow 200ms ease; -webkit-transition: box-shadow 200ms ease; transition: box-shadow 200ms ease } .image-viewer li.last { margin-right: 0 } .finishes { width: 400px; margin: 20px 18px 20px 0; float: left } .finishes h3 { font-weight: 300; margin: 0 0 10px 0 } .finishes p { line-height: 1.2em; font-size: .8em } .finishes .finish-box { float: left; width: 87px; margin: 0 13px 10px 0 } .finishes .finish-box img { border: 1px solid white; display: block; margin: 0 0 5px 0; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 0 0 1px #e0e3e5; -moz-box-shadow: 0 0 0 1px #e0e3e5; box-shadow: 0 0 0 1px #e0e3e5 } .material-dropdown { width: 960px; display: block; margin: 0 0 20px 0 } .material-dropdown select { font-size: 2.1em; font-family: 'Fabriga', Helvetica Neue, Helevetica, Arial, sans-serif; font-weight: 300; margin: 0 20px 0 0; background: white; border: 1px solid #e0e3e5; height: 50px; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .material-dropdown select optgroup { font-size: .7em; font-weight: 300; font-family: 'Fabriga', Helvetica Neue, Helevetica, Arial, sans-serif; border: 1px solid #e0e3e5 } .material-samples { float: right; text-align: right; font-size: .9em; color: #aaa; padding: 12px 0 0 0 } .property-stat { width: 120px; margin: 0 28px 15px 0; float: left } .property-stat p { margin: 0 0 3px 0 } .property-stat .stat-bubble { display: block; padding: 6px 5px 4px 8px; line-height: 1em; background: #757372; border: 2px solid #e0e3e5; border-top: 1px solid #e0e3e5; color: white; width: 103px; font-size: .9em; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; text-shadow: 0 -1px 0 #009de3 2px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 0 white, 0 -1px 0 #ccc; -moz-box-shadow: 0 1px 0 white, 0 -1px 0 #ccc; box-shadow: 0 1px 0 white, 0 -1px 0 #ccc } .property-stat .stat-bubble.low { background: url(/rrstatic/img/materials/stat-bg.png) -96px 0px #757372 no-repeat } .property-stat .stat-bubble.med { background: url(/rrstatic/img/materials/stat-bg.png) -75px 0px #757372 no-repeat } .property-stat .stat-bubble.high { background: url(/rrstatic/img/materials/stat-bg.png) 0px 0px #757372 no-repeat } .table-space { padding: 10px; border: 1px solid #e0e3e5 } .table-space tr td { border-bottom: 1px solid #e0e3e5; padding: 10px } .material-sample-detail-black, .material-sample.detail-black { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -45px 0px; width: 45px; height: 90px } .material-sample-detail-high, .material-sample.detail-high { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -180px 0px; width: 45px; height: 90px } .material-sample-detail-white, .material-sample.detail-white { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -90px 0px; width: 45px; height: 90px } .material-sample-metallic-plastic-polished, .material-sample.metallic-plastic-polished { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -135px 0px; width: 45px; height: 90px } .material-sample-metallic-plastic, .material-sample.metallic-plastic { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: 0px -90px; width: 45px; height: 90px } .material-sample-nylon-black, .material-sample.nylon-black { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -45px -90px; width: 45px; height: 90px } .material-sample-nylon-blue, .material-sample.nylon-blue { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -90px -90px; width: 45px; height: 90px } .material-sample-nylon-magenta, .material-sample.nylon-magenta { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -135px -90px; width: 45px; height: 90px } .material-sample-nylon-polished, .material-sample.nylon-polished { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: 0px 0px; width: 45px; height: 90px } .material-sample-nylon-purple, .material-sample.nylon-purple { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -180px -90px; width: 45px; height: 90px } .material-sample-nylon-red, .material-sample.nylon-red { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -225px 0px; width: 45px; height: 90px } .material-sample-nylon, .material-sample.nylon { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -225px -90px; width: 45px; height: 90px } .material-sample-sandstone-color, .material-sample.sandstone-color { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: 0px -180px; width: 45px; height: 90px } .material-sample-silver, .material-sample.silver { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -45px -180px; width: 45px; height: 90px } .material-sample-steel-bronze, .material-sample.steel-bronze { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -90px -180px; width: 45px; height: 90px } .material-sample-steel-gold, .material-sample.steel-gold { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -135px -180px; width: 45px; height: 90px } .material-sample-steel, .material-sample.steel { background-image: url(/rrstatic/img/sprites/output/material-sample-+Ne41Ojt.png); background-position: -180px -180px; width: 45px; height: 90px } .material-sample { float: left; width: 45px; height: 57px; margin-right: 10px; margin-bottom: -25px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-property: 150ms; -o-transition-property: 150ms; -webkit-transition-property: 150ms; transition-property: 150ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease } .material-sample .hover-mask { position: absolute; left: 0; top: 0; visibility: hidden; width: 278px } .material-sample .hover-mask .hover-box { position: absolute; left: -22px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-property: 80ms; -o-transition-property: 80ms; -webkit-transition-property: 80ms; transition-property: 80ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-backface-visibility: hidden; font-weight: 400 } .material-sample .hover-mask .hover-box p { font-size: .9em; line-height: 1.4em } .material-sample .hover-mask .hover-box.hover-top { top: 22px; width: 272px; opacity: 0 } .material-sample .hover-mask .hover-box.hover-bottom { top: 254px; width: 272px; opacity: 0; -webkit-border-radius: 6px; border-radius: 6px; background-clip: padding-box } .material-sample .hover-mask .hover-box.hover-bottom p { margin-bottom: 0 } .material-sample.active { height: 67px; margin-top: -10px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-property: 200ms; -o-transition-property: 200ms; -webkit-transition-property: 200ms; transition-property: 200ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease } .material-sample.active .hover-mask { visibility: visible } .material-sample.active .hover-mask .hover-box.hover-top { top: 32px; opacity: 1; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-property: 150ms; -o-transition-property: 150ms; -webkit-transition-property: 150ms; transition-property: 150ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; -moz-transition-delay: 80ms; -o-transition-delay: 80ms; -webkit-transition-delay: 80ms; transition-delay: 80ms } .material-sample.active .hover-mask .hover-box.hover-bottom { top: 244px; margin-top: 10px; opacity: 1; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-property: 100ms; -o-transition-property: 100ms; -webkit-transition-property: 100ms; transition-property: 100ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms } .quote-container { background-color: #f5f7f8; border-top: 1px solid #e0e3e5; border-bottom: 1px solid #e0e3e5; color: #183643 } .quote-container .icon { float: left; width: 65px; height: 68px } .quote-container .icon.icon-materials { background: image-url("icon-materials.svg"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } .material-status h3 { padding: 20px 20px 10px 20px } .material-status .material-status-row { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 90px; margin: 0; padding: 0; border-bottom: 1px solid #e0e3e5; position: relative } .material-status .material-status-row .material-name { width: 300px; max-width: 300px; height: 88px; padding: 0 30px 0 82px; margin: 0; float: left; display: table; background: url(/rrstatic/img/materials/note-tab.png) top right no-repeat } .material-status .material-status-row .material-name a { font-weight: bold; color: #183643 } .material-status .material-status-row .material-name a:hover { color: #08A3E9 } .material-status .material-status-row .status-note { width: 520px; height: 88px; padding: 0 20px; margin: 0; float: left; display: table } .material-status .material-status-row .status-note p, .material-status .material-status-row .material-name p { display: table-cell; vertical-align: middle } .material-status .material-status-row .status-icon { width: 48px; height: 48px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; position: absolute; left: 20px; top: 20px } .material-status .material-status-row .status-ok { background: url(/rrstatic/img/materials/material-status-sprite.png) 11px 11px no-repeat #cce8a4; border-bottom: 1px solid #a9d865 } .material-status .material-status-row .status-warning { background: url(/rrstatic/img/materials/material-status-sprite.png) 11px -57px no-repeat #ffde96; border-bottom: 1px solid #ffc545 } .material-status .material-status-row .status-alert { background: url(/rrstatic/img/materials/material-status-sprite.png) 11px -126px no-repeat #ec999e; border-bottom: 1px solid #e05760 } .material-status .row-topper { border-top: 1px solid #e0e3e5 } .sct-material .material-header { height: 110px } .sct-material .material-header h1 { margin: 50px 0 10px 0; text-align: center } .sct-material .material-header .material-nav { font-size: 13px; padding: 20px 0 0 0; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsMjU1LDI1NSwwLjkzKSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=="); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, rgba(255, 255, 255, 0.93))); background-image: -webkit-linear-gradient(#fff, rgba(255, 255, 255, 0.93)); background-image: -moz-linear-gradient(#fff, rgba(255, 255, 255, 0.93)); background-image: linear-gradient(#fff, rgba(255, 255, 255, 0.93)); background-color: #fff \9; border-bottom: 1px solid #e0e3e5; width: 100%; left: 0; margin-bottom: -1px; -webkit-transition: box-shadow 0; -moz-transition: box-shadow 0; transition: box-shadow 0 } .sct-material .material-header .material-nav .container { margin-top: 0; margin-bottom: 0 } .sct-material .material-header .material-nav select { margin: 0 20px 0 0; width: 155px } .sct-material .material-header .material-nav .back-to-hub { margin-right: 15px } .sct-material .material-header .material-nav.sticky { position: fixed; top: 0; z-index: 3 } .sct-material .material-header .material-nav .anchors { margin: 0; padding: 0 40px; display: inline-block } .sct-material .material-header .material-nav .anchors li { display: inline-block; margin-right: 20px; padding-bottom: 11px } .sct-material .material-header .material-nav .anchors li.selected { border-bottom: 4px solid #445258 } .sct-material .material-header .material-nav .anchors li.selected a { color: #183643 } .sct-material .material-header .material-family-info { display: none; border-bottom: 1px solid #e0e3e5; width: 964px; z-index: 2 } .sct-material .material-header .material-family-info.flow { display: table; position: fixed } .sct-material .material-header .material-family-info.stick { position: absolute } .sct-material .material-family-info { width: 100%; border-bottom: 1px solid #e0e3e5 } .sct-material .material-family-info tr.empty { display: block; height: 20px } .sct-material .material-family-info th { padding: 12px 0 20px 0; border-top: 1px solid #e0e3e5; font-size: 16px; font-weight: 300; width: 155px; border-right: 15px solid #FFF } .sct-material .material-family-info td { border-top: 1px solid #e0e3e5; font-size: 14px; padding: 12px 0 0px 10px; border-right: 1px solid #e0e3e5; font-weight: 300 } .sct-material .material-family-info td:last-child { border-right: none } .sct-material .material-family-info td:first-child { padding-left: 0 } .sct-material .material-family-info .finishes-row { background-color: rgba(255, 255, 255, 0.93); background-color: #fff \9 } .sct-material .material-family-info .finishes-row.hide { opacity: .0 } .sct-material .material-family-info .finishes-row td { font-size: 13px; padding-bottom: 5px } .sct-material .material-family-info .finishes-row td .finish-box { float: left; margin-right: 10px; width: 70px; line-height: 120%; font-size: 11px } .sct-material .material-family-info .finishes-row td .finish-box img { display: block; height: 37px; width: 60px; margin-bottom: 5px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .sct-material .material-family-info tr:first-child td, .sct-material .material-family-info tr:first-child th { border-top: none } .sct-material .material-family-info .more-row td, .sct-material .material-family-info .more-row th { border-top: none; padding-top: 0; padding-bottom: 0 } .sct-material .material-family-info p { font-size: 14px; line-height: 22px } .sct-material .material-family-info sup { line-height: 100% } .sct-material .material-family-info ul li { font-size: 14px; padding-bottom: 5px } .sct-material .material-family-info small { display: block; font-weight: inherit; font-size: 12px } .sct-material .material-family-info .var { color: #868e91 } .sct-material .material-family-info .schematic { float: left; margin-right: 15px; margin-bottom: 10px } .sct-material .material-family-info .glue-top { margin-top: -13px; width: 100% } .sct-material .material-family-info .more-content { clear: both; margin-top: 10px } .sct-material .material-family-info .more-content p { font-size: 13px; line-height: 145%; margin-bottom: 13px } .sct-material .header-row { padding-bottom: 10px } .sct-material .header-row td { border-top-width: 2px; padding-bottom: 10px } .sct-material .header-row h3 { padding: 15px 0 0 0; margin: 0 } .sct-material .full-section { background-color: #edeff0; padding: 20px 0; margin: -20px 0; border-top: 1px solid #e0e3e5 } .sct-material .image-viewer { margin-top: 0; padding-top: 0; border: 0 } .sct-material .image-viewer li { margin-right: 41px } .sct-material .image-viewer li.last { margin-right: 0 } .sct-material h4 { border-bottom: 1px solid #e0e3e5; margin: 0 0 10px 0; padding: 10px 0 5px } .sct-material h5 { clear: both; font-size: 14px; font-weight: 600 } .sct-material h5 img { float: left; max-width: 140px; padding-right: 12px; margin-bottom: 20px } .sct-material .anchor-point { position: absolute; height: 0; width: 0; top: -25px } .sct-material .anchor-point#guidelines { top: -96px } .sct-material .material-family-info .finishes-row td.color-variations .finish-box { width: 37px } .sct-material .material-family-info .finishes-row td.color-variations .finish-box img { max-width: 100% } .sct-material .material-family-info .finishes-row td .finish-box.last { margin-right: 0 } .creator-tools-page img { cursor: pointer } .creator-tools-page h4 { cursor: pointer; margin-top: 8px } .admin-bar { width: 100vw; background: white; border-bottom: 1px solid #e0e3e5; overflow-y: hidden; overflow-x: scroll; position: fixed; top: 0; z-index: 10000; height: 78px; white-space: nowrap } .admin-bar-inner { min-width: 1250px } .admin-unit { white-space: nowrap; display: inline-block; padding: 5px 10px; vertical-align: middle; border-right: 1px solid #e0e3e5; line-height: 2 } .admin-unit .admin-input, .admin-unit .admin-data, .admin-unit select { display: inline-block } .admin-unit label, .admin-unit .admin-data { position: relative; display: inline-block; font-size: 10px; text-transform: uppercase } .admin-unit .admin-change-set-selector { width: 140px } .admin-unit.right { border-right: none; border-left: 1px solid #e0e3e5 } .admin-unit .admin-input-label { margin-right: 5px } .admin-unit .admin-input-username { width: 130px; height: 28px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-clip: padding-box } .admin-unit .admin-input-submit { margin-left: 5px } .admin-unit .admin-username-submit.small { margin-right: 5px; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-clip: padding-box } .admin-unit .admin-username-submit.small:focus, .admin-unit .admin-username-submit.small:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .admin-country { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; max-width: 120px; float: left } #modelData dl { width: 220px } #modelData dd { clear: both; float: left; width: 70px; font-weight: bold } #modelData dt { float: left; width: 50px; text-align: right } #modelData { z-index: 10000; display: none; position: fixed; background: #FFF; padding: 10px; top: 120px; right: 120px; width: 230px; border-radius: 3px; font-size: 10px; box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2) } .sw-dms--bg-black { background-color: #000 } .sw-dms--bg-white { background-color: #fff } .sw-dms--bg-blue { background-color: #1E2740 } .sw-dms--bg-red { background-color: #FF4B5A } .sw-dms--bg-grey-46 { background-color: #5E717C } .sw-dms--bg-grey-85 { background-color: #DAD8DA } .sw-dms--bg-grey-96 { background-color: #F2F3F4 } .sw-dms--color-black { color: #000 } .sw-dms--color-white { color: #fff } .sw-dms--color-blue { color: #1E2740 } .sw-dms--color-red { color: #FF4B5A } .sw-dms--color-grey-46 { color: #5E717C } .sw-dms--color-grey-85 { color: #DAD8DA } .sw-dms--color-grey-96 { color: #F2F3F4 } .sw-dms-button, .btn, .btn-primary, .btn-buy-now, .btn-secondary, .sw-image-edit__file-upload-button, .btn-white { font-family: "Fabriga", sans-serif; border: thin solid #DAD8DA; border-radius: 1.18rem; line-height: 1.1rem; letter-spacing: 0.5px; display: inline-block; padding: .42rem 1.07rem; white-space: nowrap; background-color: #fff; text-align: center; text-transform: uppercase; text-decoration: none } .sw-dms-button.sw-dms-button, .btn, .btn-primary, .btn-buy-now, .btn-secondary, .sw-image-edit__file-upload-button, .btn-white { color: #000 } .no-touch .sw-dms-button:hover, .no-touch .btn:hover, .no-touch .btn-primary:hover, .no-touch .btn-buy-now:hover, .no-touch .btn-secondary:hover, .no-touch .sw-image-edit__file-upload-button:hover, .no-touch .btn-white:hover { background-color: #FBFBFB } .no-touch .sw-dms-button:active, .no-touch .btn:active, .no-touch .btn-primary:active, .no-touch .btn-buy-now:active, .no-touch .btn-secondary:active, .no-touch .sw-image-edit__file-upload-button:active, .no-touch .btn-white:active { background-color: #F2F3F4 } .sw-dms-button:focus, .btn:focus, .btn-primary:focus, .btn-buy-now:focus, .btn-secondary:focus, .sw-image-edit__file-upload-button:focus, .btn-white:focus { outline: none } .sw-dms-button--small, .btn.small, .small.btn-primary, .small.btn-buy-now, .small.btn-secondary, .small.sw-image-edit__file-upload-button, .btn-white.small { font-size: 0.85rem } .sw-dms-button--big, .btn:not(.small), .btn-primary:not(.small), .btn-buy-now:not(.small), .btn-secondary:not(.small), .sw-image-edit__file-upload-button:not(.small), .btn-white:not(.small) { height: 2.8rem; font-size: 0.94rem; padding: .79rem 1.86rem; border-radius: 1.35rem; line-height: 1.28rem; -webkit-box-shadow: 0 2px 3px 0 rgba(25, 53, 68, 0.15); -moz-box-shadow: 0 2px 3px 0 rgba(25, 53, 68, 0.15); box-shadow: 0 2px 3px 0 rgba(25, 53, 68, 0.15) } .sw-dms-button--big.sw-dms-button--red, .sw-dms-button--red.btn:not(.small), .btn-primary:not(.small), .btn-buy-now:not(.small), .btn-secondary:not(.small), .sw-dms-button--red.sw-image-edit__file-upload-button:not(.small), .sw-dms-button--red.btn-white:not(.small), .sw-dms-button--big.btn-primary, .sw-dms-button--big.btn-buy-now, .sw-dms-button--big.btn-secondary { -webkit-box-shadow: 0 2px 3px 0 rgba(76, 18, 31, 0.35); -moz-box-shadow: 0 2px 3px 0 rgba(76, 18, 31, 0.35); box-shadow: 0 2px 3px 0 rgba(76, 18, 31, 0.35) } .sw-dms-button--disabled { pointer-events: none; cursor: not-allowed } .sw-dms-button--disabled.sw-dms-button--disabled { color: #989CA8 } .sw-dms-button--red, .btn-primary, .btn-buy-now, .btn-secondary { background-color: #FF4B5A; border: none } .sw-dms-button--red.sw-dms-button--red, .btn-primary, .btn-buy-now, .btn-secondary { color: #fff } .no-touch .sw-dms-button--red:hover, .no-touch .btn-primary:hover, .no-touch .btn-buy-now:hover, .no-touch .btn-secondary:hover { background-color: #FD3D4D } .no-touch .sw-dms-button--red:active, .no-touch .btn-primary:active, .no-touch .btn-buy-now:active, .no-touch .btn-secondary:active { background-color: #E0424E } .sw-dms-button--red.sw-dms-button--disabled, .sw-dms-button--disabled.btn-primary, .sw-dms-button--disabled.btn-buy-now, .sw-dms-button--disabled.btn-secondary { background-color: #FFA5AD; color: white } .sw-dms-button--facebook { background-color: #3B5998; position: relative } .sw-dms-button--facebook.sw-dms-button--facebook { color: #fff } .no-touch .sw-dms-button--facebook:hover { background-color: #263961 } .no-touch .sw-dms-button--facebook:active { background-color: #263961 } .sw-dms-button--facebook:before { content: ""; background: url(/rrstatic/img/sprites/share-icon/fb.png) no-repeat; background-size: contain; position: absolute; width: 24px; height: 24px; left: 15px; top: 7px } .sw-dms-button--google { background-color: #DD4B39; position: relative } .sw-dms-button--google.sw-dms-button--google { color: #fff } .no-touch .sw-dms-button--google:hover { background-color: #AC2D1E } .no-touch .sw-dms-button--google:active { background-color: #AC2D1E } .sw-dms-button--google:before { content: ""; background: url(/rrstatic/img/sprites/share-icon/google-plus-logo.png) no-repeat; background-size: contain; position: absolute; width: 24px; height: 24px; left: 15px; top: 7px } .btn, .btn-primary, .btn-buy-now, .btn-secondary, .sw-image-edit__file-upload-button, .btn-white { color: #000 !important; width: auto } .btn.block, .block.btn-primary, .block.btn-buy-now, .block.btn-secondary, .block.sw-image-edit__file-upload-button, .btn-white.block { width: 100% } .btn-primary, .btn-buy-now, .btn-secondary { color: white !important } .sw-sign-up-btn { display: inline-block; font-size: .9em; height: auto; letter-spacing: .08em; line-height: 1; outline: none; padding: 14px 1em 11px 1em; position: relative; text-align: center; text-rendering: optimizeLegibility; text-transform: uppercase; width: 100%; border-radius: 2px; color: #fff; font-family: 'Fabriga', Helvetica Neue, Helevetica, Arial, sans-serif; transition: bakground-color 0.2s ease-in-out, background-image 0.2s ease-in-out, color 0.2s ease-in-out, border 0.2s ease-in-out } .btn-outline-blue { background: #f5f7f8; border: 1px solid #91B6C7; font-size: .8em; padding: 8px 1em 7px 1em; letter-spacing: .054em; cursor: pointer; display: inline-block; height: auto; line-height: 1; outline: none; position: relative; text-align: center; text-rendering: optimizeLegibility; text-transform: uppercase; border-radius: 2px } .btn-group__first { border-right-width: 0; border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group__middle { border-right-width: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group__last { border-top-left-radius: 0; border-bottom-left-radius: 0 } .support-list { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4) } .support-list h2 { font-size: 1.4em } .support-list h3 { margin: 0 0 10px 0; font-weight: 300 } .support-list .rss-date, .support-list .photo-credit { color: #183643; font-size: .8em } .cms-design-sidebar h1, .cms-design-sidebar h2 { font-size: 1em; margin: 0 0 18px 0; text-transform: uppercase; font-weight: normal } .cms-design-sidebar .secondary-button-inset { margin-top: 10px; width: 174px } .cms-design-sidebar input { outline: none } .cms-design-sidebar.box-dark .action-button, .cms-design-sidebar.box-dark .secondary-button { margin-top: 10px } .cms-design-sidebar.box-dark { font-size: 14px } .cms-design-sidebar ul { margin: 0 } .cms-design-sidebar ul li { list-style: none; position: relative } .faqQuestion { margin: 10px 0; padding: 10px 0 0 0; border-top: 1px solid #ddd } .layoutLightBlue { margin-bottom: 0 } .layoutLightBlue img { width: 48px } .layoutLightBlue td { font-size: .9em } .form td { font-size: 16px; color: #323232; width: 210px } .form tr { margin-bottom: 20px } .form .formAttribute { width: 450px } .form #message { width: 450px; height: 150px } .form #email { width: 450px } .form label[for=receive_newsletter] { width: 450px } .paging img { padding: 0px 10px; position: relative; top: 12px } .paging { float: left; padding: 0px 50px; margin-top: 10px; height: 80px; cursor: pointer } .embed-and-share { float: right; width: 370px; padding-right: 0; border: none } .embed-and-share .share { cursor: pointer; float: right; margin-right: 20px; color: #444 } .embed-and-share .share a { text-decoration: none; color: #444; padding: 0 0 0 22px; background: url("/rrstatic/img/portal/view-model/icon-sprite.png") 0px -90px no-repeat } .embed-and-share .embed { cursor: pointer; float: right; margin-right: 20px } .embed-and-share a { text-decoration: none; color: #444; padding: 0 0 0 32px; background: url("/rrstatic/img/portal/view-model/icon-sprite.png") 0px -112px no-repeat } .embed-and-share .embed-disabled, .embed-and-share .embed-disabled a { color: #183643 } .embed-and-share .embed-disabled:hover, .embed-and-share .embed-disabled a:hover { cursor: default } .wishlist_overlay { z-index: 10000; width: 600px } .wishlist-overlay-label { float: left; color: #444; font-weight: 300; margin: 0px 20px 0px 0px } .wishlist-overlay-label strong { margin-bottom: 5px } .wishlist-overlay-label input { margin-right: 5px; vertical-align: top } .copy-link { float: left; width: 460px; margin-bottom: 12px } .send-link { float: left; width: 460px; font-weight: 300 } #send-link a { cursor: pointer; vertical-align: middle } .profile-userlist, .profile-designed { padding-bottom: 60px } .model-details-overview { font-size: 13px } .model-design-info { height: 300px } .span-3.str-dropdown { width: 204px } .span-3.str-dropdown input[type="text"].sw-input-text, .span-3.str-dropdown input.tag-editor[type="text"], .span-3.str-dropdown input.cke_textarea_inline[type="text"] { margin-top: 6px } .span-3.str-dropdown .sw-dropdown .label, .span-3.str-dropdown .sw-dropdown .button { height: 29px } .span-3.str-dropdown .sw-dropdown__option-wrapper { line-height: 30px } .material-info-family-row { position: relative; background-color: #fff; overflow: hidden; margin: 0 -20px 30px } .material-info-family-row:last-child { border-bottom: none; margin-bottom: -10px } .material-info-family-row .list-row-title { margin-bottom: 0 } .material-family-name { margin: 0 0 10px 10px; color: #183643; font-weight: bold } .material-info-family-column-header-row { background-color: #f5f7f8; border-top: 1px solid #e0e3e5; border-bottom: 1px solid #e0e3e5; font-size: 11px; font-weight: 400; color: #727D89 } .material-info-family-column-header-materials { display: block; padding: 4px 0; float: left; width: 214px; border-right: 1px solid #D7D9DE } .material-info-family-column-header-materials.beta { width: 244px } .material-info-family-column-header-materials span { margin-left: 60px } .material-info-family-column-header-quantity { display: inline-block; padding: 4px 0 } .material-info-family-column-header-quantity span { margin-left: 36px } .material-info-family-column-header-initial-checks { display: block; padding: 4px 0; float: left; width: 128px; border-right: 1px solid #D7D9DE } .material-info-family-column-header-initial-checks.beta { width: 140px } .material-info-family-column-header-initial-checks.beta span { margin-left: 38px } .material-info-family-column-header-initial-checks span { margin-left: 32px } .material-info-family-column-header-manual-check { display: block; padding: 4px 0; float: left; width: 118px; border-right: 1px solid #D7D9DE } .material-info-family-column-header-manual-check.beta { width: 136px } .material-info-family-column-header-manual-check span { margin-left: 22px } .material-info-family-column-header-manual-check span.beta { margin-left: 29px } .material-info-family-column-header-success-rate { display: block; padding: 4px 0; float: left; width: 102px; border-right: 1px solid #D7D9DE } .material-info-family-column-header-success-rate.beta { width: 110px } .material-info-family-column-header-success-rate.beta span { margin-left: 19px } .material-info-family-column-header-success-rate span { margin-left: 18px } .material-info-family-column-header-price { display: inline-block; padding: 4px 0; margin-left: 56px } .material-info-family-column-header-price.beta { margin-left: 82px } .printability-success-img-small, .printability-fail-img-small { display: inline-block; width: 15px; height: 5px; margin-right: 2px } .printability-pending { float: left; margin-left: 30px } .printability-success-img-small { background-color: #bde289 } .printability-fail-img-small { background-color: #f07677 } .material-info-finish-list { margin-top: 0px; margin-left: 0 } .infotip { cursor: pointer } .material-info-finish-row { padding-bottom: 0 } .material-info-finish-row:after { content: ""; display: table; clear: both } .material-info-finish-row .name { width: 154px; height: 54px; font-size: 14px; font-weight: 300; border-right: 1px solid #E8EAEE } .material-info-finish-row .name a { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); float: left } .material-info-finish-row .subtle-button-inset { width: 136px } .material-info-finish-row .in-cart span { display: none } .material-info-finish-row .in-cart:before { content: "Added" } .material-info-finish-row .model-info-add-to-cart { display: inline-block; float: right; margin-right: 10px; height: 54px } .material-info-finish-row .model-info-add-to-cart #addToCartButton { margin-top: 9px } .material-info-finish-row .model-info-add-to-cart #addToCartButton .subtle-button-inset.small { padding: 4px 14px; line-height: 22px } .material-info-finish-row .model-material-details-price-label { width: 128px; display: inline-block; float: left; height: 54px; padding-right: 18px; text-align: right; font-size: 0.9em } .material-info-finish-row .model-material-details-price-label .price-null { color: #BDC7D4; margin-right: 26px } .material-info-finish-row .model-material-info-swatch { width: 40px; height: 34px; margin-left: 10px; margin-right: 10px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .material-info-finish-row .model-material-info-swatch img { overflow: hidden; border-radius: 2px; width: 40px; height: 36px } .material-info-finish-row .printability-icon { float: none; margin-left: 20px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .material-info-finish-row .printability-icon.beta { margin-left: 26px } .material-info-finish-row .printability-icon.printability-maybe { margin-left: 20px } .material-info-finish-row .printability-icon.printability-pending { float: left; margin-left: 30px } .material-info-finish-row .status-details { display: block; font-size: 12px; font-weight: 400; color: #A9B0B8; text-shadow: none; float: left; min-width: 70px; margin-left: 30px } .material-info-finish-row .initial-printability-check { width: 128px; height: 54px; float: left; display: inline-block; border-right: 1px solid #E8EAEE } .material-info-finish-row .initial-printability-check.beta { width: 140px } .material-info-finish-row .success-rate { width: 102px; height: 54px; float: left; display: inline-block; border-right: 1px solid #E8EAEE } .material-info-finish-row .success-rate span { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); float: left; margin-left: 35px } .material-info-finish-row .success-rate.beta { width: 110px } .material-info-finish-row .manual-printability-check { width: 118px; height: 54px; float: left; display: inline-block; border-right: 1px solid #E8EAEE } .material-info-finish-row .manual-printability-check .in-progress { display: inline-block; margin: 10px 0 0 -18px } .material-info-finish-row .manual-printability-check.beta { width: 136px } .sw-model-edit__add-to-cart-button { margin-top: 2px; width: 106px } .printability-passed { font-size: 12px; font-weight: 300; margin-left: 34px; width: 60px; color: #A9B0B8 } .materialSummary { height: 54px; background: none } .materialSummary:after { content: ""; display: table; clear: both } .materialSummary:hover { background-color: #fff; width: 100% } .materialSummary:first-child { border-bottom: 1px solid #E8EAEE; border-top: none } .materialSummary:last-child { margin-bottom: 0 } .materials-info-box .list-wrap { border-top: none } .model-design-info-tab-content { z-index: 0; display: none } .model-design-info-tab-content.open { display: block } #model-design-details-tab h4 { font-weight: 500; margin-bottom: 5px } #model-detail-bounds-info { float: left } #model-detail-bounds-info .text-label { letter-spacing: 1px; margin-bottom: 10px; color: #183643; font-size: 0.9em; padding-bottom: 3px; border-bottom: 1px solid #e0e3e5 } #update-file-button { float: left; margin: 15px 0 } .model-processing-error-details-div { padding-top: 30px } #model-design-info-tabs { position: absolute; top: 0; margin: 0 0 -1px 0 } #model-design-info-tabs:after { content: ""; display: table; clear: both } .model-design-tabs-content { margin-top: 51px } #model-design-materials-tab { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box } .material-info-finish-row .beta-name { width: 184px; height: 54px; font-size: 14px; border-right: 1px solid #e0e3e5 } .material-info-finish-row .beta-name a { display: block; line-height: 20px } .material-info-finish-row .beta-name .printability-material-name { margin-top: 7px; font-size: 13px } .material-info-finish-row .beta-name .printability-center-link { font-size: 11px; color: #a1aaad; text-decoration: underline; display: inline } .material-info-finish-row .beta-name .printability-center-link:hover { color: #08A3E9 } .material-info-finish-row .beta-name .material-info-popup-link { font-size: 11px; float: right; margin-right: 7px; display: inline } .quantity-select { width: 40px } .sw-product-edit-embed { width: 100%; resize: none; min-height: 14px; overflow: hidden } #model-sell-view p { font-size: 14px; line-height: 22px; margin-bottom: 0 } #model-sell-view h5 { font-size: 15px } .white-shadowbox { margin-bottom: 20px; padding: 25px 0 25px 15px; background-color: #fff; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 0 8px #ccc; -webkit-box-shadow: 0 0 8px #ccc; box-shadow: 0 0 8px #ccc } #edit-video-url { float: left; margin: 10px 0 0 0; max-width: 585px } #edit-video-url textarea { clear: both; width: 574px; resize: none } #edit-video-url span.text-subtle, #edit-video-url span.sw--text-strikethrough { float: left; font-size: 13px; margin: 6px 0 -10px 0 } #edit-video-preview { float: left; margin: 10px 20px 0 0; height: 78px; width: 105px; background: #fff; border: 1px solid #e0e3e5; overflow: hidden } .cocreatorvars { border-collapse: collapse; width: 100% } #cocreatorvars tr th { padding: 0 0 10px 0 } #cocreatorvars tr td { padding: 10px 10px 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd } #cocreatorvars tr td .variable_explanation { width: 170px; font-size: .9em } #cocreatorvars .obligatory { margin: 0 6px } #viewcategorieslist table { border-spacing: 0 } a.btAddRow { width: 29px; background: url(/img/sprite-03.png) no-repeat 0 -437px; margin-right: 5px; margin-left: 5px; cursor: pointer } a.btAddRow:focus, a.btAddRow:active { width: 29px; background: url(/img/sprite-03.png) no-repeat 0 -467px } a.btAddRow span { display: none } #cocreatorvars .btDelete2 { display: block; float: right; margin: 0 5px 0 0; cursor: pointer; width: 29px; height: 16px; background: transparent url(/img/sprite-03.png) no-repeat scroll 6px -177px } #cocreatorvars .btDelete span { display: none } #cocreatorvars .btDelete { cursor: pointer; display: block; float: right; width: 16px; height: 16px; background: transparent url(/img/sprite-03.png) no-repeat scroll 0 -177px } .bt { display: block; height: 32px } #cocreatorvars .btDelete2 span { display: none } #shapejs-preview-container { border: 1px solid #D8DCDF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .cocreator-tabs ul { margin-left: 0; border-bottom: 1px solid #D8DCDF; padding-bottom: 10px; padding-top: 20px; margin-bottom: 30px } .cocreator-tabs li { display: inline; margin-right: 20px; font-weight: bold; cursor: pointer } .cocreator-tabs .button { color: #8f9a9d } .cocreator-tabs .button.selected { color: #183643; border-bottom: 3px solid #36566F; padding-bottom: 10px } .sw-product-edit { margin-bottom: 40px !important } .edit-modal { display: none } .model-edit-section-detail { font-size: 14px; line-height: 22px; padding-top: 6px; padding-right: 10px } #youtubeUrl { padding: 12px 0 0 12px; font-size: 14px } #floating-menu { position: fixed; left: 0%; width: 100%; margin-left: 0px; text-align: right; background-color: rgba(255, 255, 255, 0.9); border-top: 1px solid #e0e3e5; bottom: 0px; z-index: 1000; height: 78px } #floating-menu .container { margin: 20px auto } div.render-posing-up-axis-selector { width: 34px; display: inline; margin-right: 24px } div.render-posing-up-axis-selector:last-child { margin-right: 0 } .render-pose-controls { width: 360px } .render-pose-controls p { color: #a1aaad; margin: 6px 0 10px } .sw-custom-text-image-edit { border: 1px solid #e0e3e5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; height: 512px; overflow: hidden; box-sizing: border-box !important } .sw-customization-region-sidebar { background-color: white; position: absolute; top: 0; right: 0; width: 240px; height: 512px; -webkit-box-shadow: -2px 0px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: -2px 0px 6px rgba(0, 0, 0, 0.15); box-shadow: -2px 0px 6px rgba(0, 0, 0, 0.15) } .sw-customization-region-sidebar__buttons { padding: 10px 20px; background-color: #f5f7f8 } .sw-customization-region-sidebar__region-nav-header { color: #183643; width: 100%; font-size: 12px !important; background-color: #e7ebee; padding: 7px 20px; margin: 0 } .sw-customization-region-sidebar__region-nav-list { list-style-type: none; margin: 0; padding: 2px 0; background-color: #f5f7f8; border-bottom: 1px solid #e0e3e5; height: 65px; overflow: auto; overflow-y: scroll } .sw-customization-region-sidebar__region-nav-item { padding: 4px 0; width: 100% } .no-touch .sw-customization-region-sidebar__region-nav-item:hover { cursor: pointer; background-color: #ecf0f2; border-left: 5px solid #183643 } .no-touch .sw-customization-region-sidebar__region-nav-item:hover .sw-customization-region-sidebar__region-nav-item-label { margin-left: 15px; color: #183643 } .sw-customization-region-sidebar__region-nav-item-label { margin-left: 20px; color: #183643; display: block } .sw-customization-region-sidebar__region-nav-item-selected { border-left: 5px solid #08A3E9; padding: 2px 0; margin: 2px 0 } .no-touch .sw-customization-region-sidebar__region-nav-item-selected:hover { background: none; cursor: default; border-left: 5px solid #08A3E9 } .no-touch .sw-customization-region-sidebar__region-nav-item-selected:hover .sw-customization-region-sidebar__region-nav-item-label { color: #08A3E9 } .sw-customization-region-sidebar__region-nav-item-selected .sw-customization-region-sidebar__region-nav-item-label { margin-left: 15px; font-weight: bold; color: #08A3E9 } .no-touch .sw-customization-region-sidebar__region-nav-item-selected .sw-customization-region-sidebar__region-nav-item-label:hover { color: #08A3E9; cursor: default } .sw-customization-region-sidebar__region-inputs { height: 238px; overflow-y: auto } .sw-customization-settings { list-style-type: none; margin: 0 } .sw-customization-settings__option { display: inline; margin: 0 24px 0 0; padding: 0 } .no-touch .sw-customization-settings__option:hover { cursor: pointer } .sw-customization-settings__option input { margin-right: 2px } .no-touch .sw-customization-settings__option input:hover { cursor: pointer } .sw-customization-settings__option label { position: relative; top: 1px } .no-touch .sw-customization-settings__option label:hover { cursor: pointer } .sw-edit-customization-settings { background-color: #fbfbfb } .sw-edit-customization-settings__detail-type-toggle { list-style-type: none; padding: 0 } .sw-edit-customization-settings__toggle-option { display: inline } .no-touch .sw-edit-customization-settings__toggle-option:hover { cursor: pointer } .no-touch .sw-edit-customization-settings__toggle-option input:hover { cursor: pointer } .sw-edit-customization-settings__toggle-option label { position: relative; top: 1px } .no-touch .sw-edit-customization-settings__toggle-option label:hover { cursor: pointer } .sw-edit-customization-settings__detail-depth-slider { display: inline-block; width: 140px } .sw-custom-model-viewer { background-color: #edeff0; border: 0 } .sw-custom-model-viewer-product-container .sw-custom-model-viewer-product-container__custom-maker-viewer { display: none } .sw-custom-model-viewer-product-container .sw-custom-model-viewer-product-container__product-slideshow { display: block } .sw-custom-model-viewer-product-container--cm-is-active .sw-custom-model-viewer-product-container__custom-maker-viewer { display: block } .sw-custom-model-viewer-product-container--cm-is-active .sw-custom-model-viewer-product-container__product-slideshow, .sw-custom-model-viewer-product-container--cm-is-active .sw-custom-model-viewer-product-container__preview-container { display: none } .sw-custom-model-viewer__wrapper { max-width: 626px } .sw-model-edit__header { height: 110px } .oops-404 { position: relative; height: 520px } .oops-404 img { position: absolute; top: 165px; left: 0 } .oops-404 .oops-box { position: absolute; width: 264; top: 100px; right: 20px; padding: 20px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4) } .oops-404 h4 { margin-bottom: 20px } .oops-404 p { font-size: .9em } .js #priceRangeFacetSpan { display: none } .ui-slider-horizontal .ui-slider-range { background: #fee7b8 } .no-js #priceRangeFacetSlider { display: none } .facet-category, .facet-material, .facet-customizable, .facet-is-mature, .facet-price { list-style: none; margin: 0; padding: 0; line-height: 1.3em } .facet-category a, .facet-material a, .facet-customizable a, .facet-is-mature a, .facet-price a { margin: 0; padding: 3px 0; color: #183643; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out } .no-touch .facet-category a:hover, .no-touch .facet-material a:hover, .no-touch .facet-customizable a:hover, .no-touch .facet-is-mature a:hover, .no-touch .facet-price a:hover { color: #08A3E9 } .facet-category a.selected, .facet-material a.selected, .facet-customizable a.selected, .facet-is-mature a.selected, .facet-price a.selected { color: #08A3E9; font-weight: bold } .facet-category ul li, .facet-material ul li, .facet-customizable ul li, .facet-is-mature ul li, .facet-price ul li { list-style: none } .collapse-top { margin: 0 !important } .facet-customizable, .facet-is-mature { margin: 0 } .js #sortOptionsSubmit { display: none } .search-facets { float: left; width: 100%; display: block; margin: 10px 0; overflow: hidden; padding: 10px 10px 15px 10px; background: #f5f7f8; border: 1px solid rgba(0, 0, 0, 0.05); position: relative; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .search-facets a, .search-facets a:visited { padding: 7px 10px 5px 10px; height: 26px; vertical-align: top; line-height: 1em; border: 1px solid #e0e3e5; color: #183643; margin: 0 1px 5px 1px; font-size: .9em; cursor: pointer; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .search-facets a:hover, .search-facets a:active, .search-facets a:visited:hover, .search-facets a:visited:active { text-decoration: none } .search-facets #facet-clear, .search-facets .clear-facet { color: #006894; background: #e5f7ff; border: 1px solid rgba(0, 0, 0, 0.1); border-left: none; height: 26px; vertical-align: top; line-height: 1em; font-weight: bold; text-align: center; box-shadow: none; text-shadow: none; float: left; padding: 7px 8px 5px 4px; margin: 0 8px 0 -6px; position: relative; font-size: 11px; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-clip: padding-box } .search-facets #facet-clear:hover, .search-facets .clear-facet:hover { color: #005A81 } .search-facets .selected { vertical-align: top; font-weight: 500; height: 26px; border: 1px solid rgba(0, 0, 0, 0.1); font-size: .9em; background: #e5f7ff; color: #00638e; line-height: 1em; padding: 7px 10px 5px 10px; margin: 0 4px 0 0; float: left; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; background-clip: padding-box; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #facet-display, .facet-type { float: left; min-width: 65px; margin: 2px 10px 0 0 } #shop-inventory-loading { width: 100%; height: 60px; background: url(/rrstatic/img/loading.gif) no-repeat center center } .co-creator .description .notice p { margin: 0 } .co-creator .content-container-right select { max-width: 178px } .co-creator label { font-weight: bold } .co-creator input { margin: 5px 5px 0 0 } #wpadminbar { z-index: 99 !important } .feed .container { width: 988px } .spinner-container { width: 300px; padding: 18px 20px; margin: 30px auto; text-align: center } .spinner-container img { margin: 0 auto } .activeUser { display: block; clear: both; margin: 5% 0 0 0 } .activity { font-size: .9em; color: #a1aaad; display: table; width: 100% } .activity .description { float: left; width: 80%; display: table-cell; line-height: 1.4em; font-size: .9em; color: #a1aaad; padding: 0; margin: 0; vertical-align: middle } .activity .avatar { float: left; width: 15%; height: auto; border: 1px solid #e0e3e5; margin-right: 5%; overflow: hidden; display: table-cell; vertical-align: middle; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .activity .avatar img { width: 100%; height: 100%; vertical-align: top } .country { clear: both } .address input[type=text], .address input[type=email], .address input[type=tel], .address input[type=number], .address input[type=password], .address input[type=date], .address input[type=timedate], .address select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 34px; width: 100% } .jumbotron { position: relative; color: #fff; text-shadow: none; overflow: hidden; background-color: #183643 } .jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4, .jumbotron h5 { color: #f5f7f8 } .jumbotron p { margin-bottom: 0; color: #f5f7f8; font-size: 1.1em } .list-header { padding: 0 0 40px 0; margin: 0 0 20px 0; border-bottom: 1px solid #e0e3e5; display: block; position: relative; -webkit-box-shadow: 0 1px 0 0 #D8DCDF; -moz-box-shadow: 0 1px 0 0 #D8DCDF; box-shadow: 0 1px 0 0 #D8DCDF } .list-header h1 { text-align: center; margin: 0; font-size: 2.6em } .list-header .avatar { width: 120px; height: 120px; margin: 5px 0 0 0; border: 3px solid #e0e3e5; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } #social-button-container { display: block; margin: 20px 0 } #social-button-container .share-txt { float: left; margin: 0 15px 0 0; color: #757372; font: italic 1em/1.4em Georgia, Times, serif } #social-button-container .facebook { top: -1px; margin: 0 15px 0 0; float: left } #social-button-container .twitter { margin: 0 15px 0 0; width: 75px; float: left } #social-button-container .tumblr { width: 130px; height: 20px; float: left; margin: 0 15px 0 0 } .gg-2013 .gg-cat { position: relative; margin: 0 0 30px 0 } @media all and (max-width: 480px) { .gg-2013 .gg-cat { margin: 0 0 10px 0 } } .gg-2013 .gg-cat a { display: block; width: 100%; padding: 6px; background: white; border: 1px solid #e0e3e5; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease } .gg-2013 .gg-cat a:hover { border: 1px solid #4FC9FF; color: #4FC9FF; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; opacity: 0.7 } .gg-2013 .gg-cat img { width: 100%; vertical-align: top; opacity: 1 } .gg-2013 .gg-cat-title { margin: 6px 0 0 0; color: #445258; font-size: 1.1em; font-weight: bold; display: block; position: relative; -webkit-font-smoothing: antialiased; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .gg-2013 .gg-cat-title:before { content: "\e619"; font-family: 'icons-sw'; speak: none; color: #D8DCDF; font-size: 0.8em; position: absolute; right: 0; top: 1px } .gg-2013 .span-6 a img { width: 456px } .gg-2013 .span-3 a img { width: 210px } .gg-2013 .span-4 a img { width: 292px } .list-page-header { display: inline-block; width: 100% } .list-page-header .container { margin: 40px auto 0 auto } .list-page-header #curator-image-container { width: 30px; height: 30px; display: block; overflow: hidden; border: 1px solid #e0e3e5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .list-page-header h1 { margin: 0 } .list-page-header .span-3 { text-align: right; padding: 12px 0 0 0 } .list-page-header .span-3 .twitter, .list-page-header .span-3 .facebook { float: right } .gg-category-box { width: 302px; height: 302px; float: left; border: 1px solid #e0e3e5; margin: 0 24px 20px 0; background: #D8DCDF; position: relative; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 1px 0 #e0e3e5; -moz-box-shadow: 0 1px 0 #e0e3e5; box-shadow: 0 1px 0 #e0e3e5 } .gg-category-box:hover { cursor: pointer; border: 1px solid #4FC9FF; -webkit-box-shadow: 0 1px 0 #4FC9FF, 0 0 7px #4FC9FF; -moz-box-shadow: 0 1px 0 #4FC9FF, 0 0 7px #4FC9FF; box-shadow: 0 1px 0 #4FC9FF, 0 0 7px #4FC9FF; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none } .gg-category-box:hover .curator { visibility: visible; opacity: 1; bottom: 5px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .gg-category-box a { width: 302px; height: 302px; display: block } .gg-bar { display: block; background: #4b4a49; background: rgba(75, 74, 73, 0.8); padding: 12px; font-size: 18px; color: white; text-shadow: none; border-radius: 4px 4px 0 0 } .gg-bar h3 { font-size: 20px; margin: 0; color: white; text-shadow: none; line-height: 1em } .gg-bar h3 span { font-size: 12px; text-transform: uppercase; color: #e0e3e5 } .curator { position: absolute; bottom: 1px; left: 5px; width: 284px; padding: 5px; display: block; text-align: right; font-size: 12px; color: white; z-index: 2; text-shadow: none; background: #4b4a49; background: rgba(75, 74, 73, 0.8); border-radius: 4px; line-height: 13px; visibility: hidden; opacity: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .curator p { margin: 6px 0 0 0; line-height: 1.7em\9 } .curator p em { color: #ccc } .curator .avatar { float: right; margin: 0 0 0 10px; width: 25px; height: 25px } .gg-bestsellers { background: url(/rrstatic/img/portal/gift-guide/bestsellers.jpg) top left no-repeat #D8DCDF } .gg-for-the-home { background: url(/rrstatic/img/portal/gift-guide/for-the-home.jpg) top left no-repeat #D8DCDF } .gg-fashion-jewelry { background: url(/rrstatic/img/portal/gift-guide/fashion-jewelry.jpg) top left no-repeat #D8DCDF } .gg-tech-accessories { background: url(/rrstatic/img/portal/gift-guide/tech-accessories.jpg) top left no-repeat #D8DCDF } .gg-games-memes { background: url(/rrstatic/img/portal/gift-guide/games-memes.jpg) top left no-repeat #D8DCDF } .gg-just-for-them { background: url(/rrstatic/img/portal/gift-guide/just-for-them.jpg) top left no-repeat #D8DCDF } .gg-under-25 { background: url(/rrstatic/img/portal/gift-guide/under-25.jpg) top left no-repeat #D8DCDF } .gg-over-200 { background: url(/rrstatic/img/portal/gift-guide/over-200.jpg) top left no-repeat #D8DCDF } .gg-gift-card { background: url(/rrstatic/img/portal/gift-guide/gift-card.jpg) top left no-repeat #D8DCDF } .gg-fabsugar { background: url(/rrstatic/img/portal/gift-guide/gg-fabsugar.jpg) top left no-repeat #D8DCDF } .gg-cnet { background: url(/rrstatic/img/portal/gift-guide/gg-cnet.jpg) top left no-repeat #D8DCDF } .gg-designmilk { background: url(/rrstatic/img/portal/gift-guide/gg-design-milk.jpg) top left no-repeat #D8DCDF } .gg-reddit { background: url(/rrstatic/img/portal/gift-guide/gg-reddit.jpg) top left no-repeat #D8DCDF } .gg-mashable { background: url(/rrstatic/img/portal/gift-guide/gg-mashable.jpg) top left no-repeat #D8DCDF } .gg-3dprinters { background: url(/rrstatic/img/portal/gift-guide/gg-3d-printers.jpg) top left no-repeat #D8DCDF } .more-gifts { width: 100%; padding: 2em 0 2.5em 0; background: white; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; display: block; height: 250px } .more-gifts-box a { width: 110px; height: 50px; margin: 0 5px; float: left; background: #ddd; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .more-gifts-box a:hover { margin: -2px 5px 0 5px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .more-gifts h3 { font-size: 1.8em; margin: 0 0 30px 0 } .about-btn a, .about-btn a:visited { background: #ececec; padding: 6px 20px 6px 15px; position: absolute; top: 151px; right: 0; color: #89898e; font-size: .9em; font-weight: 700; text-shadow: 0 1px 0 #f7f6f5; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; background-clip: padding-box; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .about-btn a:hover, .about-btn a:visited:hover { background: #e5e5e5; padding: 6px 25px 6px 15px; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out } #about-sw { padding: 1.5em 0 2em 0 } .ship-by-naeur { background: url(/rrstatic/img/portal/gift-guide/world-map-na-eur.gif) top center no-repeat white; padding: 30px; border: 1px solid #e0e3e5; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 2px 0 #e0e3e5; -moz-box-shadow: 0 2px 0 #e0e3e5; box-shadow: 0 2px 0 #e0e3e5 } .ship-by-naeur h3 { text-align: center; margin: 40px 0 } .ship-by-naeur h3 span { color: #757372; font-family: Georgia, Times, serif; font-style: italic } .ship-by-restofworld { background: url(/rrstatic/img/portal/gift-guide/world-map-restofworld.gif) top center no-repeat white; padding: 30px; border: 1px solid #e0e3e5; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 2px 0 #e0e3e5; -moz-box-shadow: 0 2px 0 #e0e3e5; box-shadow: 0 2px 0 #e0e3e5 } .ship-by-restofworld h3 { text-align: center; margin: 40px 0 } .ship-by-restofworld h3 span { color: #757372; font-style: italic } .order-before { padding: 0; margin: 0 0 20px 0; display: block; background: #293871; color: white; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; border: 1px solid #1d274f } .order-before strong { padding: 4px 0; padding: 7px 0\9; display: inline-block; text-shadow: 0 -1px 0 #1d274f } .order-before span { display: inline-block; padding: 7px 12px; margin: 0 3px 0 0; text-shadow: 0 -1px 0 #1d274f; color: #566291; background: #212d5a; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background-clip: padding-box } .materials-ship li { display: block; list-style: none; margin: 12px 0 0 0; padding: 0 10px 12px 10px; border-bottom: 1px solid #e0e3e5 } .materials-ship li img { width: 30px; height: 20px; overflow: hidden; float: left; margin: 0 10px 0 0; border: 1px solid #e0e3e5 } .gift-guide-category { margin: 0 0 12px 0; padding: 0 0 12px 0; line-height: 1.1em; border-bottom: 1px solid #e0e3e5 } .tabContainer { margin: 10px 0; width: 960px } .tabContainer .digiTabs { list-style: none; display: block; overflow: hidden; margin: 0; padding: 0px; position: relative; top: 1px } .tabContainer .digiTabs li { float: left; padding: 10px 20px; cursor: pointer; border-bottom: none; margin-right: 4px; font-family: helvetica, arial, sans-serif; font-size: 100%; font-weight: 300; color: #a6a4a3 } .tabContainer .digiTabs .selected { position: relative; padding: 10px 19px; border: 1px solid #e0e3e5; border-bottom: 1px solid white; border-radius: 3px 3px 0 0; font-size: 100%; font-weight: 300; color: #4b4a49; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1 } .tabContent { border: 1px solid #dfddd9; background-color: #fff; border-radius: 3px; overflow: hidden; float: left; margin-bottom: 32px } .tabContent table { font-size: .8em } .tabContent th { font-size: 14px; font-weight: normal; color: #4b4a49; padding: 10px 8px; border-bottom: 2px solid #c9c9c9; background: #fff } .tabContent td { color: #4b4a49; padding: 16px 8px 16px 8px; width: 20%; border-bottom: 1px solid #e0e0e0 } .promo-header { background: url("/rrstatic/cms/gift-guide-2013/promobar-background-2.jpg") top center no-repeat, linear-gradient(#455485, #afd7ed); padding: 0; margin: 0 auto; height: 48px; display: block; font-size: .8em; position: relative; overflow: hidden } .promo-header a { text-align: left; text-decoration: none; color: #064381; cursor: pointer; text-align: right } .promo-header a:hover { text-decoration: underline } .promo-header .promo-header-inner { margin: 0 auto; width: 960px; padding: 3px 0 0 0 } .promo-header .promo-header-inner img { display: inline; margin-right: 4px; text-align: left } .gift-card-select { display: block; overflow: hidden; text-align: center; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .gift-card-select:hover { cursor: pointer } .gift-card-select img { -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .profile-expertise { font-size: .9em; letter-spacing: .05em; line-height: 1.5em } .profile-model-lists { float: left; margin: 6px 0 0 0; display: block; font-size: 16px } .designer-profile-tabs li a { padding: 10px 20px } @media all and (min-width: 320px) and (max-width: 480px) { .designer-profile-tabs li a { padding: 8px 12px } } .profile-model-tabs { margin: 0 } .profile-model-tabs li { display: block; float: left; list-style: none; margin: 0; list-style: none; margin: 0; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .profile-model-tabs a { padding: 10px 20px; line-height: 2.2em; color: #a1aaad } .profile-model-tabs a:hover { background: none; color: #183643 } @media all and (min-width: 320px) and (max-width: 480px) { .profile-model-tabs a { padding: 8px 12px } } .profile-model-tabs .active a { position: relative; color: #183643; border-bottom: 5px solid #005A81; padding-bottom: 13px } .profile-model-tabs h2 { display: inline; font-size: inherit; padding: 0; margin: 0; font-weight: normal } .profile-model-tabs a .icon-support { margin-right: 7px; font-size: 13px; color: #a1aaad } .profile-model-tabs .active a .icon-support { color: #4FC9FF } .profile-results .results-header { border-bottom: 1px solid #e0e3e5; overflow: visible; height: 50px; margin-top: 0px; width: 100% } .user-profile-sort-options { position: relative; top: 12px } .myapi .app-details { border-top: 1px dotted #e0e3e5; padding: 20px 0 0 0; margin: 10px 0 0 0 } .myapi .app-details:after { content: ""; display: table; clear: both } .myapi .app-details p { margin: 0 0 10px 0 } .edu-header { background: url("https://static1.sw-cdn.net/files/cms/landing-pages/landing-header-bg-edu-2.jpg") center no-repeat white; background-size: cover; width: 100%; display: block } .edu-header:after { content: ""; display: table; clear: both } .edu-header .container { display: table; vertical-align: middle } .edu-header .container .signup-or-divider p { background: none } .edu-header .container .signup-or-divider hr { background: none } .edu-welcome a { overflow: hidden } .edu-welcome a h4 { color: #08A3E9 } .edu-welcome a:hover, .edu-welcome a:active { -webkit-box-shadow: 0 0 6px 0 #4FC9FF; -moz-box-shadow: 0 0 6px 0 #4FC9FF; box-shadow: 0 0 6px 0 #4FC9FF } .edu-welcome a img { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-clip: padding-box } .value-props { width: 100%; padding: 50px 0; display: block; border-bottom: 1px solid #e0e3e5; background: #EDEFF0 } .value-props:after { content: ""; display: table; clear: both } .start-creating { background: url("/rrstatic/img/spark-blue.svg") 90px 9px no-repeat #edeff0; background-size: 24% } .upload-now { background: url("/rrstatic/img/signup/upload_150-2.png") 76px -4px no-repeat #edeff0; background-size: 35% } .actions-bar { font-size: 13px; margin-bottom: 11px } .actions-bar:after { content: ""; display: table; clear: both } .actions-bar>li { display: inline-block; position: relative; float: left; margin-left: 8px; padding: 5px 7px; list-style: none; *line-height: 0.9 } .dropdown { position: relative } .dropdown a.dropdown-toggle { outline: none } .dropdown ul.dropdown-menu { display: none; z-index: 100; position: absolute; top: 100%; min-width: 130px; max-width: 400px; font-weight: 400; white-space: nowrap; background-color: #cfd4ea; *border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); opacity: 1; visibility: visible\9; margin: 6px 0 } .dropdown ul.dropdown-menu:after, .dropdown ul.dropdown-menu:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } .dropdown ul.dropdown-menu:after { border-color: rgba(255, 255, 255, 0); border-width: 7px; top: -14px; border-bottom-color: #cfd4ea; left: 0; margin-left: 6px } .dropdown ul.dropdown-menu:before { border-color: rgba(255, 255, 255, 0); border-width: 8px; top: -16px; border-bottom-color: #b8c0df; left: 0; margin-left: 5px } @media \0screen { .dropdown ul.dropdown-menu { border: 1px solid #bbb } } .dropdown ul.dropdown-menu li { list-style: none } .dropdown ul.dropdown-menu li:after { content: ""; display: table; clear: both } .dropdown ul.dropdown-menu li:first-child a { border-top: none; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box } .dropdown ul.dropdown-menu li:last-child a { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background-clip: padding-box } .dropdown ul.dropdown-menu li.info-block { padding: 5px 8px; white-space: normal } .dropdown ul.dropdown-menu a { display: block; padding: 5px 8px; color: #374a92; font-size: 14px; border-top: 1px solid #e0e3e5; border-bottom: none } .dropdown ul.dropdown-menu a:hover { background-color: white; color: #08A3E9 } .dropdown ul.dropdown-menu#bank-details-menu { bottom: 26px; right: -10px; width: 450px; max-width: 450px; padding: 5px 10px; font-size: 12px; line-height: 1.8 } .dropdown ul.dropdown-menu#bank-details-menu:before { margin-left: 442px } .dropdown ul.dropdown-menu#bank-details-menu:after { margin-left: 443px } .dropdown ul.dropdown-menu#credit-details-menu { bottom: 26px; left: -150px; width: 295px; padding: 5px 10px } .dropdown ul.dropdown-menu#credit-details-menu:before { margin-left: 152px } .dropdown ul.dropdown-menu#credit-details-menu:after { margin-left: 153px } .dropdown.from-bottom ul.dropdown-menu { top: auto; bottom: 100% } .dropdown.from-bottom ul.dropdown-menu:before { top: auto; bottom: -13px; border-bottom: solid rgba(255, 255, 255, 0); border-top-color: #b8c0df } .dropdown.from-bottom ul.dropdown-menu:after { top: auto; bottom: -10px; border-bottom: solid rgba(255, 255, 255, 0); border-top-color: #cfd4ea } .dropdown.open .dropdown-menu { display: block } .dropdown.open .dropdown-toggle { outline: none } .actions-bar .dropdown.open .dropdown-toggle { background-color: white; color: #374a92; top: 1px; -webkit-box-shadow: 0 0 1px rgba(55, 74, 146, 0.2); -moz-box-shadow: 0 0 1px rgba(55, 74, 146, 0.2); box-shadow: 0 0 1px rgba(55, 74, 146, 0.2) } .dropdown.center ul.dropdown-menu:before { left: 50%; margin-left: -8px } .dropdown.center ul.dropdown-menu:after { left: 50%; margin-left: -7px } .tipsy { font-size: 11px; line-height: 1.5; position: absolute; padding: 5px; z-index: 100000; text-shadow: none 2px 5px rgba(0, 0, 0, 0.4) } .tipsy.animate .tipsy-animate { opacity: 1 } .animate.tipsy-n .tipsy-animate, .animate.tipsy-nw .tipsy-animate, .animate.tipsy-ne .tipsy-animate { margin-top: -6px } .animate.tipsy-s .tipsy-animate, .animate.tipsy-sw .tipsy-animate, .animate.tipsy-se .tipsy-animate { margin-top: 6px } .animate.tipsy-e .tipsy-animate { margin-left: 6px } .animate.tipsy-w .tipsy-animate { margin-left: -6px } .tipsy-animate { position: relative; opacity: 0; margin: 0; -moz-transition: margin 200ms ease, opacity 200ms ease; -o-transition: margin 200ms ease, opacity 200ms ease; -webkit-transition: margin 200ms ease, opacity 200ms ease; transition: margin 200ms ease, opacity 200ms ease } .tipsy-inner { background: rgba(0, 0, 0, 0.8); background: black\9; color: #FFF; max-width: 200px; padding: 4px 8px 5px; text-align: center } .tipsy-inner { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px solid #000 } .tipsy-arrow-n { border-bottom-color: rgba(0, 0, 0, 0.8); border-bottom-color: black\9 } .tipsy-arrow-s { border-top-color: rgba(0, 0, 0, 0.8); border-top-color: black\9 } .tipsy-arrow-e { border-left-color: rgba(0, 0, 0, 0.8); border-left-color: black\9 } .tipsy-arrow-w { border-right-color: rgba(0, 0, 0, 0.8); border-right-color: black\9 } .tipsy-n .tipsy-arrow { top: -5px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent } .tipsy-nw .tipsy-arrow { top: -5px; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent } .tipsy-ne .tipsy-arrow { top: -5px; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent } .tipsy-s .tipsy-arrow { bottom: -5px; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent } .tipsy-sw .tipsy-arrow { bottom: -5px; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent } .tipsy-se .tipsy-arrow { bottom: -5px; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent } .tipsy-e .tipsy-arrow { right: -5px; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent } .tipsy-w .tipsy-arrow { left: -5px; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent } .model-pricing-table { font-size: .9em } .product-title-row { background: #f5f7f8; border-bottom: 1px solid #e0e3e5; display: inline-block; width: 100% } .product-title-row:after { content: ""; display: table; clear: both } .product-title-row h3 { padding-bottom: 0; margin-bottom: 0; padding-top: 7px } .product-title-row .container { margin-bottom: 0 } .tabContent { border: 1px solid #dfddd9; background-color: #fff; border-radius: 3px; overflow: hidden; float: left; margin-bottom: 32px } .tabContent table { font-size: .8em } .tabContent th { font-size: 14px; font-weight: normal; color: #4b4a49; padding: 10px 8px; border-bottom: 2px solid #c9c9c9; background: #fff } .tabContent td { color: #4b4a49; padding: 16px 8px 16px 8px; width: 20%; border-bottom: 1px solid #e0e0e0 } .material-is-default { font-weight: 500; color: #91B6C7; display: block; letter-spacing: .5px } .unprintable-material { text-transform: uppercase; font-weight: bold; letter-spacing: 1.25px; text-align: center; color: #a1aaad; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .beta-key .icon-cancel { color: #ec999e; margin-left: -1px } .beta-key .icon-support { font-size: 12px; margin-left: 1px; color: #4FC9FF } .beta-key .icon-checkmark { color: #a4d765 } .beta-key { background-color: #f5f7f8; padding: 20px; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; margin-bottom: 20px } .beta-key i { width: 20px; top: 0px; left: 1px } .feature-preview { width: 200px } #myshop-settings input[type="checkbox"] { width: 20px; margin: 0 } #myshop-settings #locked-notifier { padding-bottom: 20px; border-bottom: 1px solid #e0e3e5; margin-bottom: 30px } #myshop-settings .myshop-sections .sortable-placeholder { width: 100%; display: inline-block; float: left; height: 47px; list-style: none } .shop-settings__payout { max-width: 300px } .payment-download { display: block; margin: 20px 0; padding: 5px 2px } .replace-banner { display: block; margin: 0 0 10px 0; position: relative; overflow: hidden; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .replace-banner input[type="file"] { visibility: visible; opacity: 0; cursor: pointer } .my-shop-box { padding: 20px; margin-bottom: 1.5em; background: #fff; border: 1px solid white; position: relative; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -webkit-box-shadow: 0 1px 1px #D8DCDF; -moz-box-shadow: 0 1px 1px #D8DCDF; box-shadow: 0 1px 1px #D8DCDF; border: 1px solid #e0e3e5; padding: 80px 20px 20px 20px } .my-shop-box:after { content: ""; display: table; clear: both } .shop-csv-tool { min-height: 390px; display: none; background-color: whitesmoke; margin: 5px 0 0 0 } .shop-csv-tool h3 { margin: 0 0 20px 0 } .shop-csv-tool .myshop_csv_tool_download_middle { margin: 0 0 20px 0; overflow: hidden } .shop-csv-tool .myshop_csv_tool_download_middle:after { content: ""; display: table; clear: both } .shop-csv-tool .csv_tool_ps { margin: 10px 0 20px 0 } .shop-csv-tool .csv_upload_ps { color: #e0e3e5 } .shop-csv-tool .csv_upload_ps .title { font-size: 1.5em; font-weight: bold } .shop-csv-tool .csv_upload_ps.csv_upload_active .title { color: #444; font-size: 1.5em } .shop-csv-tool .csv_upload_ps .csv_upload_bar { background: #e0e3e5; height: 10px } .shop-csv-tool .csv_upload_ps .csv_ps_description { padding-top: 15px; padding-bottom: 30px } .shop-csv-tool .csv_upload_ps.csv_upload_active .csv_upload_bar { background: #444 } .shop-csv-tool .next-step { text-align: right; padding: 3px 0 0 0 } .shop-csv-tool .next-step a { font-size: 20px; font-weight: 300; line-height: 1.2em } .shop-csv-tool .next-step span { font-weight: bold } .myshop_markupcsv_preview_body { overflow: hidden } .myshop_markupcsv_preview_body:after { content: ""; display: table; clear: both } .myshop-tooltip { color: #4B4A49; font-size: 12px; float: left; background-color: #DAD9D7; width: 360px; overflow: visible; padding: 6px; position: relative; margin-left: 20px; margin-top: 20px; text-shadow: none } .myshop-tooltip:after, .myshop-tooltip:before { content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: solid rgba(255, 255, 255, 0) } .myshop-tooltip:after { border-color: rgba(255, 255, 255, 0); border-width: 13px; left: -26px; border-right-color: #DAD9D7; top: 0; margin-top: 11px } .myshop-tooltip:before { border-color: rgba(255, 255, 255, 0); border-width: 14px; left: -28px; border-right-color: none; top: 0; margin-top: 10px } .shop-details__tab-nav { height: 47px; max-width: 23%; padding: 0 2.5% !important } @media all and (max-width: 768px) { .shop-details__tab-nav { max-width: 40% } } .shop-settings__icon-vertical-resize, .shop-settings__icon-wishlist { padding-top: 8px } .shop-settings__shop-sections-input { width: calc(100% - 38px) } .shop-settings__icon-cancel { padding-top: 12px } .shop-settings__shop-add-section-input { width: calc(100% - 22px) } .hub-header, .more-help { background: #f5f7f8; background-size: cover; border-bottom: 1px solid #edeff0; display: block; margin: 0 auto; width: 100%; overflow: hidden } .hub-header:after, .more-help:after { content: ""; display: table; clear: both } .hub-header { padding: 30px 0 60px 0; margin-bottom: 60px } .more-help { border-top: 1px solid #edeff0; padding: 30px 0 60px 0 } .more-help [class*='icon-'] { font-size: 4em; margin-bottom: 7%; color: #d8dcde } .hub-categories { margin-bottom: 40px } .hub-category a, .hub-category a:visited { -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; overflow: hidden; border: 1px solid #e0e3e5; color: #183643; display: block; height: 240px; margin-bottom: 24px; padding: 0 50px; text-align: center } .hub-category a:after, .hub-category a:visited:after { content: ""; display: table; clear: both } .hub-category a:hover, .hub-category a:focus, .hub-category a:visited:hover, .hub-category a:visited:focus { border: 1px solid #08A3E9 } .hub-category a:hover h4, .hub-category a:focus h4, .hub-category a:visited:hover h4, .hub-category a:visited:focus h4 { color: #08A3E9 } .hub-category-text { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .hub-category h4 { -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out } .featured-tutorial img { -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; vertical-align: top; display: block; width: 100%; padding: 2%; border: 1px solid #e0e3e5; margin-bottom: 10px; overflow: hidden } .featured-tutorial h5 { -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; margin: 0 } .featured-tutorial a { -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; display: block; height: 100% } .featured-tutorial a:hover img { border: 1px solid #08A3E9 } .featured-tutorial a:hover h5 { color: #08A3E9 } .tutorial-list { list-style: none; margin: 30px 0 60px 0; padding: 0; border: 1px solid #e0e3e5; display: block; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .tutorial-list li { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #edeff0 } .tutorial-list li:last-of-type { border: none } .tutorial-list a { display: block; height: 100%; padding: 20px 30px; overflow: hidden; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out } .tutorial-list a:after { content: ""; display: table; clear: both } .tutorial-list a:hover { background: #f5f7f8 } .tutorial-list a:hover h5 { color: #08A3E9 } .tutorial-list a .icon-document, .tutorial-list a .icon-video { font-size: 3.6em; color: #d8dcde } .tutorial-list h5 { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-bottom: 0.2em } .tutorial-list p { color: #a1aaad; margin-bottom: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .tutorial-list .col-7-8 { height: 50px } @media all and (max-width: 480px) { .hub-header { margin-bottom: 30px; padding: 10px 0 40px 0 } .hub-categories { margin-bottom: 10px } .hub-category a, .hub-category a:visited { height: 180px } .featured-tutorial { margin-bottom: 30px } .featured-tutorial:last-of-type { margin-bottom: 0 } .tutorial-list { margin: 0 0 30px 0 } .more-help .col-1-3 { margin-bottom: 50px } .more-help .col-1-3:last-of-type { margin-bottom: 0 } .more-help .col-1-3 [class*='icon-'] { margin-bottom: 3% } } @media all and (max-width: 768px) and (min-width: 480px) { .hub-header { margin-bottom: 20px } .hub-header { margin-bottom: 20px; padding: 10px 0 40px 0 } .hub-categories { margin-bottom: 10px } .hub-category a, .hub-category a:visited { height: 200px } .featured-tutorial { margin-bottom: 30px } .featured-tutorial:last-of-type { margin-bottom: 0 } .tutorial-list { margin: 0 0 30px 0 } .more-help .col-1-3 { margin-bottom: 50px } .more-help .col-1-3:last-of-type { margin-bottom: 0 } .more-help .col-1-3 [class*='icon-'] { margin-bottom: 3% } } .infohome .span-9 img { max-width: 674px } .tutmenu { background: #fff; padding: 20px 0px 0px 0px; margin: 0px 0px 20px } .tutmenu .colheader { padding: 7px 12px; background: #f5f7f8; border-bottom: 1px solid #edeff0; color: #183643; font-size: .9em; font-weight: bold; -webkit-font-smoothing: antialiased } .tutmenu ul { padding: 0px } .tutmenu ul li { list-style-type: none !important; font-size: .9em; border-bottom: 1px solid #edeff0 } .tutmenu ul li:last-of-type { border: none } .infohome-home-link { display: block; margin-bottom: 20px } .full-bleed li a { padding: 7px 12px; display: block } .info-timeline { position: relative; background:transparent url('{config}{"key":"path_static"}{/config}/rrstatic/img/tutorials/timeline-bg.png') no-repeat 12px 100%; padding: 0 0 0 26px; margin-top: 40px } .info-timeline.fadestart:before { content: ""; position: absolute; height: 40px; width: 5px; top: 0px; left: 12px; border-top: 30px #FFF solid; background:transparent url('{config}{"key":"path_static"}{/config}/rrstatic/img/tutorials/timeline-bg.png') no-repeat 0 0 } .infohome .span-9 ul.info-timeline li { position: relative; z-index: 2; list-style-image:url('{config}{"key":"path_static"}{/config}/rrstatic/img/tutorials/timeline-bullet.png'); padding: 0 0 25px 5px; line-height: 120% } .infohome P.info-timeline-end { padding-top: 10px } .infohome .info-timeline-end img { vertical-align: middle } .infohome .infoul { padding-left: 30px; list-style: disc; padding-bottom: 20px } .infohome .span-9 ul.infoul li { padding: 0px; list-style: disc } .applist { border: 1px solid #DDD; border-radius: 4px; font-size: 14px } .applist TD { padding: 2px 5px 2px 15px; border-top: 1px solid rgba(0, 0, 0, 0.02) } .applist TR:hover TD { background-color: rgba(179, 222, 243, 0.2); border-top-color: rgba(179, 222, 243, 0.2) } .topicsection { clear: both; margin-top: 40px; padding: 40px 0 40px 57px; border-top: 1px solid #dfddd9 } .topicsection H3 { margin-bottom: 20px } .topicsection H3 IMG { margin-left: -57px; display: block; position: relative; top: -13px; float: left } .support-list { list-style: disc; padding-left: 25px } .hero-status { position: relative; min-height: 165px } .hero-status:after { content: ""; display: table; clear: both } .hero-status .status-bar-positioner { position: absolute; width: 100%; top: 85px } .hero-status .status-bar-bg { position: relative; height: 66px; margin: 0 85px; background: #36566F; -webkit-border-radius: 40px; border-radius: 40px; background-clip: padding-box } .hero-status .status-bar-bg .placeholder { position: absolute; bottom: 13px; height: 54px; width: 24px; font-size: 44px; line-height: 1.7; font-weight: bold; color: white; filter: alpha(opacity=50); opacity: .5 } .hero-status .status-bar-bg .placeholder.step-1 { left: 21px } .hero-status .status-bar-bg .placeholder.step-2 { left: 33.2% } .hero-status .status-bar-bg .placeholder.step-3 { left: 63.7% } .hero-status .status-bar-bg .placeholder.step-4 { right: 23px } .hero-status .status-unit-wrap { padding-bottom: 25px } .hero-status .status-unit-wrap:after { content: ""; display: table; clear: both } .hero-status .status-unit { position: relative; float: left; width: 25%; height: 129px } .hero-status .status-marker { position: absolute; bottom: -19px; left: 50%; margin-left: -30px; height: 60px; width: 60px; font-size: 44px; font-weight: bold; -webkit-border-radius: 50px; border-radius: 50px; background-clip: padding-box; color: #b8c0df } .hero-status .status-marker:before { position: absolute; top: 12px; left: 12px; font-size: 36px } .hero-status .status-marker span { position: relative; top: -1px; left: -1px } .hero-status .status-labels { position: relative; text-align: center } .hero-status .status-labels h2, .hero-status .status-labels h5, .hero-status .status-labels p { position: absolute; left: 0; width: 100% } .hero-status .status-labels h2 { top: 0 } .hero-status .status-labels h5 { top: 45px } .hero-status .status-labels p { top: 9px; font-size: 12px; line-height: 1.5 } .hero-status .status-labels p strong { font-size: 14px } .hero-status .status-labels .info-tip { opacity: 0.8; color: #b8c0df; text-shadow: none } .hero-status .status-labels .info-tip:hover { color: #cfd4ea } .hero-status .status-unit.status-active .status-marker { padding: 26px; height: 78px; width: 78px; bottom: -26px; margin-left: -42px; line-height: 0.8em; color: #4FC9FF; background: #ffffff; -moz-transition: left 400ms ease; -o-transition: left 400ms ease; -webkit-transition: left 400ms ease; transition: left 400ms ease; left: -50% } .hero-status .status-unit.status-active .status-marker span { opacity: 0; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease } .hero-status .status-unit.status-active .status-marker.ratchet-to-center { left: 50% } .hero-status .status-unit.status-active .status-marker.ratchet-to-center span { opacity: 1 } .hero-status .status-unit.status-active .status-marker:before { top: 17px; left: 17px; font-size: 42px } .hero-status .status-unit.status-active.first .status-marker { left: 50% } .hero-status .status-unit.status-success .status-marker { background-color: #4FC9FF; color: white; top: auto } .hero-status .status-unit.status-success .success-trail { position: absolute; bottom: 6px; left: 50%; width: 100%; height: 10px; background-color: #4FC9FF } .hero-status .status-unit.status-success .success-trail#animate-status-trail { -moz-transition: width 400ms ease; -o-transition: width 400ms ease; -webkit-transition: width 400ms ease; transition: width 400ms ease; width: 0% } .hero-status .status-unit.status-success .success-trail#animate-status-trail.expand-trail { width: 100% } .hero-status .status-unit.status-error .status-marker { color: #ec999e } .hero-status .status-unit.status-disabled { filter: alpha(opacity=70); opacity: .7 } .multi-status .status-takeover, .qty-unit { font-size: 11px; font-weight: 500 } .multi-status { max-width: 400px; display: table; position: relative; border: 1px solid #d4d8db; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box } .multi-status:after { content: ""; display: table; clear: both } .multi-status .qty-unit:before, .multi-status .status-takeover:before { position: absolute; top: 7px; font-size: 28px } .multi-status .qty-unit { float: left; position: relative; padding: 6px 7px 4px; border-right: 1px solid #e0e3e5; -webkit-box-shadow: 1px 0 0 #f5f7f8; -moz-box-shadow: 1px 0 0 #f5f7f8; box-shadow: 1px 0 0 #f5f7f8 } .multi-status .qty-unit.first { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-clip: padding-box } .multi-status .qty-unit.last { border-right: none; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-right: 4px !important } .multi-status .qty-unit.attach-right { float: none; position: absolute; left: 100%; margin-left: 5px; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .multi-status .qty-unit.inactive { color: #b4bbbd } .multi-status .qty-unit.status-success { border-right: 1px solid #d4d8db; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) } .multi-status .qty-unit.status-success.last { border: none } .multi-status .status-takeover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 7px 10px 8px; background-color: white; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; text-align: center; box-shadow: 0 0 0 1px #d4d8db } .multi-status .status-takeover .quantity { text-indent: 16px } .multi-status .status-takeover .status-name { position: relative; top: 3px } .multi-status .status-takeover.status-disabled { background-color: #edeff0 } .multi-status a.status-takeover:hover { color: #064381; background-color: #cfd4ea; box-shadow: 0 0 0 1px #bbc2c6 } .multi-status .status-success { background-color: white } .multi-status .status-success:before { color: #a4d765 } .multi-status .status-success .status-name { color: #a4d765 } .qty-unit { line-height: 1.2 } .qty-unit .quantity, .qty-unit .status-name { display: inline-block } .qty-unit .quantity { padding-bottom: 4px; font-size: 30px; font-weight: bold; line-height: 1 } #order-details .info-block { margin-bottom: 20px } #order-details #orderline-list { margin-bottom: 20px } .powered-by { float: left; padding: 15px 0px 5px 0px; font-size: 0.8em } .partner-url { float: right; padding: 15px 0px 5px 0px; font-size: 0.8em } .data-icon-shipped:before { content: "\e605"; font-family: 'icons-sw'; speak: none; color: #4FC9FF; font-size: 1em; position: absolute; left: calc(50% - 0.5em); top: calc(50% - 0.35em) } .data-icon-complete:before { content: "\e61b"; font-family: 'icons-sw'; speak: none; color: white; font-size: .7em; position: absolute; left: calc(50% - 0.5em); top: calc(50% - 0.35em) } .data-icon-cancelled { width: 38px; height: 38px; position: relative; top: 10px; left: 10px; background: url("/rrstatic/img/sprites/order-status-sprite-2013031401.png") scroll -100px -8px no-repeat } .data-icon-warning-small { width: 22px; height: 22px; display: inline-block; position: relative; margin-right: 4px; background: url("/rrstatic/img/sprites/order-status-sprite-2013031401.png") -172px -10px no-repeat } .data-icon-complete-small { width: 30px; height: 30px; display: inline-block; position: absolute; left: 14px; background: url("/rrstatic/img/sprites/order-status-sprite-2013031401.png") -144px -2px no-repeat } .data-icon-download-med { width: 30px; height: 24px; display: inline-block; position: absolute; top: 9px; left: 132px; background: url("/rrstatic/img/sprites/order-status-sprite-2013031401.png") -229px 0 no-repeat } .status-takeover:hover .data-icon-download-med { background-position: -229px -24px } .data-icon-complete-small.centered { left: 50%; margin-left: -15px } .data-icon-cancel { width: 15px; height: 16px; display: inline-block; position: relative; top: 2px; margin-right: 4px; background: url("/rrstatic/img/sprites/order-status-sprite-2013031401.png") -215px -12px no-repeat } .disabled .data-icon-cancel { background-position: -215px -30px } .success .chevron-top-left:after { border-bottom-color: #d8eeb9 } .info .chevron-top-left:after { border-bottom-color: #eaf6fc } .notice .chevron-top-left:after { border-bottom-color: #fee7b8 } .error .chevron-top-left:after { border-bottom-color: #ec999e } .error .chevron-top-left:before { border-bottom-color: #f9e0e2 } .product-slideshow .caption-box { min-height: 45px } .product-slideshow .caption-box .caption { max-width: calc(100% - 25px); line-height: 16px; text-overflow: ellipsis; white-space: nowrap; color: #08A3E9 } .product-slideshow .caption-box .caption:hover { color: #064381 } .product-slideshow .caption-box .caption.show-more { white-space: normal } .product-slideshow .caption-box .caption-text { color: #183643; text-decoration: none } .product-slideshow .caption-box .caption-text:hover { text-decoration: none } .product-owner-banner { border: 1px solid #9be0ff; line-height: 40px; font-weight: 500 } @media all and (max-width: 480px) { .product-owner-banner { border: none; background: none } } .product-slideshow-film-strip-wrapper { width: calc(100% - 60px) } .product-slideshow-film-strip-container { padding-top: calc(((100% - 46px) / 20 * 3) + 2px); height: 74px } .product-slideshow-thumb { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out } .product-description-content img { max-width: 100% } .product-comments #comments .preview-container { display: inline } .btn-buy-now { height: auto; padding-top: 20px; padding-bottom: 20px } .product-youtube-player { width: 625px; height: 365px } .landing-pages { color: #183643; font-weight: normal } .landing-pages img { width: 100%; height: auto; vertical-align: top } @media all and (min-width: 960px) { .landing-page-header .container, .landing-page-header .sw-grid, .contest-landingpage-header .container, .contest-landingpage-header .sw-grid, .upload-page-header .container, .upload-page-header .sw-grid { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto } } .entry img { max-width: 100%; border-radius: 2px; margin: 0 auto } .landing-pages h2 { font-size: 2.2em; line-height: 1.3em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased } @media all and (min-width: 320px) and (max-width: 768px) { .landing-pages h2 { font-size: 1.6em } } .landing-subheadline { color: #67757b; margin-bottom: 30px } .landing-page-header, .contest-landingpage-header, .upload-page-header { background-size: cover; height: 500px; position: relative } @media all and (min-width: 768px) and (max-width: 960px) { .landing-page-header, .contest-landingpage-header, .upload-page-header { padding: 5% 0 6% 0; height: auto } } @media all and (min-width: 320px) and (max-width: 768px) { .landing-page-header, .contest-landingpage-header, .upload-page-header { padding: 4% 0 5% 0; height: auto } } .landing-page-header h1, .contest-landingpage-header h1, .upload-page-header h1 { font-size: 3.4em; margin: 0 0 16px 0; line-height: 1.1em; letter-spacing: -.5px; text-rendering: optimizeLegibility } @media all and (min-width: 320px) and (max-width: 768px) { .landing-page-header h1, .contest-landingpage-header h1, .upload-page-header h1 { font-size: 1.8em; margin: 0 0 10px 0 } } .landing-page-header h2, .contest-landingpage-header h2, .upload-page-header h2 { font-size: 1.3em; font-weight: 400; line-height: 1.4em } @media all and (min-width: 320px) and (max-width: 768px) { .landing-page-header h2, .contest-landingpage-header h2, .upload-page-header h2 { font-size: .9em } } .better-together img { max-width: 16em; margin-top: 50px; opacity: 0.7 } .value-props { background: #36566F; padding: 5% 0; position: relative } .value-props h4 { color: white; font-weight: bold; margin-bottom: 4%; -webkit-font-smoothing: antialiased } .value-props p { color: #b8c8d5; margin: 0 } @media all and (max-width: 480px) { .value-props p { margin: 0 0 20px 0 } .value-props p:nth-child(3) { margin: 0 } } .how-it-works, .testimonials, .video-block, .tutorial-showcase, .tagged-products, .tool-help, .prizes, .partner-content, .get-started, .material-examples, #design-a-product, #upload-to-shapeways, #we-produce-it, #share-with-the-world { padding: 6% 0 } .how-it-works .sw-grid, .testimonials .sw-grid, .video-block .sw-grid, .tutorial-showcase .sw-grid, .tagged-products .sw-grid, .tool-help .sw-grid, .prizes .sw-grid, .partner-content .sw-grid, .get-started .sw-grid, .material-examples .sw-grid, #design-a-product .sw-grid, #upload-to-shapeways .sw-grid, #we-produce-it .sw-grid, #share-with-the-world .sw-grid { margin-top: 0 } .how-it-works p strong { color: #445258; font-size: 1.15em; letter-spacing: .5px } .how-it-works ul li { margin-bottom: 8px; padding-bottom: 8px; font-size: 14px; line-height: 22px; list-style: none } .how-it-works ul { margin: 0 } .how-it-works h3 { font-size: 3.5em; color: #4FC9FF; font-weight: 300; margin-bottom: 5px; line-height: 1em } .how-it-works p { margin: 0 0 10px 0 } .testimonials { background: url(https: //static1.sw-cdn.net/files/cms/landing-pages/poly-bg-transparent.png) top center no-repeat #4fc9ff;background-size:cover}.testimonials blockquote{background:white;font-style:normal;margin:0;padding:30px;font-size:1.3em;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background-clip:padding-box}@media all and (min-width: 320px) and (max-width: 768px){.testimonials blockquote{font-size:1em}}.testimonials .author{text-transform:uppercase;position:relative;display:block;background:#e5f7ff;padding:11px 30px 10px 30px;margin:0 0 24px 0;font-size:.8em;letter-spacing:.5px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;background-clip:padding-box}.testimonials .author .avatar{position:absolute;top:-24px;right:4%;background:white;overflow:hidden;width:54px;height:54px;display:block;border:3px solid white;-webkit-border-radius:50%;border-radius:50%;background-clip:padding-box}.tutorial-showcase-row{display:block;padding:0 0 24px 0;margin-bottom:37px;height:100%;border-bottom:1px solid #edeff0}.sponsor-images .container{height:220px;position:relative;margin:0 auto}.sponsor-images p.entry{margin-bottom:0}.sponsor-images p.entry img{border-radius:0}.sponsor-images .span-4{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#modelUploadForm>small{font:normal normal 10px/12px Arial;line-height:12px !important;margin:0 !important;font-size:10px !important}.get-started .action-button,.get-started .secondary-button{min-width:318px}.how-it-works-nav{width:100%;display:block;z-index:10;padding:20px 0;position:absolute;top:400px}.how-it-works-nav.fixed{position:fixed;top:0;bottom:auto;z-index:10;width:100%;background:rgba(255,255,255,0.95);box-shadow:0 0 8px rgba(0,0,0,0.4)}.how-it-works-nav.fixed a{color:#183643}.how-it-works-nav a{color:#f5f7f8;display:block;line-height:1.4em;letter-spacing:0.05em;font-size:.8em;text-decoration:none;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out}.how-it-works-nav a .step-nums{float:left;font-weight:100;margin:0 10px 0 0;font-size:3em;line-height:.9em}.how-it-works-nav a:hover{color:#4FC9FF}@media all and (max-width: 768px){nav.fixed{display:none}.how-it-works-nav{display:none}}.fade-hover{opacity:1;display:block;height:100%;transition:all 200ms ease-out}.no-touch .fade-hover:hover{opacity:.75}.shop-banner{min-height:150px}.shop-banner__image-container{padding-bottom:22%}.shop-banner__avatar{margin-top:-75px}@media all and (min-width: 320px) and (max-width: 480px){.shop-banner__avatar{margin-top:-35px}}.shop-extended-description{background-color:#f0f0f0}.printability-center-header{min-width:1024px;padding:20px 50px;background:#fbfbfb;color:#a1aaad;border-top:1px solid #e0e3e5;position:relative;-webkit-box-shadow:0 3px 5px rgba(46,54,61,0.25);-moz-box-shadow:0 3px 5px rgba(46,54,61,0.25);box-shadow:0 3px 5px rgba(46,54,61,0.25)}.printability-center-header h4{display:inline}.printability-center-header a{display:inline}.printability-center-nav{font-weight:bold;font-size:16px;display:inline-block;float:left;color:#183643}.printability-center-nav a{display:inline;font-weight:normal}.printability-center-nav.public-header{height:39px;line-height:38px}.printability-header-actions{float:right}.printability-header-actions a,.printability-header-actions div{margin-bottom:0}.checks-sidebar{width:264px;height:calc(100vh - 160px);overflow-x:hidden;overflow-y:scroll;display:inline-block;float:left;background:#f5f7f8;border-right:1px solid #e0e3e5;margin:0;padding:0}.checks-sidebar .printability-icon{height:20px;font-size:18px}.checks-sidebar .printability-icon.pass{color:#95d04c}.checks-sidebar .printability-icon.maybe{color:#ffc035;font-size:20px;margin-left:-1px;margin-top:-1px;margin-bottom:1px}.checks-sidebar .printability-icon.fail{color:#E54A3A}.checks-sidebar .printability-icon.null{color:#b4bbbd;font-size:17px}.checks-sidebar .printability-icon.processing{background:url("/rrstatic/img/loading.gif") top no-repeat;background-size:contain;width:18px;height:18px}.printability-center-container{display:block}.automated-printability-checks-button-panel{border-top:1px solid #e0e3e5;padding:34px 34px 0 0;width:714px;position:relative}.printability-center-content{width:calc(100% - 264px);display:inline-block;float:left}.printability-center-content .printability-guidelines-panel{display:inline-block;float:left;padding:20px;width:40%;height:calc(100vh - 160px);overflow-y:scroll;overflow-x:hidden;border-right:1px solid #e0e3e5}.printability-center-content .printability-guidelines-panel p{margin-bottom:20px;width:100%}.printability-center-content .printability-guidelines-panel .scrolling-data{overflow-y:scroll;max-height:80px}.printability-center-content .printability-guidelines-panel .scrolling-data ol{list-style:decimal inside none}.printability-center-content .printability-vis-panel{width:60%;height:calc(100vh - 161px);float:left;display:inline-block}.printability-center-content .wallthickness-old,.printability-center-content .wallthickness-heatmap{height:100%;width:100%}.printability-center-content .wallthickness-viz-toggle{position:absolute;padding:6px 12px;margin-top:20px;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box;background:#fbfbfb;border:1px solid #e0e3e5}.printability-center-content .x3dom-canvas{height:100vh;width:100%}.printability-center-content .printability-section-loading{height:100%;width:100%;position:relative;z-index:20}.viz-toggle-wrppr{top:20px;left:20px}.printability-center-x3dom .wall-thickness-fix-model-toggle{bottom:158px}.printability-center-x3dom .wall-thickness-fixing-problem-area-selector{padding:12px;bottom:80px;background:white;margin:0;-webkit-box-shadow:0 -2px 5px rgba(106,117,128,0.07);-moz-box-shadow:0 -2px 5px rgba(106,117,128,0.07);box-shadow:0 -2px 5px rgba(106,117,128,0.07)}.printability-center-x3dom .wall-thickness-fixing-problem-area-selector button{overflow:visible}.printability-center-x3dom .wall-thickness-fixing-problem-area-selector .btn-white{overflow:visible}.printability-center-x3dom .wall-thickness-fixing-legend{bottom:158px}.printability-center-x3dom .printability-center-progress-indicator{padding:10px;top:80%;left:65%}.printability-center-x3dom #toolMenu{position:absolute;right:0;top:0;background-color:rgba(0,0,0,0.5);text-align:center;border-radius:2px;margin:10px}.printability-center-x3dom #toolMenu .active{border:none;outline:none;background-color:white}.printability-center-x3dom #toolMenu input[type=range]{-webkit-appearance:none;background-color:silver;outline:none;width:230px;height:20px;border-radius:2px}.printability-center-x3dom #toolMenu input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;background-color:white;width:20px;height:20px;cursor:pointer;border-radius:2px}.printability-center-x3dom #toolMenu label,.printability-center-x3dom #toolMenu span{color:#FFFFFF}.printability-center-x3dom .clipPlaneMenu{width:250px;height:auto;margin:10px 0px 10px 0px;padding:10px 0px 10px 0px}.printability-center-x3dom .toolMenu-title{font-weight:bold;color:#fff;display:inline-block;margin:5px 30px 0 0}.checks-sidebar p{font-size:13px;line-height:145%;margin-bottom:14px;width:100%;clear:both}.checks-sidebar .more-content h4{font-size:1.1em}.checks-sidebar h4{border-bottom:1px solid #e0e3e5;margin:0 0 20px 0;padding:10px 0 5px;clear:both}.checks-sidebar h5{clear:both;font-size:14px;font-weight:600;margin-bottom:10px}.checks-sidebar h5 img{float:left;max-width:140px;padding-right:12px;margin-bottom:20px}.checks-sidebar th{width:140px;padding-right:20px}.makerCheckHeader{float:left;width:264px;color:#a1aaad;font-size:11px;text-transform:uppercase;font-weight:500;padding:4px 0 4px 10px;background-color:#e4e9ec}.makerCheckHeader:hover{background:#e4e9ec;cursor:default;border-left:none}.makerCheckHeader:hover .makerCheckName{margin-left:15px}.makerCheck{float:left;width:264px;padding:14px 0 12px 0;line-height:18px}.makerCheck:hover{cursor:pointer;background-color:#ecf0f2;border-left:5px solid #183643}.makerCheck:hover .makerCheckName{margin-left:10px}.makerCheck.selected{font-weight:bold;color:#08A3E9;border-left:5px solid #08A3E9;width:264px;padding:6px 0 4px 0;margin:8px 0}.makerCheck.selected .makerCheckName{margin-left:10px}.makerCheck.selected:hover{background:none;cursor:default}.makerCheckValue{float:left;text-align:left}.makerCheckName{float:left;margin-left:15px;width:200px}.info-section-data{vertical-align:top}.info-section-data .guideline-content{min-width:174px}.info-section-data .guideline-value{font-size:14px;font-weight:bold;vertical-align:top}.info-section-data .var{vertical-align:top;font-weight:bold}.infoSection img{max-width:380px}.info-section-failures{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e0e3e5}.manual-deviation span{font-weight:bold;font-size:16px}.manual-deviation-date{display:inline;float:right}.manual-deviation-description{padding-top:8px}.manual-deviation-description label{color:#a1aaad;text-transform:uppercase;letter-spacing:0.5px;font-size:.8em}.manual-deviation-photos p{display:inline;width:50px}.getPrintabilityFeedback{min-height:140px;margin:20px 6px}.getPrintabilityFeedback h5{font-weight:bold}.getPrintabilityFeedback input{width:440px;margin-bottom:10px;height:30px}.getPrintabilityFeedback input:hover{cursor:text}.problem-area-selector{position:absolute;bottom:0;padding:20px;border-top:1px solid #e0e3e5;-webkit-box-shadow:0 -2px 5px rgba(106,117,128,0.07);-moz-box-shadow:0 -2px 5px rgba(106,117,128,0.07);box-shadow:0 -2px 5px rgba(106,117,128,0.07);width:100%;background:#fff}.problem-area-selector button{overflow:visible}.problem-area-selector .btn-white{overflow:visible}.printability-center-viz{height:calc(100% - 52px);width:100%}.printability-center-viz iframe{height:100%;width:100%;overflow:hidden}.printability-center-viz .wall-thickness-fix-pricing{width:20%;background-color:white;padding:10px;border:1px solid #e0e3e5;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box;position:absolute;right:20px;margin-top:20px}.printability-center-viz .wall-thickness-fix-pricing .wt-fix-price{font-weight:bold}.printability-center-viz .wall-thickness-fix-pricing p{margin-bottom:0}.printability-center-viz .automated-printability-checks-button-panel{width:100%;height:auto;top:-86px;background:white;padding:20px 30px 13px 0}.printability-center-viz .wall-thickness-fixing-shell-count{position:relative;top:0;border-left:none;float:left;padding:10px}.printability-center-viz .printability-center-progress-indicator{padding:10px;top:80%;left:65%}.pc-tools-intro{border-bottom:1px solid #e0e3e5;padding-bottom:10px}.pc-tools-wsf-overview{padding-top:10px}.is-admin .checks-sidebar{height:calc(100vh - 203px)}.is-admin .printability-guidelines-panel{height:calc(100vh - 203px)}.is-admin .printability-vis-panel{height:calc(100vh - 203px)}.is-admin{margin:0;padding:0;overflow-y:hidden;overflow-x:hidden}.pcenterapp .toolbar{display:none}.bounding-box-legend{position:absolute;background:#FFF;border:1px solid #e0e3e5;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box;bottom:30px;left:30px;padding:12px 14px 12px 4px}.bounding-box-legend-safe{width:16px;height:16px;background-color:#A2C57B;margin:0px 5px -4px 5px;display:inline-block;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.bounding-box-legend-fail{width:16px;height:16px;background-color:#C24B54;margin:0px 5px -4px 5px;display:inline-block;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.wall-thickness-fixing-sidebar{padding:0;border-right:1px solid #e0e3e5}.wall-thickness-fixing-container{float:left}.wall-thickness-fixing-container .span-3{width:243px;height:604px}.wall-thickness-fixing-container .container{margin:-7px 0 -7px -14px}.automated-printability-checks-asset-viewer{margin-right:-1px}.wall-thickness-fixing-sidebar h5{margin:0 0 0 0;padding:10px 0px;text-transform:uppercase;font-size:11px;line-height:1em;font-weight:bold;letter-spacing:1px;text-shadow:none;color:#a1aaad}.wall-thickness-fixing-guidelines-section,.wall-thickness-fixing-notes-section{border-bottom:1px solid #e0e3e5;padding:8px 12px 0px 12px;float:left}.wall-thickness-fixing-sharing-section{padding:8px 12px 0px 12px;float:left}.wall-thickness-fixing-sharing-section input{width:202px;margin-bottom:12px}.wall-thickness-fixing-design-guidelines{font-size:13px;padding:10px 0 10px 10px;margin:0 0 0 -10px;float:left;width:220px}.wall-thickness-fixing-full-guidelines-link{font-size:12px;float:right;padding:5px 0 3px 0}.wall-thickness-fixing-guideline-title{max-width:80px;float:left;font-weight:bold;margin:13px 0 0 2px;color:#183643}.wall-thickness-fixing-material-info{border-bottom:1px solid #e0e3e5;padding:8px 15px}.wall-thickness-fixing-material-info-name .span-1{margin-right:10px}.wall-thickness-fixing-material-info-name .span-1 .material-swatch{float:left;overflow:hidden}.wall-thickness-fixing-material-info-name .span-1 .material-swatch img{width:100%;float:left;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.wall-thickness-fixing-material-info-name{height:39px}.wall-thickness-fixing-material-info-name .material-name{font-size:14px;float:left;font-weight:bold;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);max-width:140px;line-height:1.3em;margin-bottom:0;color:#183643}.wall-thickness-fixing-notes{font-size:13px;padding:10px 0;margin:0;width:220px}.wall-thickness-fixing-notes p{line-height:20px;color:#697075;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #fff}.wall-thickness-fixing-notes p:last-child{margin-bottom:0;border-bottom:none}.wall-thickness-fixing-problem-area-selector{padding:10px 12px 6px 12px;width:100%;position:absolute;bottom:0px;border-top:1px solid #e0e3e5;background:white}.wall-thickness-fixing-problem-area-selector button{overflow:visible}.wall-thickness-fixing-problem-area-selector .btn-white{overflow:visible}.wall-thickness-fixing-problem-area-selector .problem-area-label{margin-left:10px;font-size:12px;font-weight:300;letter-spacing:0.5px}.wall-thickness-fixing-shell-count{box-sizing:border-box;position:absolute;right:0;top:-62px;padding:20px 12px 6px 12px;border-left:1px solid #e0e3e5;height:62px;width:164px}.wall-thickness-fixing-shell-count .shell-count-label{margin-right:5px;margin-left:10px;font-size:12px;font-weight:300;letter-spacing:0.5px}.wall-thickness-fixing-shell-count .shell-count-label #before-fix-shells{font-size:14px;color:#183643;margin-left:10px}.wall-thickness-fixing-shell-count .shell-count-label #after-fix-shells{font-size:14px;color:#FC695B;margin-left:10px}.printability-center-progress-indicator{padding:5px;font-size:14px;background-color:#D8DCDF;color:#183643;text-align:center;position:absolute;top:386px;left:25%;width:350px;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.wall-thickness-fix-model-toggle{position:absolute;background:white;border:1px solid #e0e3e5;padding:12px;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box;bottom:65px;left:126px}.wall-thickness-fixing-model-price{float:left;margin-left:27px;margin-top:8px;font-size:14px;letter-spacing:0.5px}.wall-thickness-fixing-price-labels{float:left;margin-right:14px;color:#183643}.wall-thickness-fixing-price-labels span{display:inline}.wall-thickness-fixing-price-values{float:right;color:#183643}.wall-thickness-fixing-price-values span{display:inline;text-align:right}.wall-thickness-fixing-price-values span:first-child{margin-right:10px}.wall-thickness-fixing-legend{position:absolute;background:white;bottom:65px;left:20px}.wall-thickness-fixing-legend div.subtle-button-inset{background-color:#FFF;color:#616872;position:relative}.wall-thickness-fixing-legend-full{position:relative;background-color:#FFF;padding:5px;color:#616872;border:1px solid #e0e3e5;width:85px;font-size:.8em;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.wall-thickness-webGL-note{position:relative;float:left;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:15%;width:60%;background:#f5f7f8;padding:20px;border:1px solid #e0e3e5;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.wall-thickness-webGL-note span{display:block}.wall-thickness-fixing-legend-color-icon-safe{width:16px;height:16px;background-color:#A2C57B;margin:0px 5px -4px 5px;display:inline-block;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.wall-thickness-fixing-legend-color-icon-suspect{width:16px;height:16px;background-color:#EFDA5C;margin:0px 5px -4px 5px;display:inline-block;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.wall-thickness-fixing-legend-color-icon-fixed{width:16px;height:16px;background-color:#73A2D8;margin:0px 5px -4px 5px;display:inline-block;-webkit-border-radius:2px;border-radius:2px;background-clip:padding-box}.x3dom-canvas{cursor:move}.x3dom-canvas:focus{outline:none}#cancel-wall-thickness-fix{float:right;margin-right:32px}.printability-failed{margin-left:10px}.x3dom-view-loading{background:url("/rrstatic/img/loading.gif");background-repeat:no-repeat;background-position:center;width:100%;height:20vh}.x3dom-view-failure{background:none;background-repeat:no-repeat;background-position:center;width:100%;height:100vh}.pc-persistent-toolbar{padding:12px 0;background-color:#fbfbfb;border-bottom:1px solid #e0e3e5}.printability-center-info-panel-toggle{font-size:16px;color:#b4bbbd;z-index:30;border-right:1px solid #e0e3e5;display:inline-block;margin-top:6px;padding-right:10px}.printability-center-info-panel-toggle:hover{color:#183643;cursor:pointer}.model-scaling-modal{height:auto;width:502px;padding:30px;float:left}.toolbar-scaling-tool{display:inline-block;list-style-type:none;margin:0;padding:0}.toolbar-scaling-tool li{display:inline-block}.toolbar-scaling-tool input[type="numeric"],.toolbar-scaling-tool input[type="text"]{width:80px}.toolbar-scaling-tool .tall-select{width:62px}.scaling-input-label{padding:0;font-size:11px;text-transform:uppercase;letter-spacing:0.5px}.scaling-tool-notice{font-size:13px;margin-bottom:0}.scaling-input{height:39px}.scaling-input.notice{border:1px solid #ffc545;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.scaling-input.error{border:1px solid #ec999e;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.markup_csv_table th{font-size:9px;border:1px solid #E6E6E6;background:white;font-weight:bold}td.validCSVData{border:1px solid #E6E6E6;background:white;font-size:10px}td.inValidCSVData{background:#FF8585;border:1px solid #E6E6E6;font-size:10px}td.changedCSVData{background:#dcffa5;border:1px solid #E6E6E6;font-size:10px}.shop_preview_upload{font-size:10px;height:40px;weight:40px;border-left:1px dotted #000000;float:left;margin-right:20px;margin-top:5px}.markupcsv-save-btn-text{float:left;width:180px}.sw--btn-no-style,.sw--btn-no-style:hover,.sw--btn-no-style:active,.sw--btn-no-style:focus{background:none;border:none;color:inherit;outline:none;padding:0;-webkit-tap-highlight-color:transparent}.minict_wrapper{font-family:"Fabriga",Helvetica Neue,Helvetica,Arial,sans-serif;color:#445258;background:#fff;position:relative;height:39px;width:100%;border:1px solid #e0e3e5;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.minict_wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.minict_wrapper.disabled{background:#f5f7f8;text-shadow:0 1px 0 #fff}.minict_wrapper.disabled span{color:#a1aaad !important}.minict_wrapper:after{content:"\25BC";display:block;position:absolute;height:37px;width:33px;top:0;right:0;font-size:10px;line-height:36px;text-align:center;color:#445258}.minict_wrapper.active:after{content:"\25B2"}.minict_wrapper.disabled:after{color:#bbb}.minict_wrapper span{display:block;border:0;outline:none;background:none;font-family:"Fabriga",Helvetica Neue,Helvetica,Arial,sans-serif;color:#445258;font-size:13px;height:40px;line-height:24px;padding:8px 10px 5px 10px;cursor:default;width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minict_wrapper span:hover{cursor:pointer}.minict_wrapper span:empty:before{content:attr(data-placeholder);color:#183643;line-height:22px}.minict_wrapper ul{display:none;list-style:none;padding:0;margin:0 -1px;position:absolute;width:100%;width:-webkit-calc(100% + 2px);width:-moz-calc(100% + 2px);width:calc(100% + 2px);border:1px solid #e0e3e5;border-top:1px solid #fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;top:36px;left:0;max-height:350px;overflow-y:auto;z-index:999999;-webkit-box-shadow:0 4px 8px 0px rgba(68,82,88,0.2);-moz-box-shadow:0 4px 8px 0px rgba(68,82,88,0.2);box-shadow:0 4px 8px 0px rgba(68,82,88,0.2)}.minict_wrapper ul li{list-style:none;padding:0 10px 0 25px;cursor:pointer;background:#fff;height:28px;line-height:28px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minict_wrapper ul li:hover{background:#f5f7f8;color:#445258}.minict_wrapper ul li.minict_group{color:#445258;background:white;font-weight:bold;cursor:default;padding-left:10px;font-size:11px;text-transform:uppercase;letter-spacing:0.5px}.minict_wrapper ul li.minict_group:hover{background:white}.minict_wrapper ul li.minict_empty{display:none;background:#fff !important;color:#bbb;text-align:center;font-size:14px;font-size:0.9rem;height:55px;height:3.5rem;line-height:50px;line-height:3.3rem}.minict_wrapper ul li.disabled{cursor:default;background:#fff !important;color:#a1aaad}.minict_wrapper ul li.selected{color:#445258;background:#4FC9FF;color:white}.minict_wrapper ul li.highlighted{color:#fff;background:#183643}.minict_wrapper ul li.hidden{display:none}.minict_wrapper .minict_reset{color:#A9A9A9;bottom:0;display:none;font-size:18px;font-size:1.1rem;line-height:30px;line-height:1.9rem;position:absolute;right:35px;right:2.2rem;text-align:center;top:0;text-decoration:none;width:20px;width:1.2rem;-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out}.minict_wrapper .minict_reset:hover{color:#e0e0e0;-webkit-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out}.minict_wrapper .minict_reset:active{color:#636363}.minict_wrapper.disabled .minict_reset{display:none}.minict_wrapper.bubble{-webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,0.05);box-shadow:0px 1px 3px 0px rgba(0,0,0,0.05);background:-moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f9f9f9));background:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);background:-o-linear-gradient(top, #fff 0%, #f9f9f9 100%);background:-ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);background:linear-gradient(to bottom, #fff 0%, #f9f9f9 100%)}.minict_wrapper.bubble:hover{border-color:#dcdcdc}.minict_wrapper.bubble:after{border-left:1px solid #e5e5e5;-webkit-box-shadow:inset 1px 0px 0px 0px #fff;box-shadow:inset 1px 0px 0px 0px #fff;height:2.05rem}.minict_wrapper.bubble ul{top:2.7rem;-webkit-box-shadow:0px 5px 25px 0px rgba(0,0,0,0.25);box-shadow:0px 5px 25px 0px rgba(0,0,0,0.25);border-radius:6px;overflow:visible}.minict_wrapper.bubble ul:before{position:absolute;top:-11px;left:19px;content:".";color:transparent;width:0px;height:0px;border-style:solid;border-width:0 11px 11px 11px;border-color:transparent transparent #e5e5e5 transparent}.minict_wrapper.bubble ul:after{position:absolute;top:-10px;left:20px;content:".";color:transparent;width:0px;height:0px;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #ffffff transparent}.minict_wrapper.bubble ul li.minict_first{border-top-left-radius:6px;border-top-right-radius:6px}.minict_wrapper.bubble ul li.minict_last{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.minict_wrapper.bubble .minict_reset{width:30px}.sw-my-models__material-select .minict_wrapper.active ul{width:260px;border-top-right-radius:3px}.sw--short-select .minict_wrapper{height:34px;border:1px solid #c7cdd0}.sw--short-select .minict_wrapper span{height:34px;padding:5px 10px 4px 10px}.sw--short-select .minict_wrapper ul{top:32px}.sw--short-select .minict_wrapper:after{height:34px;line-height:32px}.sw-dropdown--fallback{display:initial}.sw-dropdown--loaded .sw-dropdown--fallback{display:none}.tag-editor{list-style-type:none;margin:0;overflow:hidden;cursor:text;min-height:74px;padding:4px 6px 4px 0 !important}.tag-editor li{display:block;float:left;overflow:hidden;margin:3px 0;line-height:1.5}.tag-editor div{float:left;padding:0 4px}.tag-editor .placeholder{padding:0 8px;color:#445258;padding-top:2px}.tag-editor .tag-editor-spacer{padding:0;width:6px;overflow:hidden;color:transparent;background:none}.tag-editor input{vertical-align:inherit;border:0;outline:none;padding:0;margin:0;cursor:text;font-family:inherit;font-weight:inherit;font-size:inherit;font-style:inherit;box-shadow:none;background:none}.tag-editor input:focus{border:0}.tag-editor-hidden-src{position:absolute !important;left:-99999px}.tag-editor ::-ms-clear{display:none}.tag-editor .tag-editor-tag{padding-left:5px;color:#005A81;background:#e5f7ff;white-space:nowrap;overflow:hidden;cursor:pointer;padding-top:2px;padding-bottom:3px;border-radius:2px 0 0 2px;border:1px solid rgba(0,0,0,0.15);border-right:none;font-size:13px}.tag-editor .tag-editor-delete{color:#104A64;background:#e5f7ff;cursor:pointer;padding-right:5px;padding-top:6px;height:26px;border-radius:0 2px 2px 0;border:1px solid rgba(0,0,0,0.15);border-left:none;font-size:9px}.tag-editor .tag-editor-delete .icon-cancel{opacity:.4}.tag-editor .tag-editor-delete .icon-cancel:hover{opacity:1}.tag-editor .tag-editor-tag.active-tag+.tag-editor-delete,.tag-editor .tag-editor-tag.active-tag+.tag-editor-delete i{background:none;cursor:text}.tag-editor .tag-editor-tag.active-tag{background:none !important;border:0}/*! Animate.css - http: //daneden.me/animate Version - 3.4.0 Licensed under the MIT license - http: //opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */.animated { -webkit-animation-duration: 10ms; animation-duration: 10ms; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } .delayedAnimation { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 2s; animation-delay: 2s } @-webkit-keyframes fadeOutBg { from { background-color: rgba(255, 255, 255, 0.9) } to { background-color: transparent } } @keyframes fadeOutBg { from { background-color: rgba(255, 255, 255, 0.9) } to { background-color: transparent } } .fadeOutBg { -webkit-animation-name: fadeOutBg; animation-name: fadeOutBg } .atwho-view { position: absolute; top: 0; left: 0; display: none; margin-top: 18px; background: white; color: black; border: 1px solid #DDD; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); min-width: 120px; z-index: 10000001 !important } .atwho-view .cur { background: #e5f7ff } .atwho-view .cur small { color: white } .atwho-view strong { color: #4FC9FF } .atwho-view .cur strong { color: #4FC9FF; font: bold } .atwho-view ul { list-style: none; padding: 0; margin: auto; max-height: 200px; overflow-y: auto } .atwho-view ul li { display: block; padding: 5px 10px; border-bottom: 1px solid #DDD; cursor: pointer } .atwho-view small { font-size: smaller; color: #777; font-weight: normal } .sw--block-center { margin-left: auto; margin-right: auto } .sw--z-index-1 { z-index: 1 } .sw--z-index-10 { z-index: 10 } .sw--vertical-align:before { content: ''; display: inline-block; height: 100%; font-size: 0; vertical-align: middle } .sw--vertical-align__middle { display: inline-block; vertical-align: middle } .sw--vertical-align__top { display: inline-block; vertical-align: top } .sw--vertical-align__bottom { display: inline-block; vertical-align: bottom } .sw--vertical-align-top__img img { vertical-align: top } .sw--vertical-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .sw--translate-z-0 { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0) } .sw--vertical-horizontal-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .sw--text-left { text-align: left } .sw--text-right { text-align: right } .sw--text-center { text-align: center } @media all and (max-width: 768px) { .sw--text-left--tab { text-align: left } .sw--text-center--tab { text-align: center } } @media all and (max-width: 480px) { .sw--text-left--mob { text-align: left } .sw--text-center--mob { text-align: center } .sw--width-full--mob { width: 100% } } .sw--input-align { position: relative; top: 1px } .sw--input-height__large { height: 43px } .sw--input-height__medium { height: 39px } .sw--input-height__small { height: 28px } .sw--display-inline { display: inline } .sw--display-table { display: table } .sw--display-table-cell { display: table-cell } .sw--display-inline-block { display: inline-block } .sw--display-block { display: block } .sw--display-none { display: none } .sw--display-none__force { display: none !important } .no-js .hide-if-no-js { display: none } .js .hide-if-js { display: none } [v-cloak] { display: none } .sw--float-left { float: left } .sw--float-right { float: right } .sw--float-none { float: none } @media all and (max-width: 768px) { .sw--float-left--tab { float: left } .sw--float-none--tab { float: none } } .sw--clear-both { clear: both } .sw--clearfix:before, .sw--clearfix:after { display: table; content: " " } .sw--clearfix:after { clear: both } .sw--position-relative { position: relative } .sw--position-absolute, .sw--ratio__img { position: absolute } .sw--position-fixed { position: fixed; z-index: 9999 } .sw--position-bottom { bottom: 0 } .sw--position-left { left: 0 } .sw--position-right { right: 0 } .sw--position-top { top: 0 } .sw--position-fill { bottom: 0; left: 0; right: 0; top: 0 } .sw--height-auto { height: auto } .sw--height-inherit { height: inherit } .sw--height-100 { height: 100% } .sw--height-incr-39 { height: 195px } @media all and (max-width: 480px) { .sw--height-incr-53--mob { height: 265px } } .sw--height-full { height: 100% } .sw--height-full-viewport { height: 100vh } .sw--width-full { width: 100% } .sw--width-full-viewport { width: 100vw } .sw--width-half { width: 50% } .sw--max-width-full { max-width: 100% } .sw--overflow-visible { overflow: visible } .sw--overflow-auto { overflow: auto } .sw--overflow-hidden { overflow: hidden } .sw--overflow-scroll-x { overflow-x: scroll; overflow-y: hidden; white-space: nowrap } .sw--overflow-scroll-y { overflow-y: scroll } .sw--visibility-hidden { visibility: hidden } .sw--visibility-visible { visibility: visible } .sw--full-width-img { height: auto; width: 100%; vertical-align: top } .sw--ratio-1-1:before { display: block; content: ''; padding-top: 100% } .sw--ratio-3-4:before { display: block; content: ''; padding-top: 75% } .sw--ratio-2-3:before { display: block; content: ''; padding-top: 66.66% } .sw--ratio-1-2:before { display: block; content: ''; padding-top: 50% } .sw--ratio-74-percent:before { display: block; content: ''; padding-top: 74% } .sw--ratio__img { top: 0; left: 0; width: 100% } .sw--margin-auto { margin: auto } .sw--margin-left-auto { margin-left: auto } .sw--margin-right-auto { margin-right: auto } .sw--margin-left-1-percent { margin-left: 1% } .sw--margin-right-1-percent { margin-right: 1% } .sw--margin-right-3-percent { margin-right: 3% } .sw--margin-bottom-3-percent { margin-bottom: 3% } .sw--margin-5-percent { margin: 5% } .sw--margin-right-5-percent { margin-right: 5% } .sw--margin-top-5-percent { margin-top: 5% } .sw--margin-bottom-5-percent { margin-bottom: 5% } .sw--margin-vert-5-percent { margin-top: 5%; margin-bottom: 5% } .sw--margin-bottom-10-percent { margin-bottom: 10% } .sw--margin-hor-10-percent { margin-left: 10%; margin-right: 10% } .sw--margin-hor-15-percent { margin-left: 15%; margin-right: 15% } .sw--margin-0 { margin: 0 } .sw--margin-left-0 { margin-left: 0 } .sw--margin-right-0 { margin-right: 0 } .sw--margin-top-0 { margin-top: 0 } .sw--margin-bottom-0 { margin-bottom: 0 } .sw--margin-vert-0 { margin-top: 0; margin-bottom: 0 } .sw--margin-right-0-force { margin-right: 0 !important } .sw--margin-vert-1-2 { margin-top: 2.5px; margin-bottom: 2.5px } .sw--margin-left-1-2-pull { margin-left: -2.5px } .sw--margin-right-1-2-pull { margin-right: -2.5px } .sw--margin-1 { margin: 5px } .sw--margin-left-1 { margin-left: 5px } .sw--margin-right-1 { margin-right: 5px } .sw--margin-top-1 { margin-top: 5px } .sw--margin-bottom-1 { margin-bottom: 5px } .sw--margin-vert-1 { margin-top: 5px; margin-bottom: 5px } .sw--margin-left-1-pull { margin-left: -5px } .sw--margin-bottom-1-pull { margin-bottom: -5px } .sw--margin-hor-1-pull { margin-left: -5px; margin-right: -5px } .sw--margin-2 { margin: 10px } .sw--margin-left-2 { margin-left: 10px } .sw--margin-right-2 { margin-right: 10px } .sw--margin-top-2 { margin-top: 10px } .sw--margin-bottom-2 { margin-bottom: 10px } .sw--margin-hor-2 { margin-left: 10px; margin-right: 10px } .sw--margin-vert-2 { margin-top: 10px; margin-bottom: 10px } .sw--margin-left-2-force { margin-left: 10px !important } .sw--margin-3 { margin: 15px } .sw--margin-left-3 { margin-left: 15px } .sw--margin-right-3 { margin-right: 15px } .sw--margin-top-3 { margin-top: 15px } .sw--margin-bottom-3 { margin-bottom: 15px } .sw--margin-hor-3 { margin-left: 15px; margin-right: 15px } .sw--margin-vert-3 { margin-top: 15px; margin-bottom: 15px } .sw--margin-left-3-force { margin-left: 15px !important } .sw--margin-bottom-3-force { margin-bottom: 15px !important } .sw--margin-bottom-3-pull { margin-bottom: -15px } .sw--margin-4 { margin: 20px } .sw--margin-left-4 { margin-left: 20px } .sw--margin-right-4 { margin-right: 20px } .sw--margin-top-4 { margin-top: 20px } .sw--margin-bottom-4 { margin-bottom: 20px } .sw--margin-hor-4 { margin-left: 20px; margin-right: 20px } .sw--margin-vert-4 { margin-top: 20px; margin-bottom: 20px } .sw--margin-right-4-pull { margin-right: -20px } .sw--margin-top-4-pull { margin-top: -20px } .sw--margin-left-5 { margin-left: 25px } .sw--margin-right-5 { margin-right: 25px } .sw--margin-top-5 { margin-top: 25px } .sw--margin-bottom-5 { margin-bottom: 25px } .sw--margin-vert-5 { margin-top: 25px; margin-bottom: 25px } .sw--margin-left-5-force { margin-left: 25px !important } .sw--margin-left-6 { margin-left: 30px } .sw--margin-right-6 { margin-right: 30px } .sw--margin-top-6 { margin-top: 30px } .sw--margin-bottom-6 { margin-bottom: 30px } .sw--margin-hor-6 { margin-left: 30px; margin-right: 30px } .sw--margin-vert-6 { margin-top: 30px; margin-bottom: 30px } .sw--margin-top-6-force { margin-top: 30px !important } .sw--margin-bottom-6-force { margin-bottom: 30px !important } .sw--margin-top-6-pull { margin-top: -30px } .sw--margin-7 { margin: 35px } .sw--margin-left-7 { margin-left: 35px } .sw--margin-right-7 { margin-right: 35px } .sw--margin-top-7 { margin-top: 35px } .sw--margin-bottom-7 { margin-bottom: 35px } .sw--margin-vert-7 { margin-top: 35px; margin-bottom: 35px } .sw--margin-top-8 { margin-top: 40px } .sw--margin-bottom-8 { margin-bottom: 40px } .sw--margin-left-9 { margin-left: 45px } .sw--margin-right-9 { margin-right: 45px } @media all and (max-width: 768px) { .sw--margin-left-auto--tab { margin-left: auto } .sw--margin-top-0--tab { margin-top: 0 } .sw--margin-bottom-1--tab { margin-bottom: 5px } .sw--margin-bottom-2--tab { margin-bottom: 10px } .sw--margin-bottom-3--tab { margin-bottom: 15px } .sw--margin-top-4--tab { margin-top: 20px } .sw--margin-bottom-4--tab { margin-bottom: 20px } .sw--margin-bottom-6--tab { margin-bottom: 30px } } @media all and (max-width: 480px) { .sw--margin-0--mob { margin: 0 } .sw--margin-right-0--mob { margin-right: 0 } .sw--margin-top-0--mob { margin-top: 0 } .sw--margin-bottom-0--mob { margin-bottom: 0 } .sw--margin-hor-0--mob { margin-left: 0; margin-right: 0 } .sw--margin-bottom-1--mob { margin-bottom: 5px } .sw--margin-left-2--mob { margin-left: 10px } .sw--margin-top-2--mob { margin-top: 10px } .sw--margin-bottom-2--mob { margin-bottom: 10px } .sw--margin-vert-2--mob { margin-top: 10px; margin-bottom: 10px } .sw--margin-bottom-3--mob { margin-bottom: 15px } .sw--margin-right-4--mob { margin-right: 20px } .sw--margin-top-4--mob { margin-top: 20px } .sw--margin-bottom-4--mob { margin-bottom: 20px } .sw--margin-bottom-6--mob { margin-bottom: 30px } } .sw--padding-0__force { padding: 0 !important } .sw--padding-left-1-percent { padding-left: 1% } .sw--padding-hor-3-percent { padding-left: 3%; padding-right: 3% } .sw--padding-vert-3-percent { padding-top: 3%; padding-bottom: 3% } .sw--padding-5-percent { padding: 5% } .sw--padding-top-5-percent { padding-top: 5% } .sw--padding-bottom-5-percent { padding-bottom: 5% } .sw--padding-hor-5-percent { padding-left: 5%; padding-right: 5% } .sw--padding-vert-5-percent { padding-top: 5%; padding-bottom: 5% } .sw--padding-10-percent { padding: 10% } .sw--padding-top-10-percent { padding-top: 10% } .sw--padding-hor-10-percent { padding-left: 10%; padding-right: 10% } .sw--padding-vert-10-percent { padding-top: 10%; padding-bottom: 10% } .sw--padding-15-percent { padding: 15% } .sw--padding-vert-15-percent { padding-top: 15%; padding-bottom: 15% } .sw--padding-0 { padding: 0 } .sw--padding-left-0 { padding-left: 0 } .sw--padding-right-0 { padding-right: 0 } .sw--padding-top-0 { padding-top: 0 } .sw--padding-bottom-0 { padding-bottom: 0 } .sw--padding-hor-0 { padding-left: 0; padding-right: 0 } .sw--padding-left-1-2 { padding-left: 2.5px } .sw--padding-right-1-2 { padding-right: 2.5px } .sw--padding-1 { padding: 5px } .sw--padding-left-1 { padding-left: 5px } .sw--padding-right-1 { padding-right: 5px } .sw--padding-top-1 { padding-top: 5px } .sw--padding-bottom-1 { padding-bottom: 5px } .sw--padding-hor-1 { padding-left: 5px; padding-right: 5px } .sw--padding-vert-1 { padding-top: 5px; padding-bottom: 5px } .sw--padding-top-1-force { padding-top: 5px !important } .sw--padding-bottom-1-force { padding-bottom: 5px !important } .sw--padding-2 { padding: 10px } .sw--padding-left-2 { padding-left: 10px } .sw--padding-right-2 { padding-right: 10px } .sw--padding-top-2 { padding-top: 10px } .sw--padding-bottom-2 { padding-bottom: 10px } .sw--padding-hor-2 { padding-left: 10px; padding-right: 10px } .sw--padding-vert-2 { padding-top: 10px; padding-bottom: 10px } .sw--padding-2-force { padding: 10px !important } .sw--padding-left-2-force { padding-left: 10px !important } .sw--padding-3 { padding: 15px } .sw--padding-left-3 { padding-left: 15px } .sw--padding-right-3 { padding-right: 15px } .sw--padding-top-3 { padding-top: 15px } .sw--padding-bottom-3 { padding-bottom: 15px } .sw--padding-hor-3 { padding-left: 15px; padding-right: 15px } .sw--padding-vert-3 { padding-top: 15px; padding-bottom: 15px } .sw--padding-4 { padding: 20px } .sw--padding-left-4 { padding-left: 20px } .sw--padding-right-4 { padding-right: 20px } .sw--padding-top-4 { padding-top: 20px } .sw--padding-bottom-4 { padding-bottom: 20px } .sw--padding-hor-4 { padding-left: 20px; padding-right: 20px } .sw--padding-vert-4 { padding-top: 20px; padding-bottom: 20px } .sw--padding-5 { padding: 25px } .sw--padding-left-5 { padding-left: 25px } .sw--padding-right-5 { padding-right: 25px } .sw--padding-top-5 { padding-top: 25px } .sw--padding-bottom-5 { padding-bottom: 25px } .sw--padding-hor-5 { padding-left: 25px; padding-right: 25px } .sw--padding-vert-5 { padding-top: 25px; padding-bottom: 25px } .sw--padding-6 { padding: 30px } .sw--padding-left-6 { padding-left: 30px } .sw--padding-right-6 { padding-right: 30px } .sw--padding-top-6 { padding-top: 30px } .sw--padding-bottom-6 { padding-bottom: 30px } .sw--padding-hor-6 { padding-left: 30px; padding-right: 30px } .sw--padding-vert-6 { padding-top: 30px; padding-bottom: 30px } .sw--padding-7 { padding: 35px } .sw--padding-left-7 { padding-left: 35px } .sw--padding-right-7 { padding-right: 35px } .sw--padding-top-7 { padding-top: 35px } .sw--padding-bottom-7 { padding-bottom: 35px } .sw--padding-hor-7 { padding-left: 35px; padding-right: 35px } .sw--padding-vert-7 { padding-top: 35px; padding-bottom: 35px } .sw--padding-8 { padding: 40px } .sw--padding-left-8 { padding-left: 40px } .sw--padding-right-8 { padding-right: 40px } .sw--padding-top-8 { padding-top: 40px } .sw--padding-bottom-8 { padding-bottom: 40px } .sw--padding-10 { padding: 50px } .sw--padding-left-10 { padding-left: 50px } .sw--padding-right-10 { padding-right: 50px } .sw--padding-top-10 { padding-top: 50px } .sw--padding-right-13 { padding-right: 65px } .sw--padding-bottom-10 { padding-bottom: 50px } .sw--padding-vert-10 { padding-top: 50px; padding-bottom: 50px } .sw--padding-hor-11 { padding-left: 55px; padding-right: 55px } .sw--padding-12 { padding: 60px } .sw--padding-hor-24 { padding-left: 120px; padding-right: 120px } @media all and (max-width: 768px) { .sw--padding-0--tab { padding: 0 } .sw--padding-left-0--tab { padding-left: 0 } .sw--padding-right-0--tab { padding-right: 0 } .sw--padding-top-0--tab { padding-top: 0 } .sw--padding-bottom-0--tab { padding-bottom: 0 } .sw--padding-hor-0--tab { padding-left: 0; padding-right: 0 } .sw--padding-hor-2--tab { padding-left: 10px; padding-right: 10px } .sw--padding-top-3--tab { padding-top: 15px } .sw--padding-left-4--tab { padding-left: 20px } .sw--padding-right-4--tab { padding-right: 20px } .sw--padding-6--tab { padding: 30px } .sw--padding-right-6--tab { padding-right: 30px } .sw--padding-top-6--tab { padding-top: 30px } .sw--padding-hor-6--tab { padding-left: 30px; padding-right: 30px } } @media all and (max-width: 480px) { .sw--padding-0--mob { padding: 0 } .sw--padding-left-0--mob { padding-left: 0 } .sw--padding-right-0--mob { padding-right: 0 } .sw--padding-top-0--mob { padding-top: 0 } .sw--padding-bottom-0--mob { padding-bottom: 0 } .sw--padding-hor-0--mob { padding-left: 0; padding-right: 0 } .sw--padding-vert-0--mob { padding-top: 0; padding-bottom: 0 } .sw--padding-2--mob { padding: 10px } .sw--padding-left-2--mob { padding-left: 10px } .sw--padding-right-2--mob { padding-right: 10px } .sw--padding-top-2--mob { padding-top: 10px } .sw--padding-hor-2--mob { padding-left: 10px; padding-right: 10px } .sw--padding-vert-2--mob { padding-top: 10px; padding-bottom: 10px } .sw--padding-hor-3--mob { padding-left: 15px; padding-right: 15px } .sw--padding-vert-3--mob { padding-top: 15px; padding-bottom: 15px } .sw--padding-4--mob { padding: 20px } .sw--padding-right-4--mob { padding-right: 20px } .sw--padding-top-4--mob { padding-top: 20px } .sw--padding-hor-4--mob { padding-left: 20px; padding-right: 20px } .sw--padding-vert-4--mob { padding-top: 20px; padding-bottom: 20px } .sw--padding-bottom-5--mob { padding-bottom: 25px } .sw--padding-right-6--mob { padding-right: 30px } .sw--padding-top-6--mob { padding-top: 30px } .sw--padding-vert-10--mob { padding-top: 50px; padding-bottom: 50px } } .sw-my-models { max-width: 1060px } .sw-my-models h2, .shop-inventory h2 { color: #183643; font-size: 2em; font-weight: 300; height: 310px } .shop-inventory .tags { clear: both; float: left; width: 760px } .shop-inventory .tag { margin: 0 6px 12px 0; cursor: pointer; float: left; display: inline-block } .shop-inventory .more-tags { float: right; text-align: right; margin-top: 1px; color: #08A3E9; cursor: pointer } .shop-inventory .more-tags:hover { color: #064381 } .my-models { min-height: 685px } .my-models .results-header { float: left; margin: 20px 0; width: 100% } .my-models .pagination-wrapper { clear: both } .sw-my-models__list-row { -moz-transition: background-color 150ms ease-in-out; -o-transition: background-color 150ms ease-in-out; -webkit-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out } .sw-my-models__list-row:hover, .sw-my-models__list-row:active, .sw-my-models__list-row.hover { background-color: #F2F3F4 } .sw-my-models__list-row:hover .sw-my-models__print-message, .sw-my-models__list-row:active .sw-my-models__print-message, .sw-my-models__list-row.hover .sw-my-models__print-message { opacity: 1 } .sw-my-models__print-message { min-width: 153px; -moz-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; -webkit-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out } .sw-my-models__model-img { height: 57px; flex: 0 0 82px } .sw-my-models__model-img:hover { border: 1px solid #4FC9FF; -moz-transition: border 10ms ease-in-out; -o-transition: border 10ms ease-in-out; -webkit-transition: border 10ms ease-in-out; transition: border 10ms ease-in-out } .my-models__list-flag { margin-bottom: 8px; margin-top: -8px } .sw-my-models__search-bar { height: 34px } .sw-my-models__search-icon { height: 20px; width: 20px; top: 5px; right: 10px } .sw-my-models__menu-mouseleave-buffer { top: 10px; right: -25px } .sw-my-models__menu--open .sw-my-models__menu-button { z-index: 11 } .sw-my-models__menu--open .sw-my-models__menu-mouseleave-buffer { display: block } .sw-avatar { overflow: hidden } .sw-avatar img { width: 100%; height: auto; vertical-align: top } .sw-avatar--circle { -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box } .sw-avatar--xlarge { max-height: 150px; max-width: 150px; border-width: 2px } .no-touch .sw-avatar--xlarge:hover { max-height: 150px; max-width: 150px } @media all and (min-width: 320px) and (max-width: 480px) { .sw-avatar--xlarge { width: 75px; height: 75px } .no-touch .sw-avatar--xlarge:hover { height: 75px; width: 75px } } .sw-avatar--large { height: 92px; width: 92px } .no-touch .sw-avatar--large:hover { height: 92px; width: 92px } .sw-avatar--medium { height: 50px; width: 50px } .no-touch .sw-avatar--medium:hover { height: 50px; width: 50px } @media all and (min-width: 320px) and (max-width: 480px) { .sw-avatar--medium { width: 30px; height: 30px } } .sw-avatar--small { height: 25px; width: 25px } .no-touch .sw-avatar--small:hover { height: 25px; width: 25px } .sw-blog-recent-post__headline { color: #183643 } .sw-blog-recent-post__headline:hover { color: #08A3E9 } .sw-blog-recent-post__headline:visited { color: #183643 } .sw-blog-recent-post__excerpt { height: 65px } .sw--button-box__input { display: none } .sw--button-box__input:checked+label.sw--button-box { background-color: #e5f7ff; border-color: #4FC9FF; color: #4FC9FF } .sw--button-box { border: solid 1px #e0e3e5; color: #e0e3e5; cursor: pointer } .sw-carrot--top:after, .sw-carrot--top:before, .sw-carrot--bottom:after, .sw-carrot--bottom:before { border: solid transparent; content: ''; display: block; position: absolute; width: 0; height: 0 } .sw-carrot--top:before, .sw-carrot--bottom:before { border-width: 11px } .sw-carrot--top:after, .sw-carrot--bottom:after { border-width: 10px; margin-left: 1px } .sw-carrot--top:before { border-bottom-color: #e0e3e5; top: -22px } .sw-carrot--top:after { border-bottom-color: #FFF; top: -20px } .sw-carrot--bottom:before { border-top-color: #e0e3e5; bottom: -22px } .sw-carrot--bottom:after { border-top-color: #FFF; bottom: -20px } .sw-carrot--bg-lightest-blue.sw-carrot--bottom:after { border-top-color: #e5f7ff } .sw-carrot--hor--1-2:before { left: 50%; margin-left: -11px } .sw-carrot--hor--1-2:after { left: 50%; margin-left: -10px } .sw-carrot--hor--1-3--3:before { left: 82.5%; margin-left: -11px } .sw-carrot--hor--1-3--3:after { left: 82.5%; margin-left: -10px } .sw-top-nav-cart:hover .sw-top-nav-cart__icon { color: #183643 } .sw-top-nav-cart.open .sw-top-nav-cart__wrapper, .no-js .sw-top-nav-cart:hover .sw-top-nav-cart__wrapper { opacity: 1; visibility: visible; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out } .sw-top-nav-cart.open .sw-top-nav-cart__icon, .no-js .sw-top-nav-cart:hover .sw-top-nav-cart__icon { color: #4FC9FF } .sw-top-nav-cart__wrapper { top: 56px; opacity: 0; visibility: hidden; z-index: 9999; -moz-transition: opacity .1s ease-in-out, visibility 0s .1s; -o-transition: opacity .1s ease-in-out, visibility 0s .1s; -webkit-transition: opacity .1s ease-in-out, visibility 0s .1s; transition: opacity .1s ease-in-out, visibility 0s .1s } .sw-top-nav-cart__wrapper:before, .sw-top-nav-cart__wrapper:after { left: 34%; left: calc(50% - 10px) } .sw-top-nav-cart__wrapper:after { top: -19px } .sw-top-nav-cart__wrapper:before { top: -21px } .no-touch .header-cart:hover .sw-top-nav-cart__deferred-modal { display: block; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .sw-top-nav-cart__modal { opacity: 1; background: white; list-style: none; padding: 0; margin: 0; font-size: 12px; top: 0; border: 1px solid #e0e3e5; position: absolute; width: 320px; margin-left: -230px; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2) } .sw-top-nav-cart__modal:before, .sw-top-nav-cart__modal:after { left: 253px } .sw-top-nav-cart__deferred-modal--dms { position: fixed; top: 60px; right: 10px; visibility: hidden } .open .sw-top-nav-cart__deferred-modal--dms { visibility: visible } .sw-top-nav-cart__modal-header { padding: 10px; border-bottom: 1px solid #e0e3e5 } .sw-top-nav-cart__modal-header-title { margin: 0 } .sw-top-nav-cart__modal-footer { padding: 20px 0; background: #fbfbfb } .sw-top-nav-cart__modal-footer-content { width: 265px } .sw-top-nav-cart__modal-item-list { max-height: 324px; overflow-y: auto } .sw-top-nav-cart__modal-item { padding: 10px; border-bottom: 1px solid #e0e3e5; width: 100%; line-height: 17px } .sw-top-nav-cart__modal-item:last-child { border-bottom: none } .sw-top-nav-cart__modal-item-details { max-width: 212px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .sw-top-nav-cart__modal-thumbnail { width: 60px; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; border: 1px solid #e0e3e5 } .sw-top-nav-cart__modal-subtotal { border-bottom: 1px solid #e0e3e5; border-top: 1px solid #e0e3e5; background: white } @media all and (max-width: 768px) { .sw-top-nav-cart__modal { position: absolute; left: auto; right: -73%; width: 90vw } .sw-top-nav-cart--logged-in .sw-top-nav-cart__modal { right: -193% } } .sw-checkout-summary__item { width: 48%; display: inline-block } .sw-checkout-summary__item-credit__right { width: 66% } .sw-checkout-summary__item-credit__left { width: 30% } .sw-shipping-options__option-row { margin-bottom: .25em; padding: 4px 0 1px 0 } .sw-shipping-options__radio { flex: 0 0 4%; top: 1px } .sw-shipping-options__price { flex: 0 0 26% } .sw-community-hub__section { margin-bottom: 40px } @media all and (max-width: 768px) { .sw-community-hub__section { margin-bottom: 0; margin-top: 0 } } .sw-community-hub__headline { font-weight: normal } @media all and (max-width: 768px) { .sw-community-hub__headline { margin-top: 30px } } .sw-community-hub__sidebar-component { border: 1px solid #e0e3e5; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; padding: 20px; margin-bottom: 30px } .sw-community-hub__sidebar-component:last-child { margin-bottom: 0 } .sw-community-hub__events-list { list-style-type: none; margin: 0; padding: 0 } .sw-community-hub__events-list-item { border: 1px solid #e0e3e5; border-bottom: none; padding: 20px } .sw-community-hub__events-list-item:first-child { -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; background-clip: padding-box } .sw-community-hub__events-list-item:last-child { border-bottom: 1px solid #e0e3e5; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; background-clip: padding-box } .sw-community-hub__event-location { margin-bottom: 0; min-width: 100px; margin-top: 16px } .sw-community-hub__quote-avatar { -webkit-border-radius: 999px; border-radius: 999px; background-clip: padding-box } .sw-community-hub__quote-name { line-height: 10px } .sw-creator-app__container { height: 670px } .sw-creator-app__label { font-weight: 500; font-size: 13px } .sw-creator-app__sample-image { height: 60px } .sw-creator-app__sample-image:hover { opacity: 0.7; cursor: pointer } .sw-creator-app__viewer { margin-left: 75px; margin-top: 70px } .sw-custom-list__list-box { height: 500px; padding-bottom: 87px; padding-top: 84px } .sw-group-filter { padding-left: 0; letter-spacing: .5px; font-size: .9em } .sw-group-filter__text { margin: 2px 7px } .sw-group-filter__button { padding: 2px 8px; margin: 2px 4px 2px 0; border: 1px solid rgba(0, 0, 0, 0); color: #a1aaad; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .sw-group-filter__button:hover { color: #445258 } .sw-group-filter__button:first-child { margin-left: 0 } .mac .sw-group-filter__button { padding: 3px 8px 0px 8px } .sw-group-filter__button--selected { background-color: white; border: 1px solid #bbc2c6; color: #445258 } .sw-group-filter__button-container { margin-left: 0; padding-left: 0 } .sw-image-edit { font-size: .9em; padding: 0 } #model-sell-view .sw-image-edit p { font-size: inherit; line-height: inherit } .sw-image-edit__table { width: 100%; list-style: none; margin: 0 } .sw-image-edit__tr { border-bottom: thin solid #a1aaad } .sw-image-edit__tr:hover .sw-image-edit__drag-icon { visibility: visible } .sw-image-edit__td { display: table-cell; height: 80px; font-size: .9em; line-height: 16px; vertical-align: middle; text-align: left; font-weight: normal } .sw-image-edit__td--thead { font-size: .8em; font-weight: 600; line-height: 20px; text-transform: uppercase; color: #445258; height: auto; margin: 5px 0 } .sw-image-edit__td--preview { width: 100px } .sw-image-edit__td--type { width: 83px } .sw-image-edit__td--material { width: 155px; padding-right: 15px } .sw-image-edit__td--caption { width: 310px; padding-right: 18px } .sw-image-edit__td--priority { width: 100px } .sw-image-edit__td--actions { width: 33px; padding-right: 1.5em; text-align: center; opacity: 0.4 } .sw-image-edit__td--actions:hover { opacity: 1 } .sw-image-edit__file-upload { font-size: .9em; line-height: 16px; font-weight: normal; margin: 20px auto 0 auto } .sw-image-edit__thumb { width: 83px; height: 62px; vertical-align: middle } .sw-image-edit__material-label { font-weight: 500; color: #91B6C7; display: block; letter-spacing: .5px } .sw-image-edit__image-type-button { display: block } .sw-image-edit__material-selector { width: 140px } .sw-image-edit__caption { width: 100%; height: 39px; resize: none; padding: 10px; vertical-align: middle; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap } .sw-image-edit__priority { width: 5em; height: 39px; vertical-align: middle } .sw-image-edit__file-upload-input { display: none } .sw-image-edit__file-upload-button { font-size: 13px; font-weight: bold; line-height: 1em; margin-top: 5px; width: 160px; height: 39px } @-webkit-keyframes fade-to-background { 100% { color: #183643 } } .sw-inline-text--saved, .sw-inline-text--failed { animation-name: 'fade-to-background'; -webkit-animation-name: 'fade-to-background'; animation-duration: 2000ms; -webkit-animation-duration: 2000ms; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards } .sw-inline-text--empty { position: relative } .sw-inline-text--empty:before { position: absolute; top: 0; left: 0; content: 'Add some text...'; color: #b4bbbd; line-height: 2em } .sw-inline-text--saved { color: #cce8a4 } .sw-inline-text--failed { color: #EC3737 } .sw-inline-text--updating { opacity: 0.25 } .sw-input.sw-input--is-error, textarea.sw-input.sw-input--is-error, input[type="text"].sw-input.sw-input--is-error, input[type="tel"].sw-input.sw-input--is-error, input[type="number"].sw-input.sw-input--is-error, input[type="search"].sw-input.sw-input--is-error, input[type="password"].sw-input.sw-input--is-error, input[type="email"].sw-input.sw-input--is-error, input[type="url"].sw-input.sw-input--is-error, input[type="search"].sw-input.sw-input--is-error { color: #CC3F30; border: 1px solid #CC3F30 } .sw-input--bg-white, input[type="text"].sw-input--bg-white { background-color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: #e0e3e5 solid 1px } .sw-input--bg-white:-webkit-autofill, input[type="text"].sw-input--bg-white:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset } .sw-input--border-0, input[type="text"].sw-input--border-0 { border: 0 } .sw-input--border-radius-0, input[type="text"].sw-input--border-radius-0 { border-radius: 0 } .sw-input--border-radius-left-3, input[type="text"].sw-input--border-radius-left-3 { border-radius: 3px 0 0 3px } .sw-input-text, .tag-editor, .cke_textarea_inline { cursor: text; color: #445258; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0 0 10px 0; padding: 10px; font-size: 14px; font-weight: 300; letter-spacing: 0; border: 1px solid #c7cdd0; background: #fbfbfb; box-shadow: inset 0 1px 1px #D8DCDF; border-radius: 4px; transition: all 0.1s ease-in-out } .sw-input-text:focus, .tag-editor:focus, .cke_textarea_inline:focus { outline: 0; border: 1px solid #69d1ff; background: #fefefe } .sw-input-text__textarea, .cke_textarea_inline { letter-spacing: 0 } .sw-input-text__textarea .cke_contents, .cke_textarea_inline .cke_contents { background-color: #FFF } .cke_textarea_inline { width: 100%; min-height: 112px } .sw-loading-spinner { background: url("/rrstatic/img/loading.gif") center no-repeat; width: 32px; height: 32px } .sw-manufacturing-speed__type-label { width: 210px } .sw-manufacturing-speed__rush-label { color: #e39c00 } .sw-manufacturing-speed__extended-label { color: #75b02e } .sw-material-example-box:nth-child(4n+2) { clear: both } @media all and (max-width: 768px) { .sw-material-example-box:nth-child(4n+2) { clear: initial } .sw-material-example-box:nth-child(2n+2) { clear: both } } .sw-material-hub__intro-hero { padding: 7% 0 } .sw-material-hub__sub-headline { letter-spacing: 2px; font-size: 1.5em; font-weight: 400; line-height: 1.6em } @media all and (max-width: 768px) { .sw-material-hub__sub-headline { font-size: 1.4em } } @media all and (max-width: 480px) { .sw-material-hub__sub-headline { font-size: 1.2em } } .sw-material-hub__sample-kit-section { padding: 5% 0 } .sw-material-hub__sample-kit-section .sw-material-hub__sub-headline { font-size: 1.2em; font-weight: 600 } .sw-material-hub__alternate-headline { font-size: 3.4em; line-height: 1.2em; letter-spacing: 1px } .sw-material-hub__material-name { font-size: 1.2em } .sw-my-orders { padding: 15px } .sw-order, .sw-order--gray { padding: 20px 0px 20px 20px; margin: 15px 0px; border: 1px #D8DCDF solid } .sw-order--gray { border: 0px; background-color: #f5f7f8 } @media all and (max-width: 768px) and (min-width: 480px) { .sw-order__info, .sw-order__buttons { width: 100% } .sw-order__buttons { padding-top: 10px } } @media all and (max-width: 480px) { .sw-order__column { margin-top: 10px } } .sw-notification-counter { text-align: center; height: 16px; min-width: 16px; padding: 3px; top: -8px; left: calc(100% - 8px); line-height: 11px; -webkit-border-radius: 8px; border-radius: 8px; background-clip: padding-box; font-size: 10px; font-weight: bold } .no-touch .sw-notification-counter:hover { cursor: pointer } .sw-notification-counter--red { background-color: #E54A3A } .no-touch .sw-notification-counter--red:hover { color: white } .sw-notification-counter--grey { background-color: #a1aaad } .no-touch .sw-notification-counter--grey:hover { color: white } .sw-notification-counter--white-text--important { color: white !important } .sw-notification-counter--search { top: 0 } .sw-inline-message-count { position: relative; top: 5px; left: 30px } .sw-noty-container, .sw-noty.noty_container_type_warning, .sw-notification--information, .sw-noty.noty_container_type_information, .sw-noty.noty_container_type_success, .sw-noty.noty_container_type_content, .sw-noty.noty_container_type_modal, .sw-noty--clean.noty_container_type_warning, .sw-noty--clean.noty_container_type_information, .sw-noty--clean.noty_container_type_success, .sw-noty--clean.noty_container_type_content, .sw-noty--clean.noty_container_type_full { overflow: hidden; margin: 5% 0px; font-size: 16px; border-radius: 2px; cursor: pointer } @media all and (max-width: 768px) { .sw-noty-container, .sw-noty.noty_container_type_warning, .sw-notification--information, .sw-noty.noty_container_type_information, .sw-noty.noty_container_type_success, .sw-noty.noty_container_type_content, .sw-noty.noty_container_type_modal, .sw-noty--clean.noty_container_type_warning, .sw-noty--clean.noty_container_type_information, .sw-noty--clean.noty_container_type_success, .sw-noty--clean.noty_container_type_content, .sw-noty--clean.noty_container_type_full { margin: 5px } } #noty_top_layout_container { top: 0; left: 30%; position: fixed; width: 40%; height: auto; margin: 0; padding: 0; list-style-type: none; z-index: 9999999 } #noty_swDialog_layout_container { top: 50%; left: 50%; position: fixed; height: auto; margin: 0; padding: 0; list-style-type: none; z-index: 9999999; max-height: 650px; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } #noty_swCenterFull_layout_container { bottom: 0; top: 0; left: 0; right: 0; margin: 0; overflow: auto; padding: 0; position: fixed; list-style-type: none; z-index: 20000000 } #noty_swCenterContent_layout_container { left: 50%; top: 50%; position: fixed; width: auto; height: auto; margin: auto; padding: 0; list-style-type: none; z-index: 10000000; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } #noty_center_layout_container { left: 25%; width: 40%; min-width: 300px; position: fixed; height: auto; margin: 0; padding: 0; list-style-type: none; z-index: 10000000 } @media all and (max-width: 768px) { #noty_center_layout_container { width: 70% } } @media all and (max-width: 480px) { #noty_center_layout_container { width: 90% } } .sw-noty.noty_container_type_warning { color: #EC3737; background-color: rgba(255, 255, 255, 0.95); border: 1px solid #EC3737 } .sw-noty.noty_container_type_warning:before { content: "\e601"; font-family: 'icons-sw'; font-size: 1.8rem; position: absolute; padding: 18px; color: #EC3737; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .sw-notification__text { margin-left: 45px; padding: 18px } .sw-notification { box-shadow: none; -webkit-box-shadow: none } .sw-notification--information, .sw-noty.noty_container_type_information { color: #183643; background-color: #e5f7ff; border: 1px solid #abe5ff } .sw-notification--information .sw-notification__text a, .sw-notification--information .sw-noty__text a, .sw-noty.noty_container_type_information .sw-notification__text a, .sw-noty.noty_container_type_information .sw-noty__text a { color: #183643; font-weight: bold } .sw-notification--information .sw-notification__text a:hover, .sw-notification--information .sw-noty__text a:hover, .sw-noty.noty_container_type_information .sw-notification__text a:hover, .sw-noty.noty_container_type_information .sw-noty__text a:hover { color: inherit } .sw-notification--information:before, .sw-noty.noty_container_type_information:before { content: "\e628"; font-family: 'icons-sw'; font-size: 2rem; position: absolute; padding: 18px; color: #183643; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .sw-noty.noty_container_type_success { color: #ffffff; background-color: rgba(46, 204, 113, 0.95); border: 1px solid #28b463 } .sw-noty.noty_container_type_success .sw-noty__text a { color: #ffffff; font-weight: bold } .sw-noty.noty_container_type_success .sw-noty__text a:hover { color: inherit } .sw-noty.noty_container_type_success:before { content: "\e901"; font-family: 'icons-sw'; font-size: 2rem; position: absolute; padding: 18px; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .sw-noty.noty_container_type_content { background-color: #fff; max-height: 98vh; overflow-y: auto; box-shadow: 0 2px 6px 0px rgba(68, 82, 88, 0.35) } .sw-noty.noty_container_type_content .sw-noty__message { margin-left: 0; padding: 0 } .sw-noty.noty_container_type_content .sw-noty__close-x { margin: 0px; position: absolute; right: 20px; top: 20px } .sw-noty.noty_container_type_modal { background-color: #fff; cursor: auto; margin-left: auto; margin-right: auto; overflow: visible; padding: 0; width: 600px } .sw-noty.noty_container_type_modal .sw-noty__message { padding: 20px; text-align: left; margin-left: 0 } .sw-noty.noty_container_type_modal .sw-noty__text { width: 100% } .sw-noty.noty_container_type_modal .sw-noty__close-x { margin: 0px; position: absolute; right: 10px; top: 10px } @media all and (max-width: 768px) { .sw-noty.noty_container_type_modal { max-width: 100% } } .sw-noty.noty_container_type_full { color: #183643; background-color: rgba(255, 255, 255, 0.98); margin: 0; overflow-y: hidden; height: 100% !important } .sw-noty.noty_container_type_full>div>div { position: relative } .sw-noty.noty_container_type_full .sw-noty__message { text-align: center; padding: 10px } .sw-noty.noty_container_type_full .sw-noty__text { position: fixed; top: 50%; left: 50%; width: 100%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .sw-noty.noty_container_type_full .sw-noty__close-x { padding-right: 30px; right: 0; position: absolute; opacity: .8; color: #a1aaad } .sw-noty.noty_container_type_full .sw-noty__close-x:hover { opacity: 1 } .sw-noty--clean.noty_container_type_warning, .sw-noty--clean.noty_container_type_information, .sw-noty--clean.noty_container_type_success, .sw-noty--clean.noty_container_type_content, .sw-noty--clean.noty_container_type_full { padding: 0px } .sw-noty__message { text-align: left; padding: 18px; width: auto; position: relative; margin-left: 45px } .sw-noty__text { float: left; width: calc(100% - 32px) } .sw-noty__close-x { float: right; margin: 4px 4px 0 0; opacity: .7; cursor: pointer; z-index: 100 } .sw-noty.noty_modal { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 10000; opacity: 0.6; display: none; left: 0; top: 0 } @media all and (max-width: 480px) { #noty_top_layout_container { width: 96%; left: 0; margin: 2% } } .sw-preview-container__real-material-render-button { background-color: #FFF; opacity: 0.9; width: 50px; height: 50px; margin: 20px; -webkit-border-radius: 27.5px; -moz-border-radius: 27.5px; border-radius: 27.5px; padding: 5px } .sw-preview-container__real-material-render-button--popin-first { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) } .sw-preview-container__real-material-render-button--popin-second { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: transform 1s; -moz-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; transition: transform 1s } .sw-preview-container__real-material-render-button--hover { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) } .no-touch .sw-preview-container__real-material-render-button--hover:hover { opacity: 1.0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .sw-preview-container__real-material-render-icon--symbol { margin-top: 2px; width: 32px } .sw-preview-container__real-material-render-icon--close { margin-top: 0px; width: 21px } .sw-preview-container__shapejs-viewer { display: none; pointer-events: none } .sw-preview-container--show-shapejs-viewer .sw-preview-container__shapejs-viewer { display: block; pointer-events: auto; z-index: 5 } .sw-preview-container--show-shapejs-viewer .sw-preview-container__product-slideshow { pointer-events: none; opacity: 0.4; z-index: 0 } .sw-preview-container--show-shapejs-viewer #slideshow-big { opacity: 0 } .sw-product-discoverability--fieldset { overflow: visible } .sw-category-selector-container-master>div:nth-child(2n+1), .sw-shop-selector-container-master>div:nth-child(2n+1) { margin-right: 30px } .sw-product-discoverability--input-container { width: 345px } .sw-product-discoverability--input { width: 100% } .sw-shop-sections-label { width: 345px } .modelScaleFieldSets { margin-left: 36px } .sw-category-dropdown-container { padding-left: 38px; padding-right: 0 } .sw-category--input-container { width: 300px } input[type="text"].sw-input--width-large { margin-top: 10px; width: 300px } .categoryInfo { padding-left: 129px } select.modelEditSelect { height: 29px } .sw-dropdown-modelEditSelect .sw-dropdown span.label:before { line-height: 31px } .sw-product-edit-details__title-field { line-height: 1.375em; width: 100% } .sw-product-edit-details__description-field { width: 100%; min-height: 160px; resize: vertical } .sw-product-summary__selector--inch { border-radius: 2px 0px 0px 2px; width: 45px } .sw-product-summary__selector--cm { border-radius: 0px 2px 2px 0px; width: 45px } .sw-profiling-bar strong { color: #111 } .sw-profiling-bar { font-size: 9pt; padding: 10px 15px } .sw-profiling-bar__query-table { max-width: 100%; font-size: 12pt } .sw-profiling-bar__query-table__th { min-width: 200px } .sw-profiling-bar__alternating-table { border: thin solid #D8DCDF; width: 100% } .sw-profiling-bar__alternating-tr:nth-child(even) { background: #e5f7ff } .sw-flag { background: #4FC9FF; border-radius: 1.5px; color: white; display: inline-block; font-size: .7em; font-weight: 700; letter-spacing: 0.6px; padding: 0 6px; text-transform: uppercase; z-index: 5; -webkit-font-smoothing: antialiased; -webkit-border-radius: 1px; border-radius: 1px; background-clip: padding-box } .sw-flag:before { color: white; display: inline-block; font-size: .8em; font-family: 'icons-sw'; padding: 0 0 0 3px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1) } .sw-flag--text-only { background: none; color: #a1aaad; font-size: .8em; padding: 0; position: relative } .sw-flag--text-only:before { color: #a1aaad } .sw-flag--customize:before { content: "\e624" } .sw-swiper { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; padding-left: 40px; padding-right: 40px } .sw-swiper__button-box { bottom: 0; font-size: 24px; position: absolute; top: 0; width: 40px; z-index: 1 } .sw-swiper__button { cursor: pointer } .sw-swiper__wrapper { width: 100% } .sw-swiper__wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) } .sw-swiper__slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative } .sw-swiper__slide--auto-width { width: auto } .swiper-container-autoheight { height: auto } .swiper-container-autoheight .sw-swiper__wrapper { height: auto; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height } .swiper-container-autoheight .sw-swiper__slide { height: auto } .sw-table-header { -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; background-clip: padding-box; padding: 6px 0; height: 50px } .sw-table-header__label { text-transform: uppercase; font-weight: bold; font-size: 10px; letter-spacing: 0.5px; line-height: 12px } .sw-table-header__label:hover { cursor: help } .sw-table-header__first-col { width: 75px } .sw-table-header__second-col { margin-right: 107px; padding-left: 2px; width: 55px } .sw-table-header__model-dropdown-bulk { width: 172px } .sw-table-header__second-col--materials-grouping { margin-right: 87px; padding-left: 2px; width: 55px } .sw-table-header__pricing-product-model { margin-right: 125px; margin-left: 40px } .sw-table-header__pricing-product-model--ungrouped { margin-left: 120px; margin-right: 125px } .sw-table-header__customization-options { width: 70px } .sw-table-header__royalty { width: 50px } .sw-table-header__bulk-edit-model-select { margin-right: 147px } .sw-pricing-table__header-selections { height: 60px } .sw-pricing-table__material-row { border-top: none } .sw-pricing-table__material-row:last-child { -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; background-clip: padding-box } .sw-pricing-table__material-rows { padding-top: 50px } .sw-pricing-table__material-row-section { height: 75px } .sw-pricing-table__not-for-sale-material { margin-left: 46px; line-height: 60px } .sw-pricing-table__model-chooser { margin-top: 18px } .sw-pricing-table__grouping-indent--first-col { margin-left: 75px } .sw-pricing-table__material-name--no-variant { margin-right: 95px } .sw-pricing-table__disable-material:hover { color: #183643 } .sw-pricing-table__material-swatch { height: 20px; width: 20px; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box } .sw-pricing-table__material-title-cell { width: 150px; line-height: 16px } .sw-pricing-table__variant_name { width: 150px } .converted-amounts-base { position: relative; white-space: nowrap; vertical-align: bottom } .us-amounts-base { white-space: nowrap; display: inline-block; position: relative; vertical-align: bottom } .sw-pricing-table__price { width: 58px; height: 54px; white-space: nowrap; line-height: 18px } .sw-pricing-table__price-spacer { width: 55px } .material-total-price.amount-input { width: 80px; text-align: center } .converted-total { width: 80px } .sw-pricing-table__total-price { height: 54px } .sw-pricing-table__disable-icon { color: #183643; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } .sw-pricing-table__disable-icon:hover { color: #183643 } .sw-modal__close-icon:hover { color: #183643; cursor: pointer } .sw-global-upload-button { padding: 9px 12px 6px } .sw-promo-credit__field { width: 65%; vertical-align: top; font-size: .8em !important; background: #fff } .sw-promo-credit__field-btn { width: 32%; padding: .8em .5em !important } .sw-shapejs-viewer__container { background-color: #eeeff1 } .sw-accordion__target { height: 0; overflow: hidden } .no-js.no-touch .sw-accordion__item:hover .sw-accordion__target { height: auto; overflow: visible } .sw-accordion__rotate-arrow { cursor: pointer; -webkit-transition: transform color .1s ease-in-out; -moz-transition: transform color .1s ease-in-out; -o-transition: transform color .1s ease-in-out; transition: transform color .1s ease-in-out } .no-touch .sw-accordion__rotate-arrow:hover { color: #08A3E9 } .sw-accordion__arrow { position: relative } .sw-accordion__arrow:after { border-top: 6px solid black; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 0 solid black; content: ""; color: #445258; position: absolute; width: 0; height: 0; right: -15px; top: 52%; transform: translateY(-50%); transition: border-bottom-width .1s ease-in, border-top-width .1s ease-out .1s } .sw-accordion--active .sw-accordion__target { height: auto } .sw-accordion--active .sw-accordion__rotate-arrow { transform: rotate(90deg); color: #08A3E9 } .sw-accordion--active .sw-accordion__arrow:after { border-bottom: 6px solid black; border-top: 0 solid black; transition: border-top-width .1s ease-in, border-bottom-width .1s ease-out .1s } @-webkit-keyframes rotateFull { to { transform: rotate(360deg) } } @keyframes rotateFull { to { transform: rotate(360deg) } } .sw-loading-animation { height: 3em; width: 3em; animation: rotateFull 1s infinite linear; border: 4px solid rgba(79, 201, 255, 0.2); border-top-color: #4FC9FF; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; margin: auto } .sw-loading-animation--small { height: 1.5em; width: 1.5em; margin: 0px } .sw-loading-animation--medium { height: 2em; width: 2em; margin: 0px } .sw-loading-animation--border-thin { border-width: 2px } .sw-feed__comment:first-child { padding-top: 10px } .sw-feed__comment:last-child { padding-bottom: 10px; border-bottom: 0 } .sw-feed__comment--highlighted { background-color: #e5f7ff } .sw-feed__feedback { background-color: #fff } .sw-feed__timestamp:link, .sw-feed__timestamp:visited, .no-touch .sw-feed__timestamp:hover, .sw-feed__timestamp:active { color: #b4bbbd } .sw-feed__comment-menu-control { opacity: 0; color: #67757B } .sw-feed__comment:hover .sw-feed__comment-menu-control { opacity: 0.4 } .no-touch .sw-feed__comment:hover .sw-feed__comment-menu-control:hover { opacity: 1 } .sw-feed__comment-menu-control--open { opacity: 1 } input[type=checkbox].sw-image-checkbox { bottom: 0px; cursor: pointer; height: 100%; opacity: 0; left: 0px; position: absolute; right: 0px; top: 0px; width: 100% } input[type=checkbox].sw-image-checkbox+label { background-repeat: no-repeat; background-size: cover; background-position: center center; bottom: 0px; display: block; height: 100%; left: 0px; pointer-events: none; position: absolute; right: 0px; text-align: center; top: 0px; vertical-align: middle; width: 100% } input[type=checkbox].sw-image-checkbox:checked+label:before { background-color: #000; bottom: 0px; content: ' '; display: block; left: 0px; opacity: .5; position: absolute; right: 0px; top: 0px } input[type=checkbox].sw-image-checkbox:checked+label:after { display: inline-block; content: ' '; height: 50% } input[type=checkbox].sw-image-checkbox:checked+label .sw-image-checkbox__icon { display: inline-block } .sw-image-checkbox__icon { display: none; font-size: 3em; position: relative; pointer-events: none; color: white; vertical-align: middle } .sw-slider__background { background: #f8f8f8 } .sw-slider__base { background: #f8f8f8; border: solid 1px #e0e3e5; border-radius: 50px; height: 100%; position: relative; text-align: left } .sw-slider__connect { background: #08A3E9 } .sw-slider__origin { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0 } .sw-slider__horizontal { height: .7em } .sw-slider__horizontal .sw-slider__handle { left: -4.75px; top: -4.75px } .sw-slider__vertical { height: 100%; width: .7em } .sw-slider__vertical .sw-slider__handle { left: -4.75px; top: -4.75px } .sw-slider__handle { background: #e8e8e8; border-radius: 50px; box-shadow: 0 0px 3px rgba(0, 0, 0, 0.4), inset 0 0 0 5px #fff; cursor: pointer; height: 19px; position: absolute; width: 19px } .sw-slider__handle:hover { box-shadow: 0 0px 3px rgba(0, 0, 0, 0.4), inset 0 0 0 4px #fff } .sw-slideshow, .sw-slideshow:after { width: 100%; height: 100%; top: 0; left: 0; z-index: 0; background: #081217 } .sw-slideshow:after { content: '' } .sw-slideshow__slide .sw-slideshow__slide__bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 26s linear infinite 0s; -moz-animation: imageAnimation 26s linear infinite 0s; -o-animation: imageAnimation 26s linear infinite 0s; -ms-animation: imageAnimation 26s linear infinite 0s; animation: imageAnimation 26s linear infinite 0s } .sw-slideshow__slide:nth-child(1) .sw-slideshow__slide__bg { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s } .sw-slideshow__slide:nth-child(2) .sw-slideshow__slide__bg { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; -ms-animation-delay: 5s; animation-delay: 5s } .sw-slideshow__slide:nth-child(3) .sw-slideshow__slide__bg { -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay: 10s; -ms-animation-delay: 10s; animation-delay: 10s } .sw-slideshow__slide:nth-child(4) .sw-slideshow__slide__bg { -webkit-animation-delay: 15s; -moz-animation-delay: 15s; -o-animation-delay: 15s; -ms-animation-delay: 15s; animation-delay: 15s } .sw-slideshow__slide:nth-child(5) .sw-slideshow__slide__bg { -webkit-animation-delay: 20s; -moz-animation-delay: 20s; -o-animation-delay: 20s; -ms-animation-delay: 20s; animation-delay: 20s } .sw-slideshow__slide:nth-child(6) .sw-slideshow__slide__bg { -webkit-animation-delay: 25s; -moz-animation-delay: 25s; -o-animation-delay: 25s; -ms-animation-delay: 25s; animation-delay: 25s } @-webkit-keyframes imageAnimation { 0% { opacity: 0; -webkit-animation-timing-function: ease-in } 5% { opacity: 1; -webkit-animation-timing-function: ease-out } 20% { opacity: 1 } 30% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes imageAnimation { 0% { opacity: 0; -moz-animation-timing-function: ease-in } 7% { opacity: 1; -moz-animation-timing-function: ease-out } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes imageAnimation { 0% { opacity: 0; -o-animation-timing-function: ease-in } 7% { opacity: 1; -o-animation-timing-function: ease-out } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes imageAnimation { 0% { opacity: 0; -ms-animation-timing-function: ease-in } 7% { opacity: 1; -ms-animation-timing-function: ease-out } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in } 7% { opacity: 1; animation-timing-function: ease-out } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } } @-webkit-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-moz-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-o-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @-ms-keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } @keyframes titleAnimation { 0% { opacity: 0 } 8% { opacity: 1 } 17% { opacity: 1 } 19% { opacity: 0 } 100% { opacity: 0 } } .no-cssanimations .sw-slideshow__slide .sw-slideshow__slide__bg { opacity: 1 } .sw-summary-box__description { height: 54px; font-size: 12px; line-height: 1.5 } .sw-user-orientation-controls__container { width: 75px; height: 75px; bottom: 30px } .sw-feed-composer__fieldsets { padding-right: 65px } .sw-feed__composer { background-color: #fff } .sw-feed-composer__input { height: 30px; resize: none } .sw-feed-composer__input--is-focus { height: 75px } .sw-feed-composer__submit { width: 60px; height: 30px } .sw-breadcrumbs, .breadcrumbs, .infobreadcrumb { color: #a1aaad; font-size: .8em; letter-spacing: 1px; margin-bottom: 20px; text-rendering: optimizeLegibility; text-transform: uppercase } .sw-breadcrumbs__breadcrumb:after, .breadcrumbs .breadcrumb:after, .bcitem:after { content: "\e619"; font-family: 'icons-sw'; speak: none; color: #b4bbbd; padding-left: 5px; font-size: .8em; -webkit-font-smoothing: antialiased } .sw-breadcrumbs__breadcrumb--last, .breadcrumbs .breadcrumb.last, .bcitem.last { border-right: none; background: none } .sw-breadcrumbs__breadcrumb--last:after, .breadcrumbs .breadcrumb.last:after, .bcitem.last:after { content: "" } .bcitemlast { background: none } .sw-email-modal { margin: 0 auto; max-width: 420px; color: #fff; background-color: #183643 } .sw-email-modal__copy { margin: 0 auto; width: 88% } .sw-email-modal__signup { margin-top: 12px } .sw-email-modal__signup-input { width: 65%; margin-right: 10px !important } .sw-hire-me-box { margin-top: 65px; height: 350px } .sw-hire-me-box__header { margin-top: -50px } .sw-render-posing { height: 355px } .sw-merge-products__search-results { max-height: calc(100vh - 560px); min-height: 130px } .sw-merge-products__selected-options { max-height: 120px } .sw-merge-products__product-box { height: 118px; width: 99px } .js .sw-drop-zone-form__submit { display: none } .sw-drop-zone-form--icon-wrapper { height: 57px; flex: 0 0 82px } .sw-drop-zone-form__drop-zone { transition: height 0.4s ease-out; height: 88px; z-index: 1; position: relative } .sw--dragging-window .sw-drop-zone-form__drop-zone { border: 1px dashed #4FC9FF } .sw--dragging-dropzone .sw-drop-zone-form__drop-zone { background-color: #e5f7ff } .sw-drop-zone-icon { z-index: 2; transition: all 0.3s ease-out } .sw--dragging-dropped .sw-drop-zone-icon { border-color: rgba(79, 201, 255, 0.2) } .sw-upload-polling-instance:hover, .sw-upload-polling-instance:active, .sw-upload-polling-instance.hover { background-color: #F2F3F4 } .sw-transition-bar { background-color: #fff; overflow: auto } .sw-transition-bar__step--active .sw-transition-bar__step-link { border-bottom: 3px solid #FF4B5A; padding-bottom: 14px } .sw-transition-bar__step--active .sw-transition-bar__step-link:hover { border-bottom: 3px solid #FF4B5A; cursor: default } .sw-transition-bar__step-link { padding-top: 20px; padding-bottom: 17px; color: #183643 !important } .sw-transition-bar__step-link:hover { border-bottom: 3px solid #D8DCDF; padding-bottom: 14px } .sw-transition-bar__step:last-child { border-right: none } .sw-anchor--offset-top-50 { display: block; position: relative; top: -50px; visibility: hidden } .sw-anchor--offset-top-100 { display: block; position: relative; top: -100px; visibility: hidden } .sw-sticky-container .sw-sticky-container__element { -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2) } .sw-link, .sw-link:visited, .sw-link:active { cursor: pointer; color: #08A3E9; text-decoration: none } .no-touch .sw-link:hover { color: #064381 } .sw-gateway__logo { display: inline-block; background: url("/rrstatic/img/sw-logo-dark-blue.svg") top left no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-indent: -9999px; width: 205px; height: 36px; margin: 0 0 3px 5px } .sw-gateway__h2 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.2em; color: #183643 } .sw-gateway__gray-box { background: #f5f7f8 } .sw-gateway__input-label { width: 140px } .sw-gateway__container { width: 75%; margin: auto } .sw-gateway__terms-and-conditions-box { height: 300px; padding: 18px; overflow-y: scroll; border: 1px solid lightgray } .sw-dropdown__arrow:before, .sw-dropdown__container:before, .sw-dropdown .label:before { border-top: 6px solid black; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 0 solid black; content: ""; color: #445258; position: absolute; width: 0; height: 0; right: 15px; top: 52%; transform: translateY(-50%); transition: border-bottom-width .1s ease-in, border-top-width .1s ease-out .1s } .sw-dropdown__select { color: #445258; -moz-appearance: none; -webkit-appearance: none; background: white; border: 0; font-size: inherit; line-height: 37px; padding: 0 34px 0 10px } .sw-dropdown__container { border-radius: 3px; position: relative } .sw-dropdown-wrapper { position: relative; cursor: pointer } .sw-dropdown-responsive { width: 100% } .sw-dropdown { border: none; font-family: "Fabriga", Helvetica Neue, Helvetica, Arial, sans-serif; color: #445258; background: #fff; padding-right: 23px; position: relative; width: 100%; border-radius: 3px } .sw-dropdown .label { color: #183643; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 37px; height: 37px; padding: 0; font-weight: normal } .sw-dropdown .button { background: none; border: none; box-shadow: none; display: block; padding: 0; position: absolute; right: 0; top: 0; width: 37px; height: 37px; color: #183643; text-align: center; font: 0/0 a; *font: 20px/37px Lucida Sans Unicode, Arial Unicode MS, Arial } .sw-dropdown-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .sw-dropdown-hide-select { position: relative; overflow: hidden; width: 0; height: 0 } .sw-dropdown-hide-select select { position: absolute; left: -100% } .sw-dropdown-hide-select.sw-dropdown-is-native { position: absolute; width: 100%; height: 100%; z-index: 10 } .sw-dropdown-hide-select.sw-dropdown-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0 } .sw-dropdown-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; color: transparent; font-size: 16px } .sw-dropdown-temp-show { position: absolute !important; visibility: hidden !important; display: block !important } .sw-dropdown-items { display: none; position: absolute; z-index: 99; box-shadow: 0 0 10px -6px; min-height: 40px; background: #fff; margin: 0; outline: 0; width: calc(100% + 2px) !important; border-radius: 0 0 3px 3px; left: -1px; -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); color: #445258; line-height: 24px; cursor: default; overflow: visible } .sw-dropdown-above .sw-dropdown-items { bottom: 100%; border-radius: 3px 3px 0 0; -webkit-box-shadow: 4px 0 8px -4px rgba(68, 82, 88, 0.2); -moz-box-shadow: 4px 0 8px -4px rgba(68, 82, 88, 0.2); box-shadow: 4px 0 8px -4px rgba(68, 82, 88, 0.2) } .sw-dropdown-open { z-index: 9999 } .sw-dropdown-open .sw-dropdown { border-radius: 3px 3px 0 0 } .sw-dropdown-open.sw-dropdown-above .sw-dropdown { border-radius: 0 0 3px 3px } .sw-dropdown-open .sw-dropdown .label:before { border-bottom: 6px solid black; border-top: 0 solid black; transition: border-top-width .1s ease-in, border-bottom-width .1s ease-out .1s } .sw-dropdown-scroll { height: 100%; overflow: auto } .sw-dropdown-scroll::-webkit-scrollbar { -webkit-appearance: none; width: 8px } .sw-dropdown-scroll::-webkit-scrollbar-button { height: 0; width: 0 } .sw-dropdown-scroll::-webkit-scrollbar-corner { background: transparent } .sw-dropdown-scroll::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.25); background-clip: padding-box; border: solid transparent 1px; -webkit-border-radius: 1em; border-radius: 1em; background-clip: padding-box; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.08); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.08) } .sw-dropdown-scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, 0.5) } .sw-dropdown-items ul, .sw-dropdown-items li { list-style: none; padding: 0; margin: 0; line-height: 20px; min-height: 20px } .sw-dropdown-items li { list-style: none; cursor: pointer; background: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .sw-dropdown__option-wrapper { padding-left: 10px; line-height: 37px } .sw-dropdown-items .sw-dropdown__option-wrapper { padding-left: 15px; line-height: 28px } .sw-dropdown-items .sw-dropdown__option-wrapper--with-icon { padding-left: 10px; line-height: 37px } .sw-dropdown-items .sw-dropdown__option-wrapper:hover, .sw-dropdown-items .highlighted .sw-dropdown__option-wrapper { background: #f5f7f8; color: #445258 } .sw-dropdown-items .selected .sw-dropdown__option-wrapper { background: #4FC9FF; color: white } .sw-dropdown-wrapper .sw-dropdown-icon { width: 28px; height: 28px; -webkit-transform: translateY(-1px); transform: translateY(-1px) } .sw-dropdown-items .disabled .sw-dropdown__option-wrapper, .sw-dropdown-items .disabled .sw-dropdown__option-wrapper:hover { cursor: default; background: #fff; color: #a1aaad; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .sw-dropdown-items .sw-dropdown__item--chooser .sw-dropdown__option-wrapper, .sw-dropdown-items .sw-dropdown__item--chooser .sw-dropdown__option-wrapper:hover { background-color: #f5f7f8; color: #183643; text-transform: uppercase } .sw-dropdown-items .sw-dropdown-group-label { color: #445258; height: 28px; line-height: 28px; background: white; font-weight: bold; cursor: default; padding-left: 10px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none } .sw-dropdown-items .sw-dropdown-group.disabled li { filter: alpha(opacity=100); opacity: 1 } .sw-dropdown__short-select .sw-dropdown .label { line-height: 32px; height: 32px } .sw-dropdown__short-select .sw-dropdown .button { width: 32px; height: 32px } .sw-dropdown__short-select .sw-dropdown__option-wrapper { padding-left: 10px; line-height: 32px } .sw-dropdown__short-select .sw-dropdown__select { line-height: 32px } .sw-dropdown--border-radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0 } .sw-dropdown__shorter-select .sw-dropdown .label { line-height: 30px; height: 30px } .sw-dropdown__shorter-select .sw-dropdown .button { width: 30px; height: 30px } .sw-dropdown__shorter-select .sw-dropdown__select { line-height: 30px } .sw-dropdown__shorter-select .sw-dropdown__option-wrapper { padding-left: 10px; line-height: 30px } .sw-dropdown-outline__blue .sw-dropdown { background: #f5f7f8; border: 1px solid #91B6C7; overflow: hidden } .sw-dropdown-outline__blue .sw-dropdown-items { background: #f5f7f8; border: 1px solid #91B6C7 } .sw-dropdown-outline__blue .sw-dropdown__option_wrapper { border: 1px solid #91B6C7 } .sw-dropdown--plain .sw-dropdown__select { background-color: transparent } .sw-dropdown--plain:before { content: none } .sw-dropdown--plain .sw-dropdown { background-color: transparent } .sw-dropdown--plain .sw-dropdown .sw-dropdown__option-wrapper { font-weight: bold; text-transform: uppercase; font-size: 12px } .sw-dropdown--fixed-width-items-210 .sw-dropdown-items { width: 210px !important; height: 280px; right: 0; left: auto } .sw-dropdown--expand-to-content { height: 100% } .sw-dropdown--expand-to-content .sw-dropdown-items { position: relative } .sw-top-nav { -webkit-font-smoothing: antialiased } .sw-top-nav__logo { padding-top: 10px; width: 150px } .no-touch .sw-top-nav__logo:hover { cursor: pointer } .sw-top-nav__inner { height: 60px; min-width: 305px } .sw-top-nav__inner .sw-top-nav__icon { color: #67757b } .sw-top-nav__nav-link-text { -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; -webkit-transition: color .1s ease-in-out; transition: color .1s ease-in-out } .sw-top-nav__nav-link:hover .sw-top-nav__nav-link-text { color: #08A3E9 } .sw-top-nav__widget { height: 20px; width: 22px } .sw-top-nav__user-widget-container { width: 9.8%; min-width: 130px; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out } .sw-top-nav__widget-container, .sw-top-nav__user-widget-container--logged-in { width: 3.5%; min-width: 50px; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out } .sw-top-nav__sub-top-nav { height: 50px } .sw-top-nav__mob-menu-spark { height: 25px; width: 25px } @media all and (max-width: 768px) { .sw-top-nav__widget-container, .sw-top-nav__user-widget-container { width: 18.5%; min-width: unset } .sw-top-nav__user-widget-container--logged-in { margin-right: 0 } .sw-top-nav__widget-container--logged-in { width: 12% } .sw-top-nav__user-widget-container--logged-in { width: 12%; margin-right: 4.2% } .sw-top-nav__mob-menu-topbar { height: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.5) } .sw-top-nav__mob-logo { max-width: 50%; max-height: 90% } .sw-top-nav__mobile-menu-content { background-color: #4FC9FF; left: 0; position: absolute; width: 100vw; -moz-transition: left .1s ease-in-out; -o-transition: left .1s ease-in-out; -webkit-transition: left .1s ease-in-out; transition: left .1s ease-in-out } .sw-top-nav--mobile-menu-open { position: fixed; overflow: hidden; width: 100% } .sw-top-nav--mobile-menu-open .sw-top-nav__mobile-menu-content { left: 100%; left: 100vw } .sw-top-nav__mob-menu-cancel, .sw-user-account-widget__cancel { width: 60px } } .sw-top-nav-search__container { min-width: 50px; -moz-transition: margin-right .1s ease-in-out; -o-transition: margin-right .1s ease-in-out; -webkit-transition: margin-right .1s ease-in-out; transition: margin-right .1s ease-in-out } .sw-top-nav-search { height: 34px } .sw-top-nav-search__widget-container { display: none; color: #67757b } .no-touch .sw-top-nav-search__widget-container:hover { color: #183643 } .sw-top-nav-search__widget { height: 20px; width: 20px } .sw-top-nav-search__input-type { right: 340px } .sw-top-nav-search__input { right: 40px; width: 300px } .sw-top-nav-search__submit-btn { color: #67757b; width: 40px; -moz-transition: background-color .1s ease-in-out .15s, border-color .1s ease-in-out .15s, color .1s ease-in-out .15s; -o-transition: background-color .1s ease-in-out .15s, border-color .1s ease-in-out .15s, color .1s ease-in-out .15s; -webkit-transition: background-color .1s ease-in-out .15s, border-color .1s ease-in-out .15s, color .1s ease-in-out .15s; transition: background-color .1s ease-in-out .15s, border-color .1s ease-in-out .15s, color .1s ease-in-out .15s } .sw-top-nav-search__submit-btn:hover { color: #183643; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out } .sw-top-nav-search--input-focused .sw-top-nav-search__submit-btn, .sw-top-nav-search--select-focused .sw-top-nav-search__submit-btn, .sw-top-nav-search--submit-btn-clicked .sw-top-nav-search__submit-btn { background-color: #4FC9FF; border-color: #4FC9FF; color: #fff; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out } .no-touch .sw-top-nav-search--input-focused .sw-top-nav-search__submit-btn:hover, .no-touch .sw-top-nav-search--select-focused .sw-top-nav-search__submit-btn:hover, .no-touch .sw-top-nav-search--submit-btn-clicked .sw-top-nav-search__submit-btn:hover { background-color: #03b2ff; border-color: #29bdff } .sw-top-nav-search--autosuggest-open .sw-top-nav-search__submit-btn { border-bottom-right-radius: 0 } .sw-top-nav-search__auto-suggest { bottom: -1px; right: -40px; width: 341px; -moz-transition: width .1s ease-in-out .1s; -o-transition: width .1s ease-in-out .1s; -webkit-transition: width .1s ease-in-out .1s; transition: width .1s ease-in-out .1s } @media all and (max-width: 1270px) { .sw-top-nav-search__widget-container { display: block; -moz-transition: opacity 0s .2s; -o-transition: opacity 0s .2s; -webkit-transition: opacity 0s .2s; transition: opacity 0s .2s } .sw-top-nav-search__container { margin-right: 0; width: 3.5%; min-width: 50px } .sw-top-nav-search { opacity: 0; left: auto; right: 9%; top: -9999px; width: 43px; visibility: hidden; -moz-transition: opacity .1s ease-in-out .2s, visibility 0s .3s, top 0s .3s; -o-transition: opacity .1s ease-in-out .2s, visibility 0s .3s, top 0s .3s; -webkit-transition: opacity .1s ease-in-out .2s, visibility 0s .3s, top 0s .3s; transition: opacity .1s ease-in-out .2s, visibility 0s .3s, top 0s .3s } .sw-top-nav-search__input-type { box-shadow: -10px 0 10px 5px rgba(255, 255, 255, 0.9); right: 320px; width: auto } .sw-top-nav-search__input { right: 40px; width: 280px } .sw-top-nav-search__submit-btn { -moz-transition: all .1s ease-in-out .2s; -o-transition: all .1s ease-in-out .2s; -webkit-transition: all .1s ease-in-out .2s; transition: all .1s ease-in-out .2s } .sw-top-nav-search__opacity-filter { height: 0; width: 0; -moz-transition: height 0s ease-in-out .3s, opacity .1s ease-in-out .2s, width 0s ease-in-out .3s; -o-transition: height 0s ease-in-out .3s, opacity .1s ease-in-out .2s, width 0s ease-in-out .3s; -webkit-transition: height 0s ease-in-out .3s, opacity .1s ease-in-out .2s, width 0s ease-in-out .3s; transition: height 0s ease-in-out .3s, opacity .1s ease-in-out .2s, width 0s ease-in-out .3s } .sw-top-nav-search--input-focused .sw-top-nav-search, .sw-top-nav-search--select-focused .sw-top-nav-search, .sw-top-nav-search--submit-btn-clicked .sw-top-nav-search { opacity: 1; visibility: visible; top: 0; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out } .sw-top-nav-search--input-focused .sw-top-nav-search__submit-btn, .sw-top-nav-search--select-focused .sw-top-nav-search__submit-btn, .sw-top-nav-search--submit-btn-clicked .sw-top-nav-search__submit-btn { -moz-transition: background-color .1s ease-in-out, border-color .1s ease-in-out, color .1s ease-in-out; -o-transition: background-color .1s ease-in-out, border-color .1s ease-in-out, color .1s ease-in-out; -webkit-transition: background-color .1s ease-in-out, border-color .1s ease-in-out, color .1s ease-in-out; transition: background-color .1s ease-in-out, border-color .1s ease-in-out, color .1s ease-in-out; background-color: #4FC9FF; border-color: #4FC9FF; color: #fff } .sw-top-nav-search--input-focused .sw-top-nav-search__widget-container, .sw-top-nav-search--select-focused .sw-top-nav-search__widget-container, .sw-top-nav-search--submit-btn-clicked .sw-top-nav-search__widget-container { visibility: hidden; opacity: 0; -moz-transition: visibility 0s ease-in-out .1s, opacity .1s ease-in-out; -o-transition: visibility 0s ease-in-out .1s, opacity .1s ease-in-out; -webkit-transition: visibility 0s ease-in-out .1s, opacity .1s ease-in-out; transition: visibility 0s ease-in-out .1s, opacity .1s ease-in-out } .sw-top-nav-search--input-focused .sw-top-nav-search__opacity-filter, .sw-top-nav-search--select-focused .sw-top-nav-search__opacity-filter, .sw-top-nav-search--submit-btn-clicked .sw-top-nav-search__opacity-filter { height: 58px; opacity: 0.9; width: calc(93.4vw - 350px); -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out } .sw-top-nav-search__auto-suggest { width: 321px } } @media all and (max-width: 768px) { .sw-top-nav-search__widget-container { -moz-transition: opacity 0s ease-in-out .2s; -o-transition: opacity 0s ease-in-out .2s; -webkit-transition: opacity 0s ease-in-out .2s; transition: opacity 0s ease-in-out .2s } .sw-top-nav-search__container { width: 18.5%; min-width: unset } .sw-top-nav-search__container--logged-in { width: 12% } .sw-top-nav-search { left: auto; right: -200%; width: 529.72973%; height: 34px } .sw-top-nav-search__container--logged-in .sw-top-nav-search { right: -335%; width: 816.66667% } .sw-top-nav-search__search-form { display: flex } .sw-top-nav-search__input { border-left: 0 solid #e0e3e5; flex: 1; position: relative; right: auto } .sw-top-nav-search__input-type { position: static; max-width: 90% } .sw-top-nav-search__submit-btn { position: relative; flex: 0 0 auto } .sw-top-nav-search__cancel { flex: 0 0 auto; overflow: hidden; width: 40px } .sw-top-nav-search__opacity-filter { right: -200%; -moz-transition: height 0s ease-in-out .2s, opacity .1s ease-in-out .1s, width 0s ease-in-out .2s; -o-transition: height 0s ease-in-out .2s, opacity .1s ease-in-out .1s, width 0s ease-in-out .2s; -webkit-transition: height 0s ease-in-out .2s, opacity .1s ease-in-out .1s, width 0s ease-in-out .2s; transition: height 0s ease-in-out .2s, opacity .1s ease-in-out .1s, width 0s ease-in-out .2s } .sw-top-nav-search--input-focused .sw-top-nav-search__opacity-filter, .sw-top-nav-search--select-focused .sw-top-nav-search__opacity-filter, .sw-top-nav-search--submit-btn-clicked .sw-top-nav-search__opacity-filter { width: 540.54054%; opacity: 1 } .sw-top-nav-search--input-focused.sw-top-nav-search__container--logged-in .sw-top-nav-search__opacity-filter, .sw-top-nav-search--select-focused.sw-top-nav-search__container--logged-in .sw-top-nav-search__opacity-filter, .sw-top-nav-search--submit-btn-clicked.sw-top-nav-search__container--logged-in .sw-top-nav-search__opacity-filter { right: -335%; width: 833.33333% } .sw-top-nav-search--input-changed .sw-top-nav-search__input-type { visibility: hidden; max-width: 0; -moz-transition: visibility 0s ease-in-out .1s, max-width .1s ease-in-out; -o-transition: visibility 0s ease-in-out .1s, max-width .1s ease-in-out; -webkit-transition: visibility 0s ease-in-out .1s, max-width .1s ease-in-out; transition: visibility 0s ease-in-out .1s, max-width .1s ease-in-out } .sw-top-nav-search--input-changed .sw-top-nav-search__input { border-bottom-left-radius: 3px; border-left-width: 1px; border-top-left-radius: 3px; -moz-transition: border-radius 0s ease-in-out .1s; -o-transition: border-radius 0s ease-in-out .1s; -webkit-transition: border-radius 0s ease-in-out .1s; transition: border-radius 0s ease-in-out .1s } .sw-top-nav-search--input-changed.sw-top-nav-search--autosuggest-open .sw-top-nav-search__input { border-bottom-left-radius: 0 } .sw-top-nav-search__auto-suggest { right: -40px; width: calc(100% + 41px) } } .sw-private-messages:hover .sw-top-nav__icon { color: #183643 } .sw-private-messages.open .sw-private-messages__content-wrapper, .no-js .sw-private-messages:hover .sw-private-messages__content-wrapper { opacity: 1; visibility: visible; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out } .sw-private-messages.open .sw-private-messages__icon--active, .no-js .sw-private-messages:hover .sw-private-messages__icon--active { color: #4FC9FF } .sw-private-messages__content-wrapper { top: 56px; -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); opacity: 0; visibility: hidden; z-index: 9999; -moz-transition: opacity .1s ease-in-out, visibility 0s .1s; -o-transition: opacity .1s ease-in-out, visibility 0s .1s; -webkit-transition: opacity .1s ease-in-out, visibility 0s .1s; transition: opacity .1s ease-in-out, visibility 0s .1s } .sw-private-messages__content-wrapper:before, .sw-private-messages__content-wrapper:after { left: 34%; left: calc(50% - 10px) } .sw-private-messages__content-wrapper:after { top: -19px } .sw-private-messages__content-wrapper:before { top: -21px } .sw-private-messages__content { right: 0; width: 350px } .sw-private-messages__attribution { font-size: 0.929rem; top: -5px } .sw-private-messages__user-avatar { width: 40px; height: 40px; top: 5px; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box } .sw-private-messages__message-content { max-width: 270px } .sw-private-messages__subject { top: 5px; text-overflow: ellipsis } @media all and (max-width: 768px) { .sw-private-messages__content { position: absolute; right: -92.7%; left: auto; width: 90vw } .sw-private-messages__content:before, .sw-private-messages__content:after { left: 78.5%; right: auto } .sw-private-messages__content:after { margin-left: 1px; margin-right: auto } } .sw-user-account-widget:hover { color: #183643 } .sw-user-account-widget__content-wrapper { top: 56px; -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); opacity: 0; visibility: hidden; z-index: 9999; -moz-transition: opacity .1s ease-in-out, visibility 0s .1s; -o-transition: opacity .1s ease-in-out, visibility 0s .1s; -webkit-transition: opacity .1s ease-in-out, visibility 0s .1s; transition: opacity .1s ease-in-out, visibility 0s .1s } .sw-user-account-widget__content-wrapper:before, .sw-user-account-widget__content-wrapper:after { left: 34%; left: calc(50% - 10px) } .sw-user-account-widget__content-wrapper:after { top: -19px } .sw-user-account-widget__content-wrapper:before { top: -21px } .sw-user-account-widget__open .sw-user-account-widget__content-wrapper, .no-js .sw-user-account-widget:hover .sw-user-account-widget__content-wrapper { opacity: 1; visibility: visible; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out } .sw-user-account-widget__content { right: 0; width: 200px } .sw-user-account-widget__avtr { height: 30px; width: 30px } @media all and (max-width: 768px) { .sw-user-account-widget__content-wrapper { border-radius: 50%; left: 89.8vw; opacity: 1; overflow: hidden; position: fixed; height: 0; top: 30px; width: 0; visibility: visible; z-index: 999; -moz-transition: height .2s ease-in-out, left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out; -o-transition: height .2s ease-in-out, left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out; -webkit-transition: height .2s ease-in-out, left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out; transition: height .2s ease-in-out, left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out } .sw-user-account-widget__content-wrapper:before, .sw-user-account-widget__content-wrapper:after { content: none } .sw-user-account-widget__links { height: 100%; overflow-y: scroll } .sw-user-account-widget__links-nav { padding-bottom: 120px } .sw-user-account-widget__link { font-size: 1.286rem; padding: 15px 10% } .sw-user-account-widget__content { border: none; border-radius: 0; height: 100%; height: 100vh; left: -89.8vw; padding: 0; position: absolute; top: -30px; width: 100%; width: 100vw; -moz-transition: left .2s ease-in-out, top .2s ease-in-out; -o-transition: left .2s ease-in-out, top .2s ease-in-out; -webkit-transition: left .2s ease-in-out, top .2s ease-in-out; transition: left .2s ease-in-out, top .2s ease-in-out } .sw-user-account-widget__avtr { z-index: 10; transition: z-index 0s .2s } .sw-user-account-widget__open { position: fixed; overflow: hidden; width: 100%; margin-top: 60px } .sw-user-account-widget__open .sw-user-account-widget__content-wrapper { height: 260vh; left: calc(-130vh + 89.8vw); top: calc(-130vh - 30px); width: 260vh; -moz-transition: height .2s ease-in-out, left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out; -o-transition: height .2s ease-in-out, left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out; -webkit-transition: height .2s ease-in-out, left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out; transition: height .2s ease-in-out, left .2s ease-in-out, top .2s ease-in-out, width .2s ease-in-out } .sw-user-account-widget__open .sw-user-account-widget__content { left: calc(130vh - 89.8vw); top: calc(130vh + 30px); -moz-transition: left .2s ease-in-out, top .2s ease-in-out; -o-transition: left .2s ease-in-out, top .2s ease-in-out; -webkit-transition: left .2s ease-in-out, top .2s ease-in-out; transition: left .2s ease-in-out, top .2s ease-in-out } .sw-user-account-widget__open .sw-user-account-widget__sw-top-nav--open { position: fixed; top: 0; width: 100%; width: 100vw; z-index: 999; background-color: #fff } .sw-user-account-widget__open .sw-user-account-widget__avtr { z-index: 9999; transition: none } .sw-user-account-widget__topbar { height: 60px } .sw-user-account-widget__topbar .icon-cancel { margin-left: 7% } .sw-user-account-widget__usrnme { margin-right: 17.5% } } @media all and (max-width: 768px) and (orientation: landscape) { .sw-user-account-widget__open .sw-user-account-widget__content-wrapper { height: 260vw; left: calc(-130vw + 89.8vw); top: calc(-130vw - 30px); width: 260vw } .sw-user-account-widget__open .sw-user-account-widget__content { left: calc(130vw - 89.8vw); top: calc(130vw + 30px) } } .sw-msk__price { bottom: -1px } .sw-msk__buy-now-btn { width: 136px; background-color: #FC695B; padding: 14px 26px; border: 1px solid #c8564b; -webkit-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; background-clip: padding-box } .sw-msk__buy-now-btn:hover, .sw-msk__buy-now-btn:focus, .sw-msk__buy-now-btn:active { color: #fff; background: #fd978e } .sw-msk__buy-now-btn--outset { width: 140px; -webkit-box-shadow: inset 0 0 3px #f6dbd9, 0 4px 0 #cd5145; -moz-box-shadow: inset 0 0 3px #f6dbd9, 0 4px 0 #cd5145; box-shadow: inset 0 0 3px #f6dbd9, 0 4px 0 #cd5145 } .sw-msk__visit-materials { background: #edeff0; padding: 15px 0 } .material-sample-kits .box { height: 420px } .material-sample-kits .box .learn-more { position: absolute; text-indent: -9999px; width: 258px; height: 83px; top: 92px; left: 3px; font-size: .8em; background-image: url("/rrstatic/img/portal/sample-kit/hover.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .material-sample-kits .box .learn-more { background-image: url("/rrstatic/img/portal/sample-kit/hover_2x.png") } } .material-sample-kits .box .material-sample-list { position: relative; margin-left: 20px } .material-sample-kits .box .sample-kit-price { width: 166px; height: 47px; padding: 14px 0 8px 0; background: #f5f7f8; border-top: 1px solid #e0e3e5; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; background-clip: padding-box; text-align: center; font-size: 1.2em } .material-sample-kits .box.basic-kit { margin-top: -3px } .material-sample-kits .box.basic-kit .material-sample-list { padding: 133px 0 0 34px } .material-sample-kits .box.basic-kit .sample-kit-price { width: 164px } .material-sample-kits .box.basic-kit .sample-shelf { width: 304px } .material-sample-kits .box.color-finish-kit .material-sample-list { padding: 133px 0 0 7px } .material-sample-kits .box.metal-kit .material-sample-list { padding: 145px 0 0 34px } .material-sample-kits .box .property-stat { width: 82px; margin: -3px 10px 18px 0 } .material-sample-kits .box .property-stat.last { margin-right: 0 } .material-sample-kits .box .property-stat .stat-bubble { padding: 6px 5px 4px 5px; width: 70px; font-size: .8em; font-weight: bold } .material-sample-kits .box .property-stat .stat-bubble.low { background: url("/rrstatic/img/materials/stat-bg.png") -105px 0px #757372 no-repeat } .material-sample-kits .box .property-stat .stat-bubble.med { background: url("/rrstatic/img/materials/stat-bg.png") -90px 0px #757372 no-repeat } .material-sample-kits .box .sample-shelf { position: absolute; height: 30px; top: 202px; left: 0px; width: 302px; border-bottom: 1px solid #e0e3e5; background-image: url("linear-gradient(white 87%, rgba(240,240,240,0.9))") } .material-sample-kits .box .sample-shelf.row-1 { top: 190px } .material-sample-kits .box .sample-shelf.row-2 { top: 221px } .ribbon { position: absolute; right: 15px; top: -3px; text-indent: -9999px; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; background-clip: padding-box } .ribbon.sample-kit { width: 60px; height: 91px; background-image: url("/rrstatic/img/portal/sample-kit/flag.png"); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .ribbon.sample-kit { background-image: url("/rrstatic/img/portal/sample-kit/flag_2x.png") } } .sw-model-edit-container { max-width: 425px; min-width: 425px; height: calc(100vh - 60px); width: 40vw } .sw-model-edit-title__wrapper:hover { background-color: #3A91F6 } .sw-model-edit-title__wrapper--contenteditable-triggered { background-color: #3A91F6 } .sw-model-edit-title__wrapper--contenteditable-triggered .sw-content-editable-target { outline: 0 transparent solid } .sw-model-edit-navigation { z-index: 2000; width: 360px; background: rgba(255, 255, 255, 0.9); overflow: hidden } .sw-model-edit-navigation-container { max-height: 80vh; overflow-y: scroll } .sw-model-edit-material-navigation .sw-model-edit-material-navigation__material-swatch { height: 40px; width: 42px } .sw-model-edit-material-navigation .sw-model-edit-material-navigation__close { line-height: 40px } .sw-model-edit-material-navigation .sw-model-edit-set-orientation { height: 40px } .sw-model-edit-material-navigation .sw-model-edit-set-orientation__button { margin-top: 2px } .sw-model-edit-material-navigation .sw-model-edit-printing-analysis__header { height: 55px } .sw-model-edit-material-navigation .sw-model-edit-printing-analysis__check { height: 40px } .sw-model-edit-three-dimensional-viewer { max-height: calc(100vh - 60px) } .sw-model-edit-three-dimensional-viewer .printability-center-viz { height: 100% } .sw-model-edit-welome-overlay { width: 600px } .sw-model-edit-material-chooser__material-swatch { height: 30px; width: 32px; transform: translateY(-1px) } .sw-model-edit-material-chooser__material-choice:hover, .sw-model-edit-material-chooser__material-choice.selected { border-left-color: #4FC9FF; background: #e5f7ff } .sw-model-edit-material-filter { max-width: 212px } .sw-model-edit-title { height: 40px } .sw-model-edit-title .sw-model-edit--breadcrumb:after { content: ""; border-top: 20px solid #287EE3; border-bottom: 20px solid #287EE3; border-left: 10px solid #3A91F6; position: absolute; left: 30px; top: 0 } .sw-gallery .sw-gallery__previous { background-color: rgba(0, 0, 0, 0.6) } .sw-gallery .sw-gallery__center-content { background-color: rgba(0, 0, 0, 0.6) } .sw-gallery .sw-gallery__center-content-main-image-container { height: 450px; width: 100% } .sw-gallery .sw-gallery-thumbnail-container { transition: -ms-transform 0.3s ease-out, -webkit-transform 0.3s ease-out, transform 0.3s ease-out } .sw-gallery .sw-gallery__center-content-main-image { max-height: 100%; max-width: 100% } .sw-gallery .sw-gallery__center-content-thumbnail-section { height: 100px; max-width: 60.15625vw } .sw-gallery .sw-gallery__center-content-thumbnail { height: 67px; width: 110px } .sw-gallery .sw-gallery__center-content-thumbnail-image { max-width: 100%; opacity: .5 } .sw-gallery .sw-gallery__center-content-thumbnail-image:hover { opacity: 1 } .sw-gallery .sw-gallery__center-content-thumbnail--selected { border: 1px solid #4FC9FF } .sw-gallery .sw-gallery__center-content-thumbnail--selected .sw-gallery__center-content-thumbnail-image { opacity: 1 } .sw-gallery .sw-gallery__next { background-color: rgba(0, 0, 0, 0.6) } .sw-gallery-body-overflow-hidden { overflow: hidden } .sw-hover__show-element { display: none } .sw-hover:hover .sw-hover__show-element { display: initial } .sw-input-autocomplete { top: -99999px; -webkit-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); box-shadow: 0 4px 8px 0px rgba(68, 82, 88, 0.2); -moz-transition: opacity .1s ease-in-out, top 0s ease-in-out .2s; -o-transition: opacity .1s ease-in-out, top 0s ease-in-out .2s; -webkit-transition: opacity .1s ease-in-out, top 0s ease-in-out .2s; transition: opacity .1s ease-in-out, top 0s ease-in-out .2s } .sw-input-autocomplete--open { top: 0; opacity: 1; -moz-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out } .sw-input-autocomplete__item { line-height: 32px; padding: 0 8px } .sw-input-autocomplete__item--selected, .sw-input-autocomplete__item:hover { background: #f5f7f8 } .sw-product-share-social__share-box { left: -65px; width: 220px } .sw-tooltip { position: relative } .sw-tooltip:hover .sw-tooltip__target { opacity: 1; visibility: visible; -moz-transition: opacity ease-in-out .1s; -o-transition: opacity ease-in-out .1s; -webkit-transition: opacity ease-in-out .1s; transition: opacity ease-in-out .1s } .sw-tooltip__target { visibility: hidden; background-color: rgba(0, 0, 0, 0.8); color: #fff; border-radius: 6px; opacity: 0; position: absolute; max-width: 200px; z-index: 99; -moz-transition: opacity ease-in-out .1s .1s, visibility ease-in-out 0s .2s; -o-transition: opacity ease-in-out .1s .1s, visibility ease-in-out 0s .2s; -webkit-transition: opacity ease-in-out .1s .1s, visibility ease-in-out 0s .2s; transition: opacity ease-in-out .1s .1s, visibility ease-in-out 0s .2s } .sw-tooltip__target:after { content: ' '; position: absolute } .sw-tooltip__target--wide { width: 350px; max-width: unset } .sw-tooltip__target--top { bottom: calc(100% + 10px); left: 50%; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .sw-tooltip__target--top:after { border: solid transparent 5px; border-top-color: rgba(0, 0, 0, 0.8); left: 50%; margin-left: -5px; top: 100% } .sw-tooltip__target--bottom { top: calc(100% + 10px); left: 50%; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .sw-tooltip__target--bottom:after { border: solid transparent 5px; border-bottom-color: rgba(0, 0, 0, 0.8); left: 50%; margin-left: -5px; bottom: 100% } .sw-model-material-configurator-layout { height: calc(100vh - 60px) } .sw-model-material-configurator-model-updater__content { max-width: 600px } .sw-model-material-configurator-navigation { height: 60px } .sw-model-material-drag-and-drop-upload__content { max-width: 600px } .sw-model-material-drag-and-drop-upload__uploading { height: 79px } .sw-model-material-drag-and-drop-upload__progress-bar { height: 4px; max-width: 100% } .sw-material-configurator-material-selector { max-width: 800px } .sw-material-configurator-material-selector__content { max-width: 600px } .sw-material-configurator-material-selector__material-swatch { height: 35px; flex: 0 0 35px } .sw-material-configurator-options-selector__content { max-width: 600px } .sw-material-configurator-options-selector__material-swatch { height: 33px; width: 33px } .sw-material-configurator-color-selector { max-width: 800px } .sw-material-configurator-color-selector__color-choice { height: 57px } .sw-material-configurator-color-selector__material-swatch { height: 33px; flex: 0 0 33px } .sw-material-configurator-finish-selector { max-width: 800px } .sw-material-configurator-finish-selector__option { min-height: 95px } .sw-model-material-configurator-add-to-cart__content { max-width: 600px } .sw-model-material-upload__content { max-width: 600px } .sw-model-visualization__dimensions { top: 65% } .sw-model-material-configurator-material-details { top: 70% } @-webkit-keyframes slideAcross { from { left: -40% } to { left: 100% } } @keyframes slideAcross { from { left: -40% } to { left: 100% } } @keyframes fadeInOut { 0% { opacity: 0 } 5% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 95% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeIn { 0% { opacity: 0 } 5% { opacity: 1 } 100% { opacity: 1 } } .sw-model-material-analyzing-model { height: 79px; max-width: 600px } .sw-model-material-analyzing-model__animation-bar { left: 50%; height: 4px; width: 40%; background: linear-gradient(to left, #4FC9FF, transparent); -webkit-animation: slideAcross 1.5s infinite linear; animation: slideAcross 1.5s infinite linear } .sw-model-material-analyzing-model__message-0 { animation: fadeOut 10s linear 0s 1 forwards } .sw-model-material-analyzing-model__message-1 { animation: fadeInOut 10.25s linear 9.75s 1 forwards } .sw-model-material-analyzing-model__message-2 { animation: fadeInOut 10.25s linear 19.75s 1 forwards } .sw-model-material-analyzing-model__message-3 { animation: fadeIn 10.25s linear 29.75s 1 forwards } .sw-material-benefit-filters { max-height: 500px } .sw-material-benefit-filter-section { width: 50% } .sw-material-benefit-filter-image { height: 35px; width: 35px } .sw-faq-question::after { content: url(https: //static1.sw-cdn.net/files/cms/partnerships/valve/open-close-blue-02.png); position:absolute; right:0; top:25%; height:16px; -webkit-transition:all .35s; -o-transition:all .35s; transition:all .35s } .sw-faq-answer--expanded .sw-faq-question::after { transform: rotate(315deg) } .sw-state__checkbox--delete { display: none } .sw-state__checkbox--delete:checked+label { color: #EC3737 } .touch .sw--is-hidden-on-touch, .sw--is-hidden { display: none } .sw--is-no-pointer-events { pointer-events: none } .sw--is-all-pointer-events { pointer-events: all } .sw--is-draggable { cursor: move; cursor: grab; cursor: -webkit-grab } .sw--is-draggable__dragging { cursor: grabbing; cursor: -webkit-grabbing; background-color: rgba(255, 255, 255, 0.85); border-top: 1px solid #e0e3e5 } .sw--is-text-error { color: #EC3737 } #chooseUploadScale { border-bottom: 1px solid #DDDDDD; box-shadow: 0 2px 0 white; padding: 3px } #chooseUploadScale a { margin: 10px } #uploadModelError { display: none } #isIEBrowser { display: none } .signup-or-divider { margin: 0 auto; height: 24px; width: 70% } .signup-or-divider hr { margin: 14px 10px -12px 0px; color: #edeff0 } .signup-or-divider p { color: #415761; background: #ffffff; text-align: center; font-size: .8em; margin-left: 90px; margin-right: 90px; line-height: 2em } .container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 964px; margin: 20px auto 20px auto } .container.wide { width: 984px } .container.wide .container { width: 960px; margin: 0 auto } .column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; float: left; margin-right: 24px; position: relative } .stack { z-index: 0 } .span-1 { width: 58px } .span-2 { width: 140px } .span-3 { width: 222px } .span-4 { width: 304px } .span-5 { width: 386px } .span-6 { width: 468px } .span-7 { width: 550px } .span-8 { width: 632px } .span-9 { width: 714px } .span-10 { width: 796px } .span-11 { width: 878px } .span-12 { width: 960px; margin: 0 auto } input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12 { border-left-width: 1px; border-right-width: 1px; padding-left: 5px; padding-right: 5px } input.span-1, textarea.span-1 { width: 46px } input.span-2, textarea.span-2 { width: 128px } input.span-3, textarea.span-3 { width: 210px } input.span-4, textarea.span-4 { width: 292px } input.span-5, textarea.span-5 { width: 374px } input.span-6, textarea.span-6 { width: 456px } input.span-7, textarea.span-7 { width: 538px } input.span-8, textarea.span-8 { width: 620px } input.span-9, textarea.span-9 { width: 702px } input.span-10, textarea.span-10 { width: 784px } input.span-11, textarea.span-11 { width: 866px } input.span-12, textarea.span-12 { width: 948px } .append-3 { padding-right: 246px } .prepend-1 { padding-left: 82px } .prepend-2 { padding-left: 164px } .prepend-3 { padding-left: 246px } .prepend-7 { padding-left: 574px } .border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #ddd } .pull-1 { margin-left: -82px } .pull-2 { margin-left: -164px } .pull-3 { margin-left: -246px } .pull-4 { margin-left: -328px } .pull-5 { margin-left: -410px } .pull-6 { margin-left: -492px } .pull-7 { margin-left: -574px } .pull-8 { margin-left: -656px } .pull-9 { margin-left: -738px } .pull-10 { margin-left: -820px } .pull-11 { margin-left: -902px } .pull-12 { margin-left: -984px } .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 { float: left; position: relative } .push-1 { margin: 0 -82px 1.5em 82px } .push-2 { margin: 0 -164px 1.5em 164px } .push-3 { margin: 0 -246px 1.5em 246px } .push-4 { margin: 0 -328px 1.5em 328px } .push-5 { margin: 0 -410px 1.5em 410px } .push-6 { margin: 0 -492px 1.5em 492px } .push-7 { margin: 0 -574px 1.5em 574px } .push-8 { margin: 0 -656px 1.5em 656px } .push-9 { margin: 0 -738px 1.5em 738px } .push-10 { margin: 0 -820px 1.5em 820px } .push-11 { margin: 0 -902px 1.5em 902px } .push-12 { margin: 0 -984px 1.5em 984px } .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 { float: right; position: relative } hr { background: #e0e3e5; color: #e0e3e5; clear: both; float: none; width: 100%; height: 1px; margin: 20px 0; border: none } hr.space { background: #FFF; color: #FFF; visibility: hidden } hr.compact { margin: 10px 0 } hr.zero { margin: 0 } hr.dotted { background: none; border-bottom: 1px dotted #e0e3e5 } hr.thick { height: 2px } hr.light { background: #fff } .clearfix:after, .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden } .clearfix, .container { display: block } .clear { clear: both; height: 1px } .clear-float { clear: both } .span-12 .box .container { width: 918px } .span-12 .box .column, .span-12 .box .span-1, .span-12 .box .span-2, .span-12 .box .span-3, .span-12 .box .span-4, .span-12 .box .span-5, .span-12 .box .span-6, .span-12 .box .span-7, .span-12 .box .span-8, .span-12 .box .span-9, .span-12 .box .span-10, .span-12 .box .span-11, .span-12 .box .span-12 { margin-right: 18px } .span-12 .box .span-1 { width: 60px } .span-12 .box .span-2 { width: 138px } .span-12 .box .span-3 { width: 216px } .span-12 .box .span-4 { width: 294px } .span-12 .box .span-5 { width: 372px } .span-12 .box .span-6 { width: 450px } .span-12 .box .span-7 { width: 528px } .span-12 .box .span-8 { width: 606px } .span-12 .box .span-9 { width: 684px } .span-12 .box .span-10 { width: 762px } .span-12 .box .span-11 { width: 840px } .span-12 .box .span-12 { width: 920px; margin-right: 0 } .span-12 .box .append-3 { padding-right: 234px } .span-12 .box .prepend-1 { padding-left: 78px } .span-12 .box .prepend-2 { padding-left: 156px } .span-12 .box .prepend-3 { padding-left: 234px } .span-12 .box .prepend-7 { padding-left: 546px } .span-12 .box .pull-1 { margin-left: -78px } .span-12 .box .pull-2 { margin-left: -156px } .span-12 .box .pull-3 { margin-left: -234px } .span-12 .box .pull-4 { margin-left: -312px } .span-12 .box .pull-5 { margin-left: -390px } .span-12 .box .pull-6 { margin-left: -468px } .span-12 .box .pull-7 { margin-left: -546px } .span-12 .box .pull-8 { margin-left: -624px } .span-12 .box .pull-9 { margin-left: -702px } .span-12 .box .pull-10 { margin-left: -780px } .span-12 .box .pull-11 { margin-left: -858px } .span-12 .box .pull-12 { margin-left: -936px } .span-12 .box .push-1 { margin: 0 -78px 1.5em 78px } .span-12 .box .push-2 { margin: 0 -156px 1.5em 156px } .span-12 .box .push-3 { margin: 0 -234px 1.5em 234px } .span-12 .box .push-4 { margin: 0 -312px 1.5em 312px } .span-12 .box .push-5 { margin: 0 -390px 1.5em 390px } .span-12 .box .push-6 { margin: 0 -468px 1.5em 468px } .span-12 .box .push-7 { margin: 0 -546px 1.5em 546px } .span-12 .box .push-8 { margin: 0 -624px 1.5em 624px } .span-12 .box .push-9 { margin: 0 -702px 1.5em 702px } .span-12 .box .push-10 { margin: 0 -780px 1.5em 780px } .span-12 .box .push-11 { margin: 0 -858px 1.5em 858px } .span-12 .box .push-12 { margin: 0 -936px 1.5em 936px } .span-9 .box .container { width: 672px } .span-9 .box .column, .span-9 .box .span-1, .span-9 .box .span-2, .span-9 .box .span-3, .span-9 .box .span-4, .span-9 .box .span-5, .span-9 .box .span-6, .span-9 .box .span-7, .span-9 .box .span-8, .span-9 .box .span-9, .span-9 .box .span-10, .span-9 .box .span-11, .span-9 .box .span-12 { margin-right: 12px } .span-9 .box .span-1 { width: 45px } .span-9 .box .span-2 { width: 102px } .span-9 .box .span-3 { width: 159px } .span-9 .box .span-4 { width: 216px } .span-9 .box .span-5 { width: 273px } .span-9 .box .span-6 { width: 330px } .span-9 .box .span-7 { width: 387px } .span-9 .box .span-8 { width: 444px } .span-9 .box .span-9 { width: 501px } .span-9 .box .span-10 { width: 558px } .span-9 .box .span-11 { width: 615px } .span-9 .box .span-12 { width: 672px; margin-right: 0 } .span-9 .box .append-3 { padding-right: 171px } .span-9 .box .prepend-1 { padding-left: 57px } .span-9 .box .prepend-2 { padding-left: 114px } .span-9 .box .prepend-3 { padding-left: 171px } .span-9 .box .prepend-7 { padding-left: 399px } .span-9 .box .pull-1 { margin-left: -57px } .span-9 .box .pull-2 { margin-left: -114px } .span-9 .box .pull-3 { margin-left: -171px } .span-9 .box .pull-4 { margin-left: -228px } .span-9 .box .pull-5 { margin-left: -285px } .span-9 .box .pull-6 { margin-left: -342px } .span-9 .box .pull-7 { margin-left: -399px } .span-9 .box .pull-8 { margin-left: -456px } .span-9 .box .pull-9 { margin-left: -513px } .span-9 .box .pull-10 { margin-left: -570px } .span-9 .box .pull-11 { margin-left: -627px } .span-9 .box .pull-12 { margin-left: -684px } .span-9 .box .push-1 { margin: 0 -57px 1.5em 57px } .span-9 .box .push-2 { margin: 0 -114px 1.5em 114px } .span-9 .box .push-3 { margin: 0 -171px 1.5em 171px } .span-9 .box .push-4 { margin: 0 -228px 1.5em 228px } .span-9 .box .push-5 { margin: 0 -285px 1.5em 285px } .span-9 .box .push-6 { margin: 0 -342px 1.5em 342px } .span-9 .box .push-7 { margin: 0 -399px 1.5em 399px } .span-9 .box .push-8 { margin: 0 -456px 1.5em 456px } .span-9 .box .push-9 { margin: 0 -513px 1.5em 513px } .span-9 .box .push-10 { margin: 0 -570px 1.5em 570px } .span-9 .box .push-11 { margin: 0 -627px 1.5em 627px } .span-9 .box .push-12 { margin: 0 -684px 1.5em 684px } .span-12 .box .left .left, .span-9 .box .left, .left { float: left } .span-12 .box .right .right, .span-9 .box .right, .right { float: right } .last, .span-12 .box .last, .span-9 .box .last { margin-right: 0; padding-right: 0 } .first, .span-12 .box .first, .span-9 .box .first { margin-left: 0 } .top, .span-12 .box .top, .span-9 .box .top { margin-top: 0 } .bottom, .span-12 .box .bottom, .span-9 .box .bottom { margin-bottom: 0 } .flush-top, .flush-bottom, .flush-left, .flush-right { position: absolute } .flush-top { top: 0 } .flush-bottom { bottom: 0 } .flush-left { left: 0 } .flush-right { right: 0 } .append-bottom { margin-bottom: 20px } .push-top { padding-top: 20px } .pull-bottom { padding-bottom: 20px } .breathe-vertical { margin-top: 10px; margin-bottom: 10px } .breathe-horizontal { margin-left: 10px; margin-right: 10px } .breathe-vertical-large { margin-top: 20px; margin-bottom: 20px } .breathe { margin: 10px } .breathe-top { margin-top: 10px } .breathe-top-large { margin-top: 20px } .breathe-top-small { margin-top: 5px } .breathe-bottom { margin-bottom: 10px } .breathe-bottom-large { margin-bottom: 20px } .breathe-bottom-small { margin-bottom: 5px } .breathe-right { margin-right: 10px } .breathe-right-large { margin-right: 20px } .breathe-right-small { margin-right: 5px } .breathe-left { margin-left: 10px } .breathe-left-large { margin-left: 20px } .breathe-left-small { margin-left: 5px } .position { position: absolute } .position.top-left { top: 10px; left: 10px } .position.top-right { top: 10px; right: 10px } .position.bottom-left { bottom: 10px; left: 10px } .position.bottom-right { bottom: 10px; right: 10px } .sw-dms--bg-black { background-color: #000 } .sw-dms--bg-white { background-color: #fff } .sw-dms--bg-blue { background-color: #1E2740 } .sw-dms--bg-red { background-color: #FF4B5A } .sw-dms--bg-grey-46 { background-color: #5E717C } .sw-dms--bg-grey-85 { background-color: #DAD8DA } .sw-dms--bg-grey-96 { background-color: #F2F3F4 } .sw-dms--color-black { color: #000 } .sw-dms--color-white { color: #fff } .sw-dms--color-blue { color: #1E2740 } .sw-dms--color-red { color: #FF4B5A } .sw-dms--color-grey-46 { color: #5E717C } .sw-dms--color-grey-85 { color: #DAD8DA } .sw-dms--color-grey-96 { color: #F2F3F4 } body, html { font-family: "Fabriga"; font-size: 14px; line-height: 1.5714rem } h1 { font-family: "SharpGrotesque"; font-size: 3.214rem } h2 { font-family: "Fabriga"; font-size: 1.714rem } h3 { font-family: "SharpGrotesque"; font-size: 1.285rem } h4 { font-family: "Fabriga"; font-weight: bold; font-size: 1.285rem } h5 { font-family: "SharpGrotesque"; font-size: 1.0714rem } h6 { font-family: "Fabriga"; font-size: 0.9285rem } h5 { font-family: "Fabriga"; font-size: 1rem } .sw-dms__link, .sw-dms__link:visited, .sw-dms__link:active { cursor: pointer; color: #2EAAEB; text-decoration: none } .no-touch .sw-dms__link:hover { color: #2790C7 } .sw-dms__link--underlined, .sw-dms__link--underlined:visited, .sw-dms__link--underlined:active { text-decoration: underline; color: #1E2740 } .no-touch .sw-dms__link--underlined:hover { color: #2790C7 } .sw-dms-button, .btn, .btn-primary, .btn-buy-now, .btn-secondary, .sw-image-edit__file-upload-button, .btn-white { font-family: "Fabriga", sans-serif; border: thin solid #DAD8DA; border-radius: 1.18rem; line-height: 1.1rem; letter-spacing: 0.5px; display: inline-block; padding: .42rem 1.07rem; white-space: nowrap; background-color: #fff; text-align: center; text-transform: uppercase; text-decoration: none } .sw-dms-button.sw-dms-button, .btn, .btn-primary, .btn-buy-now, .btn-secondary, .sw-image-edit__file-upload-button, .btn-white { color: #000 } .no-touch .sw-dms-button:hover, .no-touch .btn:hover, .no-touch .btn-primary:hover, .no-touch .btn-buy-now:hover, .no-touch .btn-secondary:hover, .no-touch .sw-image-edit__file-upload-button:hover, .no-touch .btn-white:hover { background-color: #FBFBFB } .no-touch .sw-dms-button:active, .no-touch .btn:active, .no-touch .btn-primary:active, .no-touch .btn-buy-now:active, .no-touch .btn-secondary:active, .no-touch .sw-image-edit__file-upload-button:active, .no-touch .btn-white:active { background-color: #F2F3F4 } .sw-dms-button:focus, .btn:focus, .btn-primary:focus, .btn-buy-now:focus, .btn-secondary:focus, .sw-image-edit__file-upload-button:focus, .btn-white:focus { outline: none } .sw-dms-button--small, .btn.small, .small.btn-primary, .small.btn-buy-now, .small.btn-secondary, .small.sw-image-edit__file-upload-button, .btn-white.small { font-size: 0.85rem } .sw-dms-button--big, .btn:not(.small), .btn-primary:not(.small), .btn-buy-now:not(.small), .btn-secondary:not(.small), .sw-image-edit__file-upload-button:not(.small), .btn-white:not(.small) { height: 2.8rem; font-size: 0.94rem; padding: .79rem 1.86rem; border-radius: 1.35rem; line-height: 1.28rem; -webkit-box-shadow: 0 2px 3px 0 rgba(25, 53, 68, 0.15); -moz-box-shadow: 0 2px 3px 0 rgba(25, 53, 68, 0.15); box-shadow: 0 2px 3px 0 rgba(25, 53, 68, 0.15) } .sw-dms-button--big.sw-dms-button--red, .sw-dms-button--red.btn:not(.small), .btn-primary:not(.small), .btn-buy-now:not(.small), .btn-secondary:not(.small), .sw-dms-button--red.sw-image-edit__file-upload-button:not(.small), .sw-dms-button--red.btn-white:not(.small), .sw-dms-button--big.btn-primary, .sw-dms-button--big.btn-buy-now, .sw-dms-button--big.btn-secondary { -webkit-box-shadow: 0 2px 3px 0 rgba(76, 18, 31, 0.35); -moz-box-shadow: 0 2px 3px 0 rgba(76, 18, 31, 0.35); box-shadow: 0 2px 3px 0 rgba(76, 18, 31, 0.35) } .sw-dms-button--disabled { pointer-events: none; cursor: not-allowed } .sw-dms-button--disabled.sw-dms-button--disabled { color: #989CA8 } .sw-dms-button--red, .btn-primary, .btn-buy-now, .btn-secondary { background-color: #FF4B5A; border: none } .sw-dms-button--red.sw-dms-button--red, .btn-primary, .btn-buy-now, .btn-secondary { color: #fff } .no-touch .sw-dms-button--red:hover, .no-touch .btn-primary:hover, .no-touch .btn-buy-now:hover, .no-touch .btn-secondary:hover { background-color: #FD3D4D } .no-touch .sw-dms-button--red:active, .no-touch .btn-primary:active, .no-touch .btn-buy-now:active, .no-touch .btn-secondary:active { background-color: #E0424E } .sw-dms-button--red.sw-dms-button--disabled, .sw-dms-button--disabled.btn-primary, .sw-dms-button--disabled.btn-buy-now, .sw-dms-button--disabled.btn-secondary { background-color: #FFA5AD; color: white } .sw-dms-button--facebook { background-color: #3B5998; position: relative } .sw-dms-button--facebook.sw-dms-button--facebook { color: #fff } .no-touch .sw-dms-button--facebook:hover { background-color: #263961 } .no-touch .sw-dms-button--facebook:active { background-color: #263961 } .sw-dms-button--facebook:before { content: ""; background: url(/rrstatic/img/sprites/share-icon/fb.png) no-repeat; background-size: contain; position: absolute; width: 24px; height: 24px; left: 15px; top: 7px } .sw-dms-button--google { background-color: #DD4B39; position: relative } .sw-dms-button--google.sw-dms-button--google { color: #fff } .no-touch .sw-dms-button--google:hover { background-color: #AC2D1E } .no-touch .sw-dms-button--google:active { background-color: #AC2D1E } .sw-dms-button--google:before { content: ""; background: url(/rrstatic/img/sprites/share-icon/google-plus-logo.png) no-repeat; background-size: contain; position: absolute; width: 24px; height: 24px; left: 15px; top: 7px } .sw-dms-nav__bar { height: 60px } .sw-dms-nav__logo--mob { height: 40px } .sw-dms-nav__menu--mob { margin-left: 20px } .sw-dms-nav__menu-logo--mob { height: 16px } .sw-dms-nav__link { text-decoration: none; color: #000 } .sw-dms-nav__mobile-dms-links { position: absolute; left: 0; width: 100%; visibility: visible; -moz-transition: all 150ms ease-in-out 0s, visibility 0s linear 150ms; -o-transition: all 150ms ease-in-out 0s, visibility 0s linear 150ms; -webkit-transition: all 150ms ease-in-out 0s, visibility 0s linear 150ms; transition: all 150ms ease-in-out 0s, visibility 0s linear 150ms } .sw-dms-nav--left-drawer-search-enabled .sw-dms-nav__mobile-dms-links { left: 100vw; width: 0; visibility: hidden; -moz-transition: all 150ms ease-in-out 150ms, visibility 0s linear 0s; -o-transition: all 150ms ease-in-out 150ms, visibility 0s linear 0s; -webkit-transition: all 150ms ease-in-out 150ms, visibility 0s linear 0s; transition: all 150ms ease-in-out 150ms, visibility 0s linear 0s } .sw-dms-nav__mobile-search { position: absolute; left: -100vw; width: 100%; height: 120px; -moz-transition: all 150ms ease-in-out 0s; -o-transition: all 150ms ease-in-out 0s; -webkit-transition: all 150ms ease-in-out 0s; transition: all 150ms ease-in-out 0s } .sw-dms-nav--left-drawer-search-enabled .sw-dms-nav__mobile-search { left: 0; -moz-transition: all 150ms ease-in-out 150ms; -o-transition: all 150ms ease-in-out 150ms; -webkit-transition: all 150ms ease-in-out 150ms; transition: all 150ms ease-in-out 150ms } .sw-dms-nav__link--light { color: #fff } .sw-dms-nav__link--red { color: #FF4B5A } .sw-dms-nav__desktop { width: 100%; height: 90px; z-index: 9000 } .sw-dms-nav__desktop--overlap { margin-bottom: -90px } .sw-dms-nav__mob { background-color: #fff; height: 60px; width: 100%; z-index: 9000; -moz-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; -webkit-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out } .sw-dms-nav__main-nav { position: absolute; left: 0; top: 0; width: 100%; -moz-transition: left 150ms ease-in-out; -o-transition: left 150ms ease-in-out; -webkit-transition: left 150ms ease-in-out; transition: left 150ms ease-in-out } .sw-dms-nav__left-drawer-nav { position: absolute; left: -100vw; top: 0; width: 100%; -moz-transition: left 150ms ease-in-out; -o-transition: left 150ms ease-in-out; -webkit-transition: left 150ms ease-in-out; transition: left 150ms ease-in-out; z-index: 9001 } .sw-dms-nav__right-drawer-nav { position: absolute; left: 0; height: calc(100vh - 60px); top: -100vh; width: 100%; z-index: 9001; -moz-transition: top 150ms ease-in-out; -o-transition: top 150ms ease-in-out; -webkit-transition: top 150ms ease-in-out; transition: top 150ms ease-in-out } .sw-dms-nav__top-nav-middle-section, .sw-dms-nav__top-nav-left-section, .sw-dms-nav__top-nav-right-section { flex-grow: 1; max-width: 100vw; background-color: #fff; z-index: 9010; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out } .sw-dms-nav__top-nav-middle-section-content, .sw-dms-nav__top-nav-left-section-content { width: auto; -moz-transition: visibility 0s linear 150ms, width 0s linear 150ms, margin 0s linear 150ms, padding 0s linear 150ms, height 0s linear 150ms, margin-left 0s linear 150ms; -o-transition: visibility 0s linear 150ms, width 0s linear 150ms, margin 0s linear 150ms, padding 0s linear 150ms, height 0s linear 150ms, margin-left 0s linear 150ms; -webkit-transition: visibility 0s linear 150ms, width 0s linear 150ms, margin 0s linear 150ms, padding 0s linear 150ms, height 0s linear 150ms, margin-left 0s linear 150ms; transition: visibility 0s linear 150ms, width 0s linear 150ms, margin 0s linear 150ms, padding 0s linear 150ms, height 0s linear 150ms, margin-left 0s linear 150ms } .sw-dms-nav__top-nav-right-section { position: relative; border-bottom: thin solid #fff } .sw-avatar--dms { height: 31px; width: 31px } .sw-dms-nav__tools-menu-toggle, .sw-dms-nav__explore-menu-toggle, .sw-dms-nav__user-menu-toggle, .sw-dms-nav__cart-menu-toggle, .sw-dms-nav__search-menu-toggle { -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out } .sw-dms-nav__sign-in-button--desktop, .sw-dms-nav__cart-menu-anchor, .sw-dms-nav__user-menu-anchor, .sw-dms-nav__explore-menu-anchor { display: inline-block; -moz-transition: all 0s linear 150ms; -o-transition: all 0s linear 150ms; -webkit-transition: all 0s linear 150ms; transition: all 0s linear 150ms } .sw-dms-nav__cart-menu-anchor { width: 1.571rem; opacity: 1; visibility: visible; -moz-transition: all 150ms ease-in-out, opacity 0s linear 150ms, visibility 0s linear 150ms; -o-transition: all 150ms ease-in-out, opacity 0s linear 150ms, visibility 0s linear 150ms; -webkit-transition: all 150ms ease-in-out, opacity 0s linear 150ms, visibility 0s linear 150ms; transition: all 150ms ease-in-out, opacity 0s linear 150ms, visibility 0s linear 150ms } .sw-dms-nav__user-menu-anchor { width: 31px; opacity: 1; visibility: visible; -moz-transition: all 150ms ease-in-out, opacity 0s linear 150ms, visibility 0s linear 150ms; -o-transition: all 150ms ease-in-out, opacity 0s linear 150ms, visibility 0s linear 150ms; -webkit-transition: all 150ms ease-in-out, opacity 0s linear 150ms, visibility 0s linear 150ms; transition: all 150ms ease-in-out, opacity 0s linear 150ms, visibility 0s linear 150ms } .sw-dms-nav__cart-menu-anchor--mobile { margin-right: 20px; visibility: visible; opacity: 1; -moz-transition: all 150ms ease-in-out 150ms; -o-transition: all 150ms ease-in-out 150ms; -webkit-transition: all 150ms ease-in-out 150ms; transition: all 150ms ease-in-out 150ms } .sw-dms-nav__cart-menu-anchor--mobile-logged-in { margin-right: 51px } .sw-dms-nav__search-dropdown-container { width: 0; visibility: hidden; opacity: 0 } .sw-notification-counter--cart { -moz-transition: visibility 0s linear 150ms; -o-transition: visibility 0s linear 150ms; -webkit-transition: visibility 0s linear 150ms; transition: visibility 0s linear 150ms } .sw-dms-nav--search-menu-open .sw-dms-nav__search-dropdown-container { width: auto; visibility: visible; opacity: 1 } .sw-dms-nav--search-menu-open .sw-dms-nav__sign-in-button--desktop, .sw-dms-nav--search-menu-open .sw-dms-nav__cart-menu-anchor, .sw-dms-nav--search-menu-open .sw-dms-nav__user-menu-anchor { opacity: 0; visibility: hidden; width: 0; -moz-transition: all 150ms ease-in-out, opacity 0s linear 0s, visibility 0s linear 0s; -o-transition: all 150ms ease-in-out, opacity 0s linear 0s, visibility 0s linear 0s; -webkit-transition: all 150ms ease-in-out, opacity 0s linear 0s, visibility 0s linear 0s; transition: all 150ms ease-in-out, opacity 0s linear 0s, visibility 0s linear 0s } .sw-dms-nav--search-menu-open .sw-notification-counter--cart { visibility: hidden; -moz-transition: visibility 0s linear 0s; -o-transition: visibility 0s linear 0s; -webkit-transition: visibility 0s linear 0s; transition: visibility 0s linear 0s } .sw-dms-nav--search-menu-open .sw-dms-nav__user-menu-toggle, .sw-dms-nav--search-menu-open .sw-dms-nav__cart-menu-toggle, .sw-dms-nav--search-menu-open .sw-dms-nav__explore-menu-toggle { flex-grow: 0; flex-shrink: 0; flex-basis: 0; margin: 0; padding: 0 } .sw-dms-nav--search-menu-open .sw-dms-nav__user-menu-toggle { margin-right: 30px } .sw-dms-nav--search-menu-open .sw-dms-nav__explore-menu-anchor { visibility: hidden; opacity: 0; width: 0; margin: 0; padding: 0; -moz-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s } .sw-dms-nav__search-menu-toggle { flex-grow: 0 } .sw-dms-nav--search-menu-open .sw-dms-nav__search-menu-toggle { flex-grow: 2; justify-content: flex-end; padding-left: 0 } .sw-dms-nav__search-overlay { z-index: 20000 } .sw-dms-nav--search-menu-open .sw-dms-nav__search-overlay { display: none } .sw-dms-nav--left-drawer-open, .sw-dms-nav--right-drawer-open { overflow: hidden; height: 100%; width: 100%; position: fixed } .sw-dms-nav--shrink-for-drawer { -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out } .sw-dms-nav--left-drawer-open .sw-dms-nav--shrink-for-drawer, .sw-dms-nav--right-drawer-open .sw-dms-nav--shrink-for-drawer { height: 0; padding: 0; margin: 0 } .sw-dms-nav--left-drawer-open .sw-dms-nav__mob, .sw-dms-nav--right-drawer-open .sw-dms-nav__mob { height: 100vh; overflow-y: scroll; overflow-x: hidden } .sw-dms-nav--left-drawer-open .sw-dms-nav__main-nav { left: 100vw } .sw-dms-nav--left-drawer-open .sw-dms-nav__left-drawer-nav { left: 0 } .sw-dms-nav--left-drawer-open .sw-dms-nav__right-drawer-nav { left: 200vw } .sw-dms-nav__avatar--mob { position: absolute; right: 20px; top: 15px; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out } .sw-dms-nav__right-drawer-close-button--mob { position: absolute; right: 20px; visibility: hidden; opacity: 0; width: 31px; -moz-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s } .sw-dms-nav--right-drawer-open .sw-dms-nav__cart-menu-anchor--mobile { visibility: hidden; opacity: 0; -moz-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; transition: all 0s ease-in-out 0s } .sw-dms-nav--right-drawer-open .sw-dms-nav__right-drawer-nav { top: 60px } .sw-dms-nav--right-drawer-open .sw-dms-nav__top-nav-middle-section, .sw-dms-nav--right-drawer-open .sw-dms-nav__top-nav-left-section { flex-basis: 0; flex-grow: 0; max-width: 0 } .sw-dms-nav--right-drawer-open .sw-dms-nav__top-nav-right-section { flex-grow: 1 } .sw-dms-nav--right-drawer-open .sw-dms-nav__top-nav-middle-section-content, .sw-dms-nav--right-drawer-open .sw-dms-nav__top-nav-left-section-content { visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; -moz-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; transition: all 0s ease-in-out 0s } .sw-dms-nav--right-drawer-open .sw-dms-nav__avatar--mob { right: calc(100% - 31px - 20px) } .sw-dms-nav--right-drawer-open .sw-dms-nav__right-drawer-close-button--mob { visibility: visible; opacity: 1; -moz-transition: all 0s linear 150ms; -o-transition: all 0s linear 150ms; -webkit-transition: all 0s linear 150ms; transition: all 0s linear 150ms } .sw-dms-nav--right-drawer-open .sw-dms-nav__mob { overflow: hidden } .sw-dms-nav--explore-menu-open .sw-dms-nav__explore-menu-anchor { color: #FF4B5A } .sw-dms-nav__tools-menu, .sw-dms-nav__explore-menu, .sw-dms-nav__user-menu, .sw-dms-nav__cart-menu { position: absolute; top: 67px; background-color: #fff; visibility: hidden; opacity: 0 } .sw-dms-nav__explore-menu { right: 10px; width: 391px } .sw-dms-nav--explore-menu-open .sw-dms-nav__explore-menu { visibility: visible; opacity: 1; -moz-transition: visibility 0s linear 0s, opacity 150ms ease-in; -o-transition: visibility 0s linear 0s, opacity 150ms ease-in; -webkit-transition: visibility 0s linear 0s, opacity 150ms ease-in; transition: visibility 0s linear 0s, opacity 150ms ease-in } .sw-dms-nav__tools-menu { width: 280px; left: 10px } .sw-dms-nav--tools-menu-open .sw-dms-nav__tools-menu { visibility: visible; opacity: 1; -moz-transition: visibility 0s linear 0s, opacity 150ms ease-in; -o-transition: visibility 0s linear 0s, opacity 150ms ease-in; -webkit-transition: visibility 0s linear 0s, opacity 150ms ease-in; transition: visibility 0s linear 0s, opacity 150ms ease-in } .sw-dms-nav--tools-menu-open .sw-dms-nav__tools-menu-anchor { color: #FF4B5A } .sw-dms-nav__search-menu-anchor { background: transparent; border: none; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-clip: padding-box } .sw-dms-nav--search-menu-open .sw-dms-nav__search-menu-anchor { background-color: #FF4B5A; color: #fff; padding: 0.5rem } input[type="text"].sw-dms-nav__search-input { width: 0; margin: 0; padding: 4px 0 4px 0; border: 0; border-color: #e0e3e5; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out } .sw-dms-nav--search-menu-open input[type="text"].sw-dms-nav__search-input { border-top: 1px solid #e0e3e5; border-bottom: 1px solid #e0e3e5; width: 250px; padding: 4px 8px } .sw-dms-nav-search__auto-suggest { width: 0; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out } .sw-dms-nav--search-menu-open .sw-dms-nav-search__auto-suggest { width: 300px } .sw-dms-nav__user-menu { width: 205px; right: 10px } .sw-dms-nav--user-menu-open .sw-dms-nav__user-menu { visibility: visible; opacity: 1; -moz-transition: visibility 0s linear 0s, opacity 150ms ease-in; -o-transition: visibility 0s linear 0s, opacity 150ms ease-in; -webkit-transition: visibility 0s linear 0s, opacity 150ms ease-in; transition: visibility 0s linear 0s, opacity 150ms ease-in } .sw-dms-nav__tools-menu-messages-bubble { color: #fff; background-color: #E54A3A; -webkit-border-radius: 1rem; border-radius: 1rem; background-clip: padding-box; padding: 5px 10px } .sw-dms-nav__cart-menu--open .sw-dms-nav__cart-menu-anchor { color: #FF4B5A } .sw-dms-nav__cart-menu { position: fixed; right: 10px; width: 345px } .sw-dms-nav__cart-menu--open .sw-dms-nav__cart-menu { visibility: visible; opacity: 1; -moz-transition: visibility 0s linear 0s, opacity 150ms ease-in; -o-transition: visibility 0s linear 0s, opacity 150ms ease-in; -webkit-transition: visibility 0s linear 0s, opacity 150ms ease-in; transition: visibility 0s linear 0s, opacity 150ms ease-in } .sw-dms-nav__cart-menu-mobile { position: fixed; top: 67px; width: calc(100% - 40px); left: calc((100% - (100% - 40px)) / 2); background-color: #fff; visibility: hidden; opacity: 0 } .sw-dms-nav__cart-menu--open .sw-dms-nav__cart-menu-mobile { visibility: visible; opacity: 1; -moz-transition: visibility 0s linear 0s, opacity 150ms ease-in; -o-transition: visibility 0s linear 0s, opacity 150ms ease-in; -webkit-transition: visibility 0s linear 0s, opacity 150ms ease-in; transition: visibility 0s linear 0s, opacity 150ms ease-in } .sw-dms-nav__logo--desktop { width: 215px; height: 31px } .sw-dms-nav__mobile-search-button { padding: 5px; margin-right: 15px; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-clip: padding-box } .sw-dms-nav__mobile-search-input { flex-grow: 1; width: calc(100% - 50px) } .sw-dms-nav__mobile-search-button, .sw-dms-nav__mobile-search-input, .sw-dms-nav__search-dropdown-container__mob { height: 34px } .sw-dms-nav__left-drawer-subnav { height: 60px; -moz-transition: all 150ms ease-in-out 150ms; -o-transition: all 150ms ease-in-out 150ms; -webkit-transition: all 150ms ease-in-out 150ms; transition: all 150ms ease-in-out 150ms } .sw-dms-nav--left-drawer-search-enabled .sw-dms-nav__left-drawer-subnav { height: 120px; -moz-transition: all 150ms ease-in-out 0s; -o-transition: all 150ms ease-in-out 0s; -webkit-transition: all 150ms ease-in-out 0s; transition: all 150ms ease-in-out 0s } .sw-dms-nav__sign-in-icon-mobile { display: none } @media only screen and (max-width: 546px) { .sw-dms-nav__sign-in-button-mobile { display: none } .sw-dms-nav__sign-in-icon-mobile { display: inline-block } } .sw-dms-banner { background-color: #464b58; } .sw-dms-banner__text { top: 36% } .sw-dms-panel-container-bg { -webkit-transition: opacity 1.3s ease-in-out; transition: opacity 1.3s ease-in-out; opacity: 0 } .sw-dms-panel-container-bg--active { -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out } .sw-dms-panel-container-bg__design { background-image: url(https://i.ytimg.com/vi/5-LyRjHlRgQ/maxresdefault.jpg); height:100%; width: 100%; background-size: cover; position: absolute } .sw-dms-panel-container-bg__make { background-image: url(https: //static1.sw-cdn.net/files/cms/dms/homepage/make-image-04.jpg); height:100%; width: 100%; background-size: cover; position: absolute } .sw-dms-panel-container-bg__sell { background-image: url(https: //static1.sw-cdn.net/files/cms/dms/homepage/sell-image-02.jpg); height:100%; width: 100%; background-size: cover; position: absolute; background-position-x: 65% } .sw-dms-panel { height: 100vh; -webkit-transition: background-image 0.6s ease-in-out; transition: background-image 0.6s ease-in-out } .sw-dms-section-panel--no-bg { background-image: none !important } .sw-dms-panel__inner-div { top: 36% } .sw-dms-panel__inner-div__main-text { opacity: 0; -webkit-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out } .sw-bg-panel { -webkit-transition: opacity 1s ease-in-out; transition: opacity 4s ease-in-out; opacity: 1; height: 100%; width: 100%; background-size: cover } .sw-design-panel__bg { background-image: url(https://i.ytimg.com/vi/5-LyRjHlRgQ/maxresdefault.jpg); height:100%; -webkit-transition: opacity 0.9s ease-in-out; transition: opacity 0.9s ease-in-out } .sw-make-panel__bg { background-image: url(https: //static1.sw-cdn.net/files/cms/dms/homepage/make-slice-04.jpg); -webkit-transition:opacity 0.9s ease-in-out; transition: opacity 0.9s ease-in-out } .sw-sell-panel__bg { background-image: url(https: //static1.sw-cdn.net/files/cms/dms/homepage/sell-slice-02.jpg); -webkit-transition:opacity 0.9s ease-in-out; transition: opacity 0.9s ease-in-out } .sw-make-panel__left-border { border-left: 1px solid white; position: absolute; top: 16%; bottom: 10%; left: 0; opacity: 0.5 } .sw-make-panel__right-border { border-left: 1px solid white; position: absolute; top: 16%; bottom: 10%; right: 0; opacity: 0.5 } .sw-international-numbers { background-color: #E9E9E9; width: 100%; max-height: 450px; padding: 100px 0 } .sw--marketplace-banner__text { font-size: 1.7rem } .sw-logo-container { position: absolute; top: 28.5%; width: 51% } .sw-logo { margin-bottom: 51px; width: 100% } .sw-red-cursor { height: 35px; width: 35px; bottom: 25px; left: 25px; position: absolute; animation: bounce .9s infinite linear } @-webkit-keyframes bounce { 0% { bottom: 25px } 75% { bottom: 45px } 100% { bottom: 25px } } @-moz-keyframes bounce { 0% { bottom: 25px } 75% { bottom: 45px } 100% { bottom: 25px } } @keyframes bounce { 0% { bottom: 25px } 75% { bottom: 45px } 100% { bottom: 25px } } .sw-dms-panel__inner-div--transparent { opacity: 0.2 } @media all and (min-width: 1440px) { .sw-dms-panel-header--big { font-size: 3.214rem } } @media all and (min-width: 320px) and (max-width: 768px) and (orientation: portrait) { .sw-dms-panel--mob-tab { padding-top: 60px; height: calc(100vh - 206px); background-size: cover } .sw-bg-panel--mob-tab { background-image: none } .sw-design-panel--mob-tab { background-image: url(https://i.ytimg.com/vi/5-LyRjHlRgQ/maxresdefault.jpg)} .sw-make-panel--mob-tab { background-image: url(https: //static1.sw-cdn.net/files/cms/dms/homepage/mobile-make-slice-04.jpg)} .sw-sell-panel--mob-tab { background-image: url(https: //static1.sw-cdn.net/files/cms/dms/homepage/mobile-sell-slice-02.jpg)} .sw-international-numbers--mob-tab { background-color: #E9E9E9 } .sw-marketplace-banner--mob-tab { background-image: url(https: //static1.sw-cdn.net/files/cms/dms/homepage/mobile-marketplace.jpg)} .sw-dms-panel__inner-div__main-text--mob-tab { opacity: 1 } } @media all and (max-width: 320px) { .sw-dms-panel--mob-xs { height: calc(100vh - 138px) } } @media all and (min-width: 320px) and (max-width: 480px) { .sw-red-cursor--mob { height: 40px; width: 35px; bottom: 40px } .sw-international-numbers--mob { padding-top: 45px; padding-bottom: 45px } .sw-marketplace-banner--mob { padding-top: 45px } .sw-dms-panel-sub-header--mob { font-size: 1.429rem; margin-bottom: 30px } .sw-dms-panel__inner-div--mob { top: 15% } .sw-dms-banner__text--mob { top: 25% } .sw-international-numbers__header--mob { font-size: 1.5rem } .sw-international-numbers__metric--mob { line-height: .5 } } @media all and (min-width: 480px) and (max-width: 768px) and (orientation: portrait) { .sw-dms-banner__text—-tab { top: 19%; left: 13%; font-size: 85px } .sw-dms-panel-header—-tab { font-size: 6rem } .sw-dms-panel__inner-div--tab { top: 18%; padding-left: 81px; padding-right: 81px } .sw-dms-panel-sub-header—-tab { font-size: 2.8rem; line-height: 40px } .sw-dms-panel__inner-div__main-text--tab { font-size: 2rem; line-height: 35px } .sw-international-numbers--tab { height: calc(100vh - 165px); padding-top: 70px; padding-left: 81px; padding-right: 81px } .sw-international-numbers__metric-container--tab { margin-bottom: 70px } .sw-international-numbers__header--tab { font-size: 3rem; margin-bottom: 70px } .sw-international-numbers__metric--tab { line-height: .5; font-size: 4.4rem } .sw-international-numbers__subtext--tab { font-size: 1.6rem; line-height: 1.5 } .sw-marketplace-banner--tab { padding-top: 70px; padding-left: 81px; padding-right: 81px } .sw-marketplace-banner__text-tab { font-size: 3.8rem; line-height: 1; margin-bottom: 60px } } @media all and (min-width: 1024px) and (max-width: 1440px) { .sw-dms__text--responsive { font-size: calc(30px + (46 - 30) * ((100vw - 1024px) / (1440 - 1024))) } } @media all and (min-width: 320px) and (max-width: 414px) { .sw-dms__text--responsive-small { font-size: calc(39px + (53 - 39) * ((100vw - 320px) / (414 - 320))) } } @media all and (width: 1024px) and (orientation: portrait) { .sw-dms-panel--tab-xl { height: 75vh !important } } @media all and (orientation: landscape) and (max-width: 768px) { .sw-dms-flex--nowrap--mob-landscape { flex-wrap: nowrap } .sw-dms-flex__cell-1-4--mob-landscape { flex: 0 0 25% } .sw-dms-flex__cell-1-3--mob-landscape { flex: 0 0 33.33% } .sw-dms-flex__cell-3-4--mob-landscape { flex: 0 0 75% } }

Related: See More


Questions / Comments: