<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="//code.jquery.com/jquery-1.11.1.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%
}
}
