/* ==================================================================================================================================================== NORMALIZE ==================================================================================================================================================== */
/* HTML5 Display Defs */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=4ecf292d-6d82-475b-9217-6af4e63fe2db");
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

/* Base */
html { font-size: 100%; -ms-overflow-y: scroll; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; }

body { color: #737373; line-height: 1.25; margin: 0; background-color: #000; }

/* Links */
a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

/* Typography */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1px 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

ins { background: #ffff99; color: black; text-decoration: none; }

mark { background: yellow; color: black; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, monospace; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; left: .1em; letter-spacing: .2em; }

sub { bottom: -0.25em; }

/* Lists */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

menu, ol, ul { padding: 0 0 0 30px; }

nav ul, nav ol { list-style: none; list-style-image: none; }

/* Images */
img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

/* Forms */
form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; outline: none; vertical-align: baseline; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { -ms-box-sizing: border-box; box-sizing: border-box; }

input[type="search"] { -webkit-appearance: textfield; -ms-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; -webkit-resize: vertical; -moz-resize: vertical; resize: vertical; }

input:invalid, textarea:invalid { background-color: #f0dddd; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.mobile-only { display: none; }

.desktop-only { display: inherit; }

/* SANUS Variables & Mixins */
/* ------------------------------ TYPOGRAPHY ------------------------------ */
::-moz-selection { background: #1275c1; color: white; text-shadow: none; }

::selection { background: #1275c1; color: white; text-shadow: none; }

h1, h2, h3, h4, h5, h6 { color: #4b4b4b; font-weight: normal; margin: 0 0 0.3em; }

@media screen and (max-width: 640px) { h1, h2, h3, h4, h5, h6 { margin: 0 0 .25em; } }

h1 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 40px; font-size: 2.5rem; line-height: 1; }

h2 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 24px; font-size: 1.5rem; }

@media screen and (max-width: 640px) { h2 { font-size: 24px; font-size: 1.5rem; } }

h3 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 24px; font-size: 1.5rem; }

@media screen and (max-width: 640px) { h3 { font-size: 20px; font-size: 1.25rem; } }

h4 { font-size: 20px; font-size: 1.25rem; }

h5 { font-size: 16px; font-size: 1rem; }

li, p { color: #737373; font-size: 14px; font-size: 0.875rem; line-height: 1.285; /* ~ 18px */ margin: 0 0 0.75em; }

p.large { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 24px; font-size: 1.5rem; }

@media screen and (max-width: 810px) { p.large { font-size: 18px; font-size: 1.15rem; } }

/* ------------------------------ LINKS ------------------------------ */
a { text-decoration: none; color: #080a0e; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

a:hover { color: rgba(0, 0, 0, 0.7); }

a:active { background: transparent; }

a img { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

a:hover img { box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { a:hover img { box-shadow: none; } }

a:focus { outline: none; text-decoration: none; }

h3 a { color: #4b4b4b; }

/*
PDF Downloads
*/
[href$=".pdf"]:before, [href$=".PDF"]:before { background: url("/img/icons/icons_pdf.png") no-repeat scroll left center transparent; content: ""; display: inline-block; height: 1em; vertical-align: text-top; width: 1em; margin-right: 0.25em; min-width: 16px; min-height: 16px; }

@media print { a[href]:after { content: ""; } }

/* ------------------------------ ICONS / Logos ------------------------------ */
/*
SANUS Logo
*/
.sanus-logo { background-image: url("/img/brands/sanus/logo_sanus_main.png"); background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; height: 21px; overflow: hidden; text-indent: 1000%; width: 100%; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .sanus-logo { text-indent: 200%; } }

/*
Icon Font
(Used for some flat icons on the site)
*/
@font-face { font-family: 'Flat-UI-Icons'; src: url("fonts/Flat-UI-Icons.eot?version=1.1"); src: url("fonts/Flat-UI-Icons.eot?version=1.1#iefix") format("embedded-opentype"), url("fonts/Flat-UI-Icons.woff?version=1.1") format("woff"), url("fonts/Flat-UI-Icons.ttf?version=1.1") format("truetype"), url("fonts/Flat-UI-Icons.svg?version=1.1#Flat-UI-Icons") format("svg"); font-weight: normal; font-style: normal; }

/*
Univers
(Used for all main typography)
*/
@font-face { font-family: "UniversLTW01-47LightCn"; src: url("fonts/univers/296c59c2-74b0-41c1-bcfd-23d22a713f86.eot?#iefix"); src: url("fonts/univers/296c59c2-74b0-41c1-bcfd-23d22a713f86.eot?#iefix") format("eot"), url("fonts/univers/609beecf-8d23-4a8c-bbf5-d22ee8db2fc9.woff") format("woff"), url("fonts/univers/a6595b8d-d4a3-4f01-bf21-0b53617d4b1c.ttf") format("truetype"), url("fonts/univers/1cd9ef2f-b358-4d39-8628-6481d9e1c8ce.svg#1cd9ef2f-b358-4d39-8628-6481d9e1c8ce") format("svg"); }

@font-face { font-family: "UniversLTW01-67BoldCn"; src: url("fonts/univers/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix"); src: url("fonts/univers/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix") format("eot"), url("fonts/univers/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff") format("woff"), url("fonts/univers/091058d4-36b2-43f6-80d3-16c88e098061.ttf") format("truetype"), url("fonts/univers/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402") format("svg"); }

@font-face { font-family: "Univers LT W01 75 Black"; src: url("fonts/univers/8ad2e453-ea69-411d-b93b-1fa328724687.eot?#iefix"); src: url("fonts/univers/8ad2e453-ea69-411d-b93b-1fa328724687.eot?#iefix") format("eot"), url("fonts/univers/b23ec90b-9f99-46a0-85f7-d1e820dbf851.woff") format("woff"), url("fonts/univers/249aeedc-8e38-41c9-874e-bba9a33fd5e4.ttf") format("truetype"), url("fonts/univers/67e5d6e8-25e6-4556-99f8-ced41b2b7aae.svg#67e5d6e8-25e6-4556-99f8-ced41b2b7aae") format("svg"); }

@font-face { font-family: "Univers LT W02 45 Light"; src: url("fonts/univers/34ecd7fc-f469-4e0c-980b-6d7fcec493da.eot?#iefix"); src: url("fonts/univers/34ecd7fc-f469-4e0c-980b-6d7fcec493da.eot?#iefix") format("eot"), url("fonts/univers/47a5b741-405e-4d03-ba4a-e50cc7716ddf.woff") format("woff"), url("fonts/univers/6ef60ba5-712c-4ea5-9e57-0242591afed0.ttf") format("truetype"), url("fonts/univers/ae2bbb03-6095-4a28-a333-555527bde8f6.svg#ae2bbb03-6095-4a28-a333-555527bde8f6") format("svg"); }

/* SANUS Header */
/* ==================================================================================================================================================== STRUCTURE ----- - Aux Header - Main Header - Regionalization - Main Navigation - Site Search ==================================================================================================================================================== */
/* ------------------------------ AUX HEADER ------------------------------ */
.site-header .site-aux { background: rgba(31, 30, 30, 0.9); color: #e8e8e9; font-size: 11px; font-size: 0.6875rem; height: 30px; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; margin-top: 10px; text-align: right; display: inline-block; width: auto; }

@media screen and (max-width: 1100px) { .site-header .site-aux { font-size: 10px; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .site-aux { display: none; } }

.site-header .site-aux a { color: #919191; line-height: 30px; height: 30px; padding: 0 9.5px; text-align: left; display: block; text-transform: uppercase; min-width: 30px; }

.site-header .site-aux a:hover { background: #f0f0f0; }

.site-header .site-aux img { border-bottom: none; }

.site-header .site-aux ul { padding: 0; margin: 0; height: 30px; }

.site-header .site-aux li { list-style: none; display: inline-block; font-size: 11px; height: 30px; vertical-align: top; margin: 0; line-height: 30px; }

.site-header .site-aux-contact, .site-header .site-aux-contact > * { display: inline-block; vertical-align: baseline; }

@media screen and (max-width: 440px) { .site-header .site-aux-contact { float: none; overflow: hidden; } }

.site-header .site-aux-contact .aux-store-locator { text-transform: uppercase; text-decoration: none; }

@media screen and (max-width: 440px) { .site-header .site-aux-contact .aux-store-locator { margin: 0; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .site-aux-contact { display: none; } }

.site-header .site-user .username { font-weight: bold; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .site-user { display: none; } }

.site-header .aux-cart-icon, .site-header .aux-user-icon, .site-header .aux-store-locator, .site-header .aux-profile, .site-header .aux-logout { padding-top: 3px; }

.site-header .aux-cart-icon:before, .site-header .aux-user-icon:before, .site-header .aux-store-locator:before, .site-header .aux-profile:before, .site-header .aux-logout:before { background-image: url("/img/icons/icons_locator_pin.svg"); background-repeat: no-repeat; background-position: center center; content: ""; display: inline-block; height: 14px; margin-left: 0; margin-right: 4px; margin-top: -3px; width: 10px; vertical-align: middle; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.site-header .aux-cart-icon:before { background-image: url("/img/icons/icons_cart.svg"); height: 14px; width: 16px; }

.site-header .aux-profile:before, .site-header .aux-user-icon:before { background-image: url("/img/icons/icons_user.svg"); height: 13px; width: 13px; }

.site-header .aux-logout:before { background-image: url("/img/icons/icons_logout.svg"); width: 12px; }

.site-header .user-icon { padding: 0 10px; text-transform: uppercase; color: #fff; }

a.login { text-transform: uppercase; text-decoration: none; }

.site-locale { cursor: pointer; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-locale { display: none; } }

img.icon-header { margin: 0 8px 0 15px; }

.sep { color: #5d5d5d; padding: 0 .5% 0; }

.logo_print { display: none; }

/* ------------------------------ MAIN SITE HEADER ------------------------------ */
.site-header { overflow: visible; position: relative; top: 0; margin-bottom: -100px; z-index: 999; width: 100%; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 700ms; transition-duration: 700ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (min-width: 925px) and (max-width: 1100px) { .site-header { min-height: 100px; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header { position: fixed; width: 100%; min-height: 0; margin-bottom: 20px; } }

.site-header .site-centered { position: relative; }

@media screen and (max-width: 1100px) { .site-header .site-centered { padding-left: 2%; padding-right: 2%; width: 96%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .site-centered { position: static; width: 100%; padding: 0; background-color: #000; } }

.site-header .site-header-main { height: 60px; position: relative; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .site-header-main { height: 60px; position: static; padding: 15px 20px; box-sizing: border-box; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .site-header-main .left, .site-header .site-header-main .right { float: none; } }

.site-header.expand-flag .site-header-main { position: relative; }

.site-header #site-logo { background: #000; width: 20%; margin-bottom: 0; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #site-logo { left: 0; margin: auto; right: 0; top: 0; position: absolute; } }

@media screen and (max-width: 640px) { .site-header #site-logo { width: 30%; } }

.site-header #site-logo a { display: block; padding: 20px 10%; width: 80%; max-height: 20px; }

.site-header .site-nav-container { background: -webkit-linear-gradient(left, transparent 0%, transparent 1.975%, rgba(31, 30, 30, 0.9) 2%, rgba(31, 30, 30, 0.9) 100%); background: linear-gradient(to right, transparent 0%, transparent 1.975%, rgba(31, 30, 30, 0.9) 2%, rgba(31, 30, 30, 0.9) 100%); height: 60px; width: 55%; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .site-nav-container { margin: 0; width: 100%; background: none; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .site-nav-container h1 { float: left; margin: -11px 0 0; padding: 15px; width: 166px; } }

@media screen and (max-width: 640px) { .site-header .site-nav-container h1 { width: 120px; padding: 12px 10px; margin: -13px 0 0; } }

/* ------------------------------ MAIN SITE REGIONALIZATION ------------------------------ */
.site-header { /* Locale Confirmation */ /* Locale Selection */ }

.site-header .yellow-visible { margin-bottom: 67px; }

.site-header #locale-container { background-color: #fddf5a; padding: 12px 0; box-shadow: inset 0px -2px 7px rgba(0, 0, 0, 0.5); min-height: 43px; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #locale-container { display: none; } }

.site-header #locale-container .language-selector { min-width: 0px; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; color: #9d8000; font-size: 18px; margin: 10px 10px 10px 0; }

@media screen and (max-width: 940px) { .site-header #locale-container .language-selector.left { float: none; margin: 0 0 5px; display: block; } }

@media screen and (max-width: 940px) { .site-header #locale-container .language-selector.right { display: none; } }

.site-header #locale-container .ui-selectmenu { border-color: #9d8000; display: inline-block; width: inherit !important; float: left; margin-right: .7em; }

.site-header #locale-container .ui-selectmenu-status { color: #9d8000; background-color: #fff7d1; display: inline-block; padding: .7em 4.5em .7em 1em; }

.site-header #locale-container .ui-selectmenu-icon { background: #fff7d1; border-left: 2px solid #9d8000; color: #9d8000; }

.site-header #locale-container .ui-selectmenu-icon:after { padding: .8em .95em .7em; font-size: .9em; }

.site-header #locale-container .ui-selectmenu:hover .ui-selectmenu-icon { background: #9d8000; color: #fff; }

.site-header #locale-container .ui-selectmenu-menu { max-width: 335px; }

.site-header #locale-container .ui-state-hover { border-color: #7a6300; }

.site-header #locale-container .ui-state-hover .ui-selectmenu-icon { border-color: #7a6300; }

.site-header #locale-container .ui-state-active { border-color: #7a6300; }

.site-header #locale-container .ui-state-active .ui-selectmenu-icon { border-color: #7a6300; background: #9d8000; color: #fff; }

.site-header #locale-container .ui-state-active .ui-selectmenu-icon:hover { background: #9d8000; color: #fff; }

.site-header #locale-container #confirm { color: #9d8000; background-color: #fff7d1; display: inline-block; padding: .6em 1.5em; text-align: center; border: 2px solid #9d8000; border-radius: 6px 6px 6px 6px; }

@media screen and (max-width: 650px) { .site-header #locale-container .select-styled { margin-bottom: 10px; } }

@media screen and (max-width: 650px) { .site-header #locale-container .select-styled-wrap select { margin-bottom: 10px; } }

.site-header .flag { vertical-align: text-top; background: url("/img/flags16.png") no-repeat; }

.site-header .site-aux .flag { height: 16px; width: 16px; line-height: 16px; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .site-aux .flag { display: none; } }

.site-header .site-aux .flag-wrapper { padding: 8px 10px; min-width: 16px; }

.site-header .site-aux .flag-wrapper:hover { background: #f0f0f0; cursor: pointer; }

.site-header ._African_Union { background-position: 0 -16px; }

.site-header ._Arab_League { background-position: 0 -32px; }

.site-header ._ASEAN { background-position: 0 -48px; }

.site-header ._CARICOM { background-position: 0 -64px; }

.site-header ._CIS { background-position: 0 -80px; }

.site-header ._Commonwealth { background-position: 0 -96px; }

.site-header ._England { background-position: 0 -112px; }

.site-header ._European_Union, .site-header .eu, .site-header .EU { background-position: 0 -128px; }

.site-header ._Islamic_Conference { background-position: 0 -144px; }

.site-header ._Kosovo { background-position: 0 -160px; }

.site-header ._NATO { background-position: 0 -176px; }

.site-header ._Northern_Cyprus { background-position: 0 -192px; }

.site-header ._Northern_Ireland { background-position: 0 -208px; }

.site-header ._Olimpic_Movement { background-position: 0 -224px; }

.site-header ._OPEC { background-position: 0 -240px; }

.site-header ._Red_Cross { background-position: 0 -256px; }

.site-header ._Scotland { background-position: 0 -272px; }

.site-header ._Somaliland { background-position: 0 -288px; }

.site-header ._Tibet { background-position: 0 -304px; }

.site-header ._United_Nations { background-position: 0 -320px; }

.site-header ._Wales { background-position: 0 -336px; }

.site-header .ad, .site-header .AD { background-position: 0 -352px; }

.site-header .ae, .site-header .AE { background-position: 0 -368px; }

.site-header .af, .site-header .AF { background-position: 0 -384px; }

.site-header .ag, .site-header .AG { background-position: 0 -400px; }

.site-header .ai, .site-header .AI { background-position: 0 -416px; }

.site-header .al, .site-header .AL { background-position: 0 -432px; }

.site-header .am, .site-header .AM { background-position: 0 -448px; }

.site-header .ao, .site-header .AO { background-position: 0 -464px; }

.site-header .aq, .site-header .AQ { background-position: 0 -480px; }

.site-header .ar, .site-header .AR { background-position: 0 -496px; }

.site-header .as, .site-header .AS { background-position: 0 -512px; }

.site-header .at, .site-header .AT { background-position: 0 -528px; }

.site-header .au, .site-header .AU { background-position: 0 -544px; }

.site-header .aw, .site-header .AW { background-position: 0 -560px; }

.site-header .ax, .site-header .AX { background-position: 0 -576px; }

.site-header .az, .site-header .AZ { background-position: 0 -592px; }

.site-header .ba, .site-header .BA { background-position: 0 -608px; }

.site-header .bb, .site-header .BB { background-position: 0 -624px; }

.site-header .bd, .site-header .BD { background-position: 0 -640px; }

.site-header .be, .site-header .BE { background-position: 0 -656px; }

.site-header .bf, .site-header .BF { background-position: 0 -672px; }

.site-header .bg, .site-header .BG { background-position: 0 -688px; }

.site-header .bh, .site-header .BH { background-position: 0 -704px; }

.site-header .bi, .site-header .BI { background-position: 0 -720px; }

.site-header .bj, .site-header .BJ { background-position: 0 -736px; }

.site-header .bm, .site-header .BM { background-position: 0 -752px; }

.site-header .bn, .site-header .BN { background-position: 0 -768px; }

.site-header .bo, .site-header .BO { background-position: 0 -784px; }

.site-header .br, .site-header .BR { background-position: 0 -800px; }

.site-header .bs, .site-header .BS { background-position: 0 -816px; }

.site-header .bt, .site-header .BT { background-position: 0 -832px; }

.site-header .bw, .site-header .BW { background-position: 0 -848px; }

.site-header .by, .site-header .BY { background-position: 0 -864px; }

.site-header .bz, .site-header .BZ { background-position: 0 -880px; }

.site-header .ca, .site-header .CA { background-position: 0 -896px; }

.site-header .cg, .site-header .CG { background-position: 0 -912px; }

.site-header .cf, .site-header .CF { background-position: 0 -928px; }

.site-header .cd, .site-header .CD { background-position: 0 -944px; }

.site-header .ch, .site-header .CH { background-position: 0 -960px; }

.site-header .ci, .site-header .CI { background-position: 0 -976px; }

.site-header .ck, .site-header .CK { background-position: 0 -992px; }

.site-header .cl, .site-header .CL { background-position: 0 -1008px; }

.site-header .cm, .site-header .CM { background-position: 0 -1024px; }

.site-header .cn, .site-header .CN { background-position: 0 -1040px; }

.site-header .co, .site-header .CO { background-position: 0 -1056px; }

.site-header .cr, .site-header .CR { background-position: 0 -1072px; }

.site-header .cu, .site-header .CU { background-position: 0 -1088px; }

.site-header .cv, .site-header .CV { background-position: 0 -1104px; }

.site-header .cy, .site-header .CY { background-position: 0 -1120px; }

.site-header .cz, .site-header .CZ { background-position: 0 -1136px; }

.site-header .de, .site-header .DE { background-position: 0 -1152px; }

.site-header .dj, .site-header .DJ { background-position: 0 -1168px; }

.site-header .dk, .site-header .DK { background-position: 0 -1184px; }

.site-header .dm, .site-header .DM { background-position: 0 -1200px; }

.site-header .do, .site-header .DO { background-position: 0 -1216px; }

.site-header .dz, .site-header .DZ { background-position: 0 -1232px; }

.site-header .ec, .site-header .EC { background-position: 0 -1248px; }

.site-header .ee, .site-header .EE { background-position: 0 -1264px; }

.site-header .eg, .site-header .EG { background-position: 0 -1280px; }

.site-header .eh, .site-header .EH { background-position: 0 -1296px; }

.site-header .er, .site-header .ER { background-position: 0 -1312px; }

.site-header .es, .site-header .ES { background-position: 0 -1328px; }

.site-header .et, .site-header .ET { background-position: 0 -1344px; }

.site-header .fi, .site-header .FI { background-position: 0 -1360px; }

.site-header .fj, .site-header .FJ { background-position: 0 -1376px; }

.site-header .fm, .site-header .FM { background-position: 0 -1392px; }

.site-header .fo, .site-header .FO { background-position: 0 -1408px; }

.site-header .fr, .site-header .FR { background-position: 0 -1424px; }

.site-header .bl, .site-header .BL, .site-header .cp, .site-header .CP, .site-header .mf, .site-header .MF, .site-header .yt, .site-header .YT { background-position: 0 -1424px; }

.site-header .ga, .site-header .GA { background-position: 0 -1440px; }

.site-header .gb, .site-header .GB { background-position: 0 -1456px; }

.site-header .sh, .site-header .SH { background-position: 0 -1456px; }

.site-header .gd, .site-header .GD { background-position: 0 -1472px; }

.site-header .ge, .site-header .GE { background-position: 0 -1488px; }

.site-header .gg, .site-header .GG { background-position: 0 -1504px; }

.site-header .gh, .site-header .GH { background-position: 0 -1520px; }

.site-header .gi, .site-header .GI { background-position: 0 -1536px; }

.site-header .gl, .site-header .GL { background-position: 0 -1552px; }

.site-header .gm, .site-header .GM { background-position: 0 -1568px; }

.site-header .gn, .site-header .GN { background-position: 0 -1584px; }

.site-header .gp, .site-header .GP { background-position: 0 -1600px; }

.site-header .gq, .site-header .GQ { background-position: 0 -1616px; }

.site-header .gr, .site-header .GR { background-position: 0 -1632px; }

.site-header .gt, .site-header .GT { background-position: 0 -1648px; }

.site-header .gu, .site-header .GU { background-position: 0 -1664px; }

.site-header .gw, .site-header .GW { background-position: 0 -1680px; }

.site-header .gy, .site-header .GY { background-position: 0 -1696px; }

.site-header .hk, .site-header .HK { background-position: 0 -1712px; }

.site-header .hn, .site-header .HN { background-position: 0 -1728px; }

.site-header .hr, .site-header .HR { background-position: 0 -1744px; }

.site-header .ht, .site-header .HT { background-position: 0 -1760px; }

.site-header .hu, .site-header .HU { background-position: 0 -1776px; }

.site-header .id, .site-header .ID { background-position: 0 -1792px; }

.site-header .mc, .site-header .MC { background-position: 0 -1792px; }

.site-header .ie, .site-header .IE { background-position: 0 -1808px; }

.site-header .il, .site-header .IL { background-position: 0 -1824px; }

.site-header .im, .site-header .IM { background-position: 0 -1840px; }

.site-header .in, .site-header .IN { background-position: 0 -1856px; }

.site-header .iq, .site-header .IQ { background-position: 0 -1872px; }

.site-header .ir, .site-header .IR { background-position: 0 -1888px; }

.site-header .is, .site-header .IS { background-position: 0 -1904px; }

.site-header .it, .site-header .IT { background-position: 0 -1920px; }

.site-header .je, .site-header .JE { background-position: 0 -1936px; }

.site-header .jm, .site-header .JM { background-position: 0 -1952px; }

.site-header .jo, .site-header .JO { background-position: 0 -1968px; }

.site-header .jp, .site-header .JP { background-position: 0 -1984px; }

.site-header .ke, .site-header .KE { background-position: 0 -2000px; }

.site-header .kg, .site-header .KG { background-position: 0 -2016px; }

.site-header .kh, .site-header .KH { background-position: 0 -2032px; }

.site-header .ki, .site-header .KI { background-position: 0 -2048px; }

.site-header .km, .site-header .KM { background-position: 0 -2064px; }

.site-header .kn, .site-header .KN { background-position: 0 -2080px; }

.site-header .kp, .site-header .KP { background-position: 0 -2096px; }

.site-header .kr, .site-header .KR { background-position: 0 -2112px; }

.site-header .kw, .site-header .KW { background-position: 0 -2128px; }

.site-header .ky, .site-header .KY { background-position: 0 -2144px; }

.site-header .kz, .site-header .KZ { background-position: 0 -2160px; }

.site-header .la, .site-header .LA { background-position: 0 -2176px; }

.site-header .lb, .site-header .LB { background-position: 0 -2192px; }

.site-header .lc, .site-header .LC { background-position: 0 -2208px; }

.site-header .li, .site-header .LI { background-position: 0 -2224px; }

.site-header .lk, .site-header .LK { background-position: 0 -2240px; }

.site-header .lr, .site-header .LR { background-position: 0 -2256px; }

.site-header .ls, .site-header .LS { background-position: 0 -2272px; }

.site-header .lt, .site-header .LT { background-position: 0 -2288px; }

.site-header .lu, .site-header .LU { background-position: 0 -2304px; }

.site-header .lv, .site-header .LV { background-position: 0 -2320px; }

.site-header .ly, .site-header .LY { background-position: 0 -2336px; }

.site-header .ma, .site-header .MA { background-position: 0 -2352px; }

.site-header .md, .site-header .MD { background-position: 0 -2368px; }

.site-header .me, .site-header .ME { background-position: 0 -2384px; }

.site-header .mg, .site-header .MG { background-position: 0 -2400px; }

.site-header .mh, .site-header .MH { background-position: 0 -2416px; }

.site-header .mk, .site-header .MK { background-position: 0 -2432px; }

.site-header .ml, .site-header .ML { background-position: 0 -2448px; }

.site-header .mm, .site-header .MM { background-position: 0 -2464px; }

.site-header .mn, .site-header .MN { background-position: 0 -2480px; }

.site-header .mo, .site-header .MO { background-position: 0 -2496px; }

.site-header .mq, .site-header .MQ { background-position: 0 -2512px; }

.site-header .mr, .site-header .MR { background-position: 0 -2528px; }

.site-header .ms, .site-header .MS { background-position: 0 -2544px; }

.site-header .mt, .site-header .MT { background-position: 0 -2560px; }

.site-header .mu, .site-header .MU { background-position: 0 -2576px; }

.site-header .mv, .site-header .MV { background-position: 0 -2592px; }

.site-header .mw, .site-header .MW { background-position: 0 -2608px; }

.site-header .mx, .site-header .MX { background-position: 0 -2624px; }

.site-header .my, .site-header .MY { background-position: 0 -2640px; }

.site-header .mz, .site-header .MZ { background-position: 0 -2656px; }

.site-header .na, .site-header .NA { background-position: 0 -2672px; }

.site-header .nc, .site-header .NC { background-position: 0 -2688px; }

.site-header .ne, .site-header .NE { background-position: 0 -2704px; }

.site-header .ng, .site-header .NG { background-position: 0 -2720px; }

.site-header .ni, .site-header .NI { background-position: 0 -2736px; }

.site-header .nl, .site-header .NL { background-position: 0 -2752px; }

.site-header .bq, .site-header .BQ { background-position: 0 -2752px; }

.site-header .no, .site-header .NO { background-position: 0 -2768px; }

.site-header .bv, .site-header .BV, .site-header .nq, .site-header .NQ, .site-header .sj, .site-header .SJ { background-position: 0 -2768px; }

.site-header .np, .site-header .NP { background-position: 0 -2784px; }

.site-header .nr, .site-header .NR { background-position: 0 -2800px; }

.site-header .nz, .site-header .NZ { background-position: 0 -2816px; }

.site-header .om, .site-header .OM { background-position: 0 -2832px; }

.site-header .pa, .site-header .PA { background-position: 0 -2848px; }

.site-header .pe, .site-header .PE { background-position: 0 -2864px; }

.site-header .pf, .site-header .PF { background-position: 0 -2880px; }

.site-header .pg, .site-header .PG { background-position: 0 -2896px; }

.site-header .ph, .site-header .PH { background-position: 0 -2912px; }

.site-header .pk, .site-header .PK { background-position: 0 -2928px; }

.site-header .pl, .site-header .PL { background-position: 0 -2944px; }

.site-header .pr, .site-header .PR { background-position: 0 -2960px; }

.site-header .ps, .site-header .PS { background-position: 0 -2976px; }

.site-header .pt, .site-header .PT { background-position: 0 -2992px; }

.site-header .pw, .site-header .PW { background-position: 0 -3008px; }

.site-header .py, .site-header .PY { background-position: 0 -3024px; }

.site-header .qa, .site-header .QA { background-position: 0 -3040px; }

.site-header .re, .site-header .RE { background-position: 0 -3056px; }

.site-header .ro, .site-header .RO { background-position: 0 -3072px; }

.site-header .rs, .site-header .RS { background-position: 0 -3088px; }

.site-header .ru, .site-header .RU { background-position: 0 -3104px; }

.site-header .rw, .site-header .RW { background-position: 0 -3120px; }

.site-header .sa, .site-header .SA { background-position: 0 -3136px; }

.site-header .sb, .site-header .SB { background-position: 0 -3152px; }

.site-header .sc, .site-header .SC { background-position: 0 -3168px; }

.site-header .sd, .site-header .SD { background-position: 0 -3184px; }

.site-header .se, .site-header .SE { background-position: 0 -3200px; }

.site-header .sg, .site-header .SG { background-position: 0 -3216px; }

.site-header .si, .site-header .SI { background-position: 0 -3232px; }

.site-header .sk, .site-header .SK { background-position: 0 -3248px; }

.site-header .sl, .site-header .SL { background-position: 0 -3264px; }

.site-header .sm, .site-header .SM { background-position: 0 -3280px; }

.site-header .sn, .site-header .SN { background-position: 0 -3296px; }

.site-header .so, .site-header .SO { background-position: 0 -3312px; }

.site-header .sr, .site-header .SR { background-position: 0 -3328px; }

.site-header .st, .site-header .ST { background-position: 0 -3344px; }

.site-header .sv, .site-header .SV { background-position: 0 -3360px; }

.site-header .sy, .site-header .SY { background-position: 0 -3376px; }

.site-header .sz, .site-header .SZ { background-position: 0 -3392px; }

.site-header .tc, .site-header .TC { background-position: 0 -3408px; }

.site-header .td, .site-header .TD { background-position: 0 -3424px; }

.site-header .tg, .site-header .TG { background-position: 0 -3440px; }

.site-header .th, .site-header .TH { background-position: 0 -3456px; }

.site-header .tj, .site-header .TJ { background-position: 0 -3472px; }

.site-header .tl, .site-header .TL { background-position: 0 -3488px; }

.site-header .tm, .site-header .TM { background-position: 0 -3504px; }

.site-header .tn, .site-header .TN { background-position: 0 -3520px; }

.site-header .to, .site-header .TO { background-position: 0 -3536px; }

.site-header .tr, .site-header .TR { background-position: 0 -3552px; }

.site-header .tt, .site-header .TT { background-position: 0 -3568px; }

.site-header .tv, .site-header .TV { background-position: 0 -3584px; }

.site-header .tw, .site-header .TW { background-position: 0 -3600px; }

.site-header .tz, .site-header .TZ { background-position: 0 -3616px; }

.site-header .ua, .site-header .UA { background-position: 0 -3632px; }

.site-header .ug, .site-header .UG { background-position: 0 -3648px; }

.site-header .us, .site-header .US { background-position: 0 -3664px; }

.site-header .uy, .site-header .UY { background-position: 0 -3680px; }

.site-header .uz, .site-header .UZ { background-position: 0 -3696px; }

.site-header .va, .site-header .VA { background-position: 0 -3712px; }

.site-header .vc, .site-header .VC { background-position: 0 -3728px; }

.site-header .ve, .site-header .VE { background-position: 0 -3744px; }

.site-header .vg, .site-header .VG { background-position: 0 -3760px; }

.site-header .vi, .site-header .VI { background-position: 0 -3776px; }

.site-header .vn, .site-header .VN { background-position: 0 -3792px; }

.site-header .vu, .site-header .VU { background-position: 0 -3808px; }

.site-header .ws, .site-header .WS { background-position: 0 -3824px; }

.site-header .ye, .site-header .YE { background-position: 0 -3840px; }

.site-header .za, .site-header .ZA { background-position: 0 -3856px; }

.site-header .zm, .site-header .ZM { background-position: 0 -3872px; }

.site-header .zw, .site-header .ZW { background-position: 0 -3888px; }

.site-header .sx, .site-header .SX { background-position: 0 -3904px; }

.site-header .cw, .site-header .CW { background-position: 0 -3920px; }

.site-header .ss, .site-header .SS { background-position: 0 -3936px; }

.site-header .ap, .site-header .AP { background-position: 0 -3952px; }

.site-header .io, .site-header .IO { background-position: 0 -3968px; }

.site-header .cx, .site-header .CX { background-position: 0 -3984px; }

.site-header .cc, .site-header .CC { background-position: 0 -4000px; }

.site-header .fk, .site-header .FK { background-position: 0 -4016px; }

.site-header .gf, .site-header .GF { background-position: 0 -4032px; }

.site-header .tf, .site-header .TF { background-position: 0 -4048px; }

.site-header .hm, .site-header .HM { background-position: 0 -4064px; }

.site-header .an, .site-header .AN { background-position: 0 -4080px; }

.site-header .nf, .site-header .NF { background-position: 0 -4096px; }

.site-header .mp, .site-header .MP { background-position: 0 -4112px; }

.site-header .pn, .site-header .PN { background-position: 0 -4128px; }

.site-header .pm, .site-header .PM { background-position: 0 -4144px; }

.site-header .gs, .site-header .GS { background-position: 0 -4160px; }

.site-header .tk, .site-header .TK { background-position: 0 -4176px; }

.site-header .um, .site-header .UM { background-position: 0 -4192px; }

.site-header .wf, .site-header .WF { background-position: 0 -4208px; }

.site-header .language-selector-menu { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); opacity: 0; }

.site-header #countryLanguage-container { height: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); overflow: hidden; background-color: #fff; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #countryLanguage-container { display: none; } }

.site-header #countryLanguage-container > .site-centered:before { border-color: #fff transparent transparent; border-style: solid; border-width: 10px 10px 0; content: ""; display: block; height: 0; position: absolute; right: .6em; bottom: -40px; width: 0; }

@media screen and (max-width: 1100px) { .site-header #countryLanguage-container > .site-centered:before { right: 1.9em; } }

.site-header #countryLanguage-container h2, .site-header #countryLanguage-container ul { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); opacity: 0; }

.site-header #countryLanguage-container ul#selectPreferred { columns: 5; -webkit-columns: 5; -moz-columns: 5; }

.site-header #countryLanguage-container ul#selectPreferred li { list-style: none; display: inline-block; padding: 0; width: 200px; height: 16px; background-position-x: 5px; margin: 0 0 15px; }

.site-header #countryLanguage-container ul#selectPreferred li a { color: #a0a0a0; padding: 0 0 0 25px; }

.site-header #countryLanguage-container .ui-selectmenu { border-color: #e8e8e9; background-color: #fff; }

.site-header #countryLanguage-container .ui-selectmenu-status { color: #727475; padding: .7em 4.5em .7em 1em; }

.site-header #countryLanguage-container .ui-selectmenu-icon { background: #fff; border-left: 2px solid #e8e8e9; color: #727475; }

.site-header #countryLanguage-container .ui-selectmenu-icon:hover { background: #e8e8e9; }

.site-header #countryLanguage-container .ui-selectmenu-icon:after { padding: .8em .95em .7em; font-size: .9em; }

.site-header #countryLanguage-container .ui-selectmenu:hover .ui-selectmenu-icon { background: #e8e8e9; color: #727475; }

.site-header #countryLanguage-container .ui-state-hover { border-color: #727475; background-color: #e8e8e9; }

.site-header #countryLanguage-container .ui-state-hover .ui-selectmenu-icon { border-color: #727475; background-color: #e8e8e9; }

.site-header #countryLanguage-container .ui-state-active { border-color: #727475; }

.site-header #countryLanguage-container .ui-state-active .ui-selectmenu-icon { border-color: #727475; background: #e8e8e9; color: #727475; }

.site-header #countryLanguage-container #changeConfirm { color: #727475; background-color: #fff; display: inline-block; padding: .75em 1.5em .8em; text-align: center; margin-left: 8px; border: 2px solid #e8e8e9; border-radius: 4px; font-size: 14px; font-size: 0.875rem; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); text-transform: uppercase; }

.site-header #countryLanguage-container #changeConfirm:hover { background-color: #e8e8e9; border-color: #727475; }

.site-header.expand-flag #countryLanguage-container { height: 310px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); padding: 15px 0; overflow: visible; }

.site-header.expand-flag #countryLanguage-container h2 { color: #4b4b4b; opacity: 100; }

.site-header.expand-flag #countryLanguage-container ul { height: 190px !important; padding: 0; opacity: 100; }

.site-header.expand-flag .language-selector-menu { opacity: 100; }

.site-header #locale-menu-wrap { display: inline-block; width: 30%; margin: 0 10px 0 0; }

.site-header #language-menu-wrap { display: inline-block; width: 20%; }

.site-header .language-selector-menu-mobile { display: none; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .language-selector-menu-mobile { display: block; padding: 0 5% 0 12%; max-width: 83%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .language-selector-menu-mobile select { margin-bottom: 10px; } }

/* ------------------------------ MAIN SITE NAVIGATION ------------------------------ */
.site-header { /* ---------- OFF CANVAS NAVIGATION STYLES ---------- */ }

.site-header #nav-toggle, .site-header #search-toggle, .site-header #cart-toggle, .site-header #filter-toggle { display: none; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #nav-toggle, .site-header #search-toggle, .site-header #cart-toggle, .site-header #filter-toggle { color: #fff; display: block; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 16px; font-weight: bold; text-indent: -9999px; background: url("/img/icons/icons_mobile_menu@2x.png") no-repeat 0 0; background-size: 32px 64px; width: 32px; height: 32px; position: relative; border-radius: 5px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #nav-toggle { float: left; }
  .site-header #search-toggle { background-image: url(/img/icons/icons_mobile_search@2x.png); float: right; }
  .site-header #cart-toggle { background-image: url(/img/icons/icons_cart.svg); float: right; background-size: 75%; background-position: center center; margin-right: 10px; opacity: .65; }
  .site-header #filter-toggle { display: none; float: right; } }

.site-header .main-navigation { font-size: 13px; font-size: 0.813rem; }

@media screen and (max-width: 1100px) { .site-header .main-navigation { padding-top: 0; } }

.site-header .main-navigation ul { margin: 0; padding: 0; }

.site-header .main-navigation ul ul { display: none; z-index: 999; }

.site-header .main-navigation li { float: left; margin-bottom: 0; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation li { border-bottom: 1px dashed #e8e8e9; float: none; margin: 0; } }

.site-header .main-navigation li:hover > div > ul { display: block; }

.site-header .main-navigation a { color: #e8e8e9; display: block; text-transform: uppercase; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 14px; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation a { background: #1f1e1e; padding: 1em; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); margin: 0; border-radius: 0; } }

.site-header .main-navigation a:visited { color: #e8e8e9; }

.site-header .main-navigation a:hover { background: #f0f0f0; color: #5c5e5e; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation a:hover { background: #fff; color: #000; } }

.site-header .main-navigation > div > ul > li > a { padding: 20px 1.75em; height: 60px; box-sizing: border-box; }

@media screen and (max-width: 1100px) { .site-header .main-navigation > div > ul > li > a { font-size: 0.75rem; line-height: 1.25rem; } }

@media screen and (max-width: 1024px) { .site-header .main-navigation > div > ul > li > a { font-size: 12px; } }

@media screen and (max-width: 960px) { .site-header .main-navigation > div > ul > li > a { font-size: 11px; } }

.site-header .main-navigation > div > ul > li:hover > a { background: #f0f0f0; color: #5c5e5e; }

.site-header .main-navigation .sub-nav ul, .site-header .main-navigation .sub-nav-finder ul { box-sizing: border-box; display: block; height: 0px; left: 300px; margin: 0px auto 0; opacity: 0; overflow: hidden; padding: 15px 0; position: absolute; top: -400px; width: 100%; -webkit-transition-duration: 0.5s, 0.2s; transition-duration: 0.5s, 0.2s; -webkit-transition-property: left, opacity; transition-property: left, opacity; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 1100px) { .site-header .main-navigation .sub-nav ul, .site-header .main-navigation .sub-nav-finder ul { padding: 20px 2% 0; } }

@media screen and (min-width: 925px) and (max-width: 1100px) { .site-header .main-navigation .sub-nav ul, .site-header .main-navigation .sub-nav-finder ul { padding: 15px 2% 0; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav ul, .site-header .main-navigation .sub-nav-finder ul { height: auto; left: auto; opacity: 1; padding: 0; position: relative; top: auto; } }

.site-header .main-navigation .sub-nav ul.sub-categories, .site-header .main-navigation .sub-nav-finder ul.sub-categories { height: auto; opacity: 1; position: relative; top: 0; left: 0; padding: 5px 0 0; }

.site-header .main-navigation .sub-nav ul.sub-categories li, .site-header .main-navigation .sub-nav-finder ul.sub-categories li { padding: 0; width: 100%; }

.site-header .main-navigation .sub-nav ul.sub-categories li a, .site-header .main-navigation .sub-nav-finder ul.sub-categories li a { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 12px; margin-bottom: .25em; }

.site-header .main-navigation .sub-nav ul.sub-categories li a:hover, .site-header .main-navigation .sub-nav-finder ul.sub-categories li a:hover { text-decoration: underline; }

.site-header .main-navigation .sub-nav li, .site-header .main-navigation .sub-nav-finder li { margin-right: 0; text-align: center; box-sizing: border-box; width: 20%; padding: 0 1em; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav li, .site-header .main-navigation .sub-nav-finder li { text-align: left; margin: 0; padding: 0; width: 100%; } }

.site-header .main-navigation .sub-nav li a, .site-header .main-navigation .sub-nav-finder li a { color: #000; background: none; font-size: 14px; font-size: .75rem; margin: 0; width: 100%; text-transform: capitalize; text-align: left; }

@media screen and (min-width: 925px) and (max-width: 1100px) { .site-header .main-navigation .sub-nav li a, .site-header .main-navigation .sub-nav-finder li a { font-size: 0.7rem; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav li a, .site-header .main-navigation .sub-nav-finder li a { width: auto; } }

.site-header .main-navigation .sub-nav li a.category-link, .site-header .main-navigation .sub-nav-finder li a.category-link { border-bottom: solid 1px #b3b3b3; font-size: 16px; font-size: 1rem; }

.site-header .main-navigation .sub-nav .image, .site-header .main-navigation .sub-nav-finder .image { display: block; margin-bottom: 0.5em; opacity: 1; height: auto; width: 100%; box-sizing: border-box; -webkit-transition-property: border; transition-property: border; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav .image, .site-header .main-navigation .sub-nav-finder .image { display: none; } }

.site-header .main-navigation .sub-nav .image.support-registration, .site-header .main-navigation .sub-nav-finder .image.support-registration { background-image: url("/img/nav_pr.png"); }

.site-header .main-navigation .sub-nav .image.support-warranty, .site-header .main-navigation .sub-nav-finder .image.support-warranty { background-image: url("/img/nav_wi.png"); }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav > a, .site-header .main-navigation .sub-nav-finder > a { position: relative; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav > a:before, .site-header .main-navigation .sub-nav-finder > a:before { color: #666666; content: "\e000"; font-family: "Flat-UI-Icons"; font-size: 1.25rem; height: 100%; left: 2.5em; line-height: 48px; margin: auto; position: absolute; top: 0; } }

@media screen and (max-width: 480px) { .site-header .main-navigation .sub-nav > a:before, .site-header .main-navigation .sub-nav-finder > a:before { left: 0.5em; } }

.site-header .main-navigation .sub-nav .learn-nav li a, .site-header .main-navigation .sub-nav-finder .learn-nav li a { display: block; font-size: 16px; font-size: 1rem; margin-bottom: 1em; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav .learn-nav li a, .site-header .main-navigation .sub-nav-finder .learn-nav li a { margin-bottom: 0; } }

.site-header .main-navigation .sub-nav .learn-nav li a img, .site-header .main-navigation .sub-nav-finder .learn-nav li a img { margin-bottom: .5em; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav .learn-nav li a img, .site-header .main-navigation .sub-nav-finder .learn-nav li a img { display: none; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav .nav-level, .site-header .main-navigation .sub-nav-finder .nav-level { box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: -100%; width: 300px; height: 100%; background: #fff; z-index: 1; } }

@media screen and (max-width: 480px) { .site-header .main-navigation .sub-nav .nav-level, .site-header .main-navigation .sub-nav-finder .nav-level { width: 100%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav .nav-level.level-open, .site-header .main-navigation .sub-nav-finder .nav-level.level-open { left: 0; } }

.site-header .main-navigation .sub-nav.first-child, .site-header .main-navigation .sub-nav-finder.first-child { padding-left: 2%; }

.site-header .main-navigation .sub-nav .finder-nav, .site-header .main-navigation .sub-nav-finder .finder-nav { padding: 20px 2% 0; }

@media screen and (min-width: 925px) and (max-width: 1100px) { .site-header .main-navigation .sub-nav .finder-nav, .site-header .main-navigation .sub-nav-finder .finder-nav { padding: 15px 2% 0; } }

.site-header .main-navigation .sub-nav .finder-nav li, .site-header .main-navigation .sub-nav-finder .finder-nav li { width: 100%; }

@media screen and (max-width: 1100px) { .site-header .main-navigation .sub-nav .finder-nav li, .site-header .main-navigation .sub-nav-finder .finder-nav li { padding: 0; } }

.site-header .main-navigation .sub-nav .finder-nav .mf-cta, .site-header .main-navigation .sub-nav-finder .finder-nav .mf-cta { margin: 0; text-align: left; }

@media screen and (max-width: 1100px) { .site-header .main-navigation .sub-nav .finder-nav .mf-cta, .site-header .main-navigation .sub-nav-finder .finder-nav .mf-cta { width: 100%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .sub-nav .finder-nav .mf-cta, .site-header .main-navigation .sub-nav-finder .finder-nav .mf-cta { display: none; } }

.site-header .main-navigation .sub-nav .finder-nav .mf-cta h2, .site-header .main-navigation .sub-nav-finder .finder-nav .mf-cta h2 { color: #fff; }

.site-header .main-navigation .sub-nav .finder-nav .mf-cta .button, .site-header .main-navigation .sub-nav-finder .finder-nav .mf-cta .button { margin: .25em 0 0; font-size: 22px; text-transform: uppercase; background: rgba(0, 0, 0, 0.7); color: #fff; display: inline-block; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; width: auto; }

@media screen and (max-width: 1024px) { .site-header .main-navigation .sub-nav .finder-nav .mf-cta .button, .site-header .main-navigation .sub-nav-finder .finder-nav .mf-cta .button { font-size: 18px; } }

.site-header .main-navigation .sub-nav .finder-nav .mf-cta .button:hover, .site-header .main-navigation .sub-nav-finder .finder-nav .mf-cta .button:hover { background: rgba(0, 0, 0, 0.5); }

.site-header .main-navigation .sub-nav-finder:before { display: none; }

.site-header .main-navigation .mobile-login, .site-header .main-navigation .mobile-link { display: none; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation .mobile-login, .site-header .main-navigation .mobile-link { display: block; } }

.site-header .main-navigation ul.tools-nav { text-align: left; }

.site-header .main-navigation ul.tools-nav li { display: inline-block; width: 33.33333%; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation ul.tools-nav li { display: block; width: auto; margin: 0; } }

.site-header .main-navigation ul.tools-nav li:first-child { margin-left: 0; }

.site-header .main-navigation ul.tools-nav li a { color: #4b4b4b; border: solid 1px #cccccc; box-sizing: border-box; display: block; height: 107px; padding: 1em; text-align: left; text-transform: none; width: 100%; -webkit-transition-property: color, background; transition-property: color, background; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation ul.tools-nav li a { height: auto; color: #727475; } }

.site-header .main-navigation ul.tools-nav li a:hover { background: #fff; color: #4b4b4b; }

.site-header .main-navigation ul.tools-nav li a:hover .image { border: none; }

.site-header .main-navigation ul.tools-nav li a span.description { color: #727475; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-size: 13px; line-height: 1.25; }

@media screen and (max-width: 1100px) { .site-header .main-navigation ul.tools-nav li a span.description { font-size: 12px; } }

.site-header .main-navigation ul.tools-nav .image { border: none; background-color: transparent; -webkit-transition: none; transition: none; float: left; margin-right: 1em; height: 75px; background-repeat: no-repeat; width: 90px; }

.site-header .main-navigation ul.tools-nav .title { display: block; font-size: 18px; font-size: 1.125rem; margin-bottom: 0.25em; }

@media screen and (max-width: 1024px) { .site-header .main-navigation ul.tools-nav .title { font-size: .9rem; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation ul.tools-nav .title { margin-bottom: 0; font-size: 1rem; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation ul.tools-nav .description { display: none; } }

@media screen and (max-width: 1100px) { .site-header .main-navigation .products div { padding: 10px 2%; } }

@media screen and (max-width: 940px) { .site-header .main-navigation .products div { display: none; } }

@media screen and (max-width: 940px) { .site-header .main-navigation .products ul { display: none; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .main-navigation:target { display: block; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .sub-menu-active { box-shadow: none; } }

.site-header .sub-menu-active .main-navigation .sub-nav:hover > div > ul, .site-header .sub-menu-active .main-navigation .sub-nav-finder:hover > div > ul { height: 405px; opacity: 1; top: 60px; left: 0; background-color: #f0f0f0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); -webkit-transition-delay: .1s, .1s; transition-delay: .1s, .1s; -webkit-transition-duration: .5s, 1s; transition-duration: .5s, 1s; }

@media screen and (max-width: 1024px) { .site-header .sub-menu-active .main-navigation .sub-nav:hover > div > ul, .site-header .sub-menu-active .main-navigation .sub-nav-finder:hover > div > ul { height: 300px; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .sub-menu-active .main-navigation .sub-nav:hover > div > ul, .site-header .sub-menu-active .main-navigation .sub-nav-finder:hover > div > ul { height: auto; left: auto; opacity: 1; padding: 0; position: relative; top: auto; background: none; box-shadow: none; } }

.site-header .sub-menu-active .main-navigation .sub-nav:hover .learn-nav, .site-header .sub-menu-active .main-navigation .sub-nav-finder:hover .learn-nav { height: 350px; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .sub-menu-active .main-navigation .sub-nav:hover .learn-nav, .site-header .sub-menu-active .main-navigation .sub-nav-finder:hover .learn-nav { height: auto; } }

.site-header .sub-menu-active .main-navigation .sub-nav:hover .tools-nav, .site-header .sub-menu-active .main-navigation .sub-nav-finder:hover .tools-nav { height: 140px; }

.site-header .sub-menu-active .main-navigation .sub-nav:hover .finder-nav, .site-header .sub-menu-active .main-navigation .sub-nav-finder:hover .finder-nav { height: 310px; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .nav-level { height: 100%; left: 0; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } }

.site-header .nav-level-header { display: none; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .nav-level-header { display: block; background: #fff; border-bottom: dashed 1px #e8e8e9; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .nav-label { color: #5e5e5e; display: inline-block; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 1rem; padding: 1em; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #main-nav { float: none; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #main-nav ul li div { display: block; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #main-nav > div > ul > li:first-child { border-top: 1px dashed #e8e8e9; margin-top: 46px; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #main-nav .nav-back { color: #727475; display: inline-block; float: right; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-size: 1rem; padding: 0.75em 1em; } }

.site-header #main-nav .nav-back:after { content: "\e002"; font-family: "Flat-UI-Icons"; margin-left: 0.5em; }

.site-header #main-nav .nav-back:hover { background: none; color: #e8e8e9; cursor: pointer; }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .site-header .mobile-nav li a { background-image: url(/img/icons/icons_home_prod@2x.png); background-size: 42px 42px; }
  .site-header .mobile-nav li.locate a { background-image: url(/img/icons/icons_home_locator@2x.png); }
  .site-header .mobile-nav li.mf a { background-image: url(/img/icons/icons_home_mf@2x.png); }
  .site-header .mobile-nav li.hf a { background-image: url(/img/icons/icons_home_hf@2x.png); }
  .site-header .mobile-nav li.learn a { background-image: url(/img/icons/icons_home_learn@2x.png); }
  .site-header .mobile-nav li.spaces a { background-image: url(/img/icons/icons_home_spaces@2x.png); } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header .nav-collapse { height: 0; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); transition: -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); clear: both; background: #fff; left: -325px; position: absolute; top: 0; height: 100% !important; width: 325px; border-right: solid 1px #e8e8e9; box-sizing: border-box; }
  .site-header .nav-collapse .language-selector { min-width: 100%; padding-right: 0; color: #727475; margin: 15px 0 5px; font-size: 16px; display: block; }
  .site-header .nav-collapse .language-selector-menu-mobile .ui-selectmenu { padding: 0.75em 1em; margin-bottom: 10px; border-radius: 2px; border-color: #e8e8e9; background-color: #fff; }
  .site-header .nav-collapse .language-selector-menu-mobile .ui-selectmenu-status { color: #727475; }
  .site-header .nav-collapse .language-selector-menu-mobile .ui-selectmenu-icon { background: #fff; border-left: 2px solid #e8e8e9; color: #727475; }
  .site-header .nav-collapse .language-selector-menu-mobile .ui-selectmenu-icon:after { padding: .8em .95em .7em; font-size: .9em; }
  .site-header .nav-collapse .language-selector-menu-mobile .ui-state-hover, .site-header .nav-collapse .language-selector-menu-mobile .ui-state-active { background: #e8e8e9; border-color: #727475; }
  .site-header .nav-collapse .language-selector-menu-mobile .ui-selectmenu:hover .ui-selectmenu-icon, .site-header .nav-collapse .language-selector-menu-mobile .ui-state-active .ui-selectmenu-icon, .site-header .nav-collapse .language-selector-menu-mobile .ui-selectmenu-icon:hover { background: #e8e8e9; color: #727475; border-color: #727475; }
  .site-header .nav-collapse .language-selector-menu-mobile #changeConfirm-mobile { color: #727475; background-color: #fff; display: inline-block; padding: .75em 1.5em .8em; text-align: center; border: 2px solid #e8e8e9; border-radius: 4px; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  .site-header .nav-collapse .language-selector-menu-mobile #changeConfirm-mobile:hover { background-color: #e8e8e9; border-color: #727475; }
  .site-header .nav-collapse .ui-selectmenu-status { padding: 0; }
  .site-header .nav-collapse .ui-selectmenu-icon:after { padding: .75em 1em 1em; }
  .site-header .nav-collapse nav.main-navigation a { background: none; color: #727475; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 1rem; padding: 0.75em 1em 0.75em 5em; text-transform: none; height: auto; }
  .site-header .nav-collapse nav.main-navigation li:hover > a { background: #e8e8e9; }
  .site-header .nav-collapse nav.main-navigation .ui-selectmenu-menu-dropdown a { padding: 0.75em 1em; }
  .site-header .nav-collapse nav.main-navigation .ui-selectmenu-menu-dropdown li { border: none; }
  .site-header .nav-collapse nav.main-navigation .ui-selectmenu-menu-dropdown li:hover > a { background: #727475; color: #fff; }
  .site-header .nav-collapse nav.main-navigation .sub-nav ul a, .site-header .nav-collapse nav.main-navigation .sub-nav-finder ul a { padding: 0.75em 1em 0.75em 3em; border: none; }
  .site-header .nav-collapse nav.main-navigation .sub-nav ul.sub-categories, .site-header .nav-collapse nav.main-navigation .sub-nav-finder ul.sub-categories { display: none; } }

@media screen and (max-width: 480px) { .site-header .nav-collapse { left: -100%; width: 80%; }
  .site-header .nav-collapse .main-navigation a { padding: 0.75em 1em 0.75em 2.5em; }
  .site-header .nav-collapse .main-navigation .sub-nav ul a, .site-header .nav-collapse .main-navigation .sub-nav-finder ul a { padding: 0.75em 1em; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .menu-active .site-header { height: 100%; }
  .menu-active .site-header-main .left { padding: 0; }
  .menu-active #site-wrap > .site-header { left: 300px; }
  .menu-active #site-wrap > div, .menu-active #site-wrap > article, .menu-active #site-wrap > section, .menu-active #site-wrap > footer { left: 300px; position: relative; }
  .menu-level-2 #site-wrap > .site-header, .menu-level-2 #site-wrap > div, .menu-level-2 #site-wrap > article, .menu-level-2 #site-wrap > section, .menu-level-2 #site-wrap > footer { left: 325px; }
  .menu-level-2 #main-nav > div > ul > li { border-color: transparent; }
  .menu-level-2 #main-nav > div > ul > li:first-child { border-color: transparent; }
  .menu-level-2 #main-nav > div > ul > li:hover > a { background: none; } }

@media screen and (max-width: 480px) { .menu-active #site-wrap > .site-header, .menu-active #site-wrap > div, .menu-active #site-wrap > article, .menu-active #site-wrap > section, .menu-active #site-wrap > footer { left: 80%; }
  .menu-level-2 #site-wrap > .site-header, .menu-level-2 #site-wrap > div, .menu-level-2 #site-wrap > article, .menu-level-2 #site-wrap > section, .menu-level-2 #site-wrap > footer { left: 80%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .csstransforms3d #site-wrap > .site-header, .csstransforms3d #site-wrap > div, .csstransforms3d #site-wrap > article, .csstransforms3d #site-wrap > section, .csstransforms3d #site-wrap > footer { -webkit-transition: -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); transition: -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); left: 0; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .csstransforms3d .nav-collapse { left: 0; -webkit-transform: translate3d(-325px, 0, 0); transform: translate3d(-325px, 0, 0); }
  .csstransforms3d .nav-level { -webkit-transition: -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); transition: -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1); transition: transform 200ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); }
  .csstransforms3d #search-submit { right: 0; }
  .csstransforms3d .menu-active #site-wrap > .site-header, .csstransforms3d .menu-active #site-wrap > div, .csstransforms3d .menu-active #site-wrap > article, .csstransforms3d .menu-active #site-wrap > section, .csstransforms3d .menu-active #site-wrap > footer { left: 0; -webkit-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
  .csstransforms3d .menu-level-2 #site-wrap > .site-header, .csstransforms3d .menu-level-2 #site-wrap > div, .csstransforms3d .menu-level-2 #site-wrap > article, .csstransforms3d .menu-level-2 #site-wrap > section, .csstransforms3d .menu-level-2 #site-wrap > footer { left: 0; -webkit-transform: translate3d(325px, 0, 0); -ms-transform: translate3d(325px, 0, 0); transform: translate3d(325px, 0, 0); }
  .csstransforms3d .modal-visible #site-wrap > .site-header, .csstransforms3d .modal-visible #site-wrap > div, .csstransforms3d .modal-visible #site-wrap > article, .csstransforms3d .modal-visible #site-wrap > section, .csstransforms3d .modal-visible #site-wrap > footer { left: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; }
  .csstransforms3d .sub-nav .nav-level, .csstransforms3d .sub-nav-finder .nav-level { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  .csstransforms3d .sub-nav .nav-level.level-open, .csstransforms3d .sub-nav-finder .nav-level.level-open { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@media screen and (max-width: 480px) { .csstransforms3d .nav-collapse { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
  .csstransforms3d .menu-active #site-wrap > .site-header, .csstransforms3d .menu-active #site-wrap > div, .csstransforms3d .menu-active #site-wrap > article, .csstransforms3d .menu-active #site-wrap > section, .csstransforms3d .menu-active #site-wrap > footer { left: 0; -webkit-transform: translate3d(80%, 0, 0); -ms-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); }
  .csstransforms3d .menu-level-2 #site-wrap > .site-header, .csstransforms3d .menu-level-2 #site-wrap > div, .csstransforms3d .menu-level-2 #site-wrap > article, .csstransforms3d .menu-level-2 #site-wrap > section, .csstransforms3d .menu-level-2 #site-wrap > footer { left: 0; -webkit-transform: translate3d(80%, 0, 0); -ms-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0); } }

/* ------------------------------ SITE SEARCH ----- - Search - Search Results (Smart Search) ------------------------------ */
/* Search */
.site-header { /* Search Results */ }

.site-header #main-site-search { display: block; width: 25%; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #main-site-search { border: none; width: 100%; height: 0; margin: 0; overflow: hidden; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); opacity: 0; } }

@media screen and (max-width: 800px) { .site-header #main-site-search { width: 100%; } }

@media screen and (min-width: 640px) and (max-width: 810px) { .site-header #main-site-search { border-top: none; } }

.site-header #main-site-search label { color: #cccccc; display: inline-block; font-size: 12px; font-size: 0.875rem; font-style: normal; left: 0; padding: 1.4em 0 1.4em 2.75em; position: absolute; top: 0; cursor: text; line-height: normal; border: 2px solid transparent; }

@media screen and (max-width: 1024px) { .site-header #main-site-search label { font-size: .8rem; padding: 1.6em 0 1.4em 2.5em; } }

.site-header #main-site-search .search-wrap { padding: 0; position: relative; }

.site-header #main-site-search input[type="text"] { border: none; border-radius: 0; padding: 1.4em 1em; height: 60px; }

@media screen and (min-width: 925px) and (max-width: 1100px) { .site-header #main-site-search input[type="text"] { padding: 0.5em 1em; } }

@media screen and (min-width: 925px) and (max-width: 980px) { .site-header #main-site-search input[type="text"] { padding: 0.5em; } }

.site-header #main-site-search input[type="text"]:focus ~ label, .site-header #main-site-search input[type="text"].val ~ label { display: none; }

.site-header #main-site-search input[type="submit"] { display: none; }

@media screen and (min-width: 640px) and (max-width: 810px) { .site-header #main-site-search .product-meta { display: block; float: left; width: 45%; overflow: hidden; } }

.site-header #autocompleteContainer { display: none; position: absolute; right: 0; top: 100%; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); width: 670px; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #autocompleteContainer { width: 100%; } }

.site-header #autocompleteContainer.store-locations { width: 450px; }

.site-header #autocomplete { background: #fafafa; box-shadow: 2px 2px 0.25em rgba(0, 0, 0, 0.25); padding: 1em 1em 0; position: relative; }

.site-header #autocomplete h2, .site-header #autocomplete h3 { font-size: 16px; font-size: 1rem; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; margin-bottom: .5em; border: none; }

@media screen and (max-width: 640px) { .site-header #autocomplete h2, .site-header #autocomplete h3 { font-size: 1rem !important; } }

.site-header #autocomplete p { font-size: 12px; font-size: 0.75rem; margin: 0; max-height: 2.5em; overflow: hidden; }

.site-header #autocomplete a:hover img { box-shadow: none; }

.site-header #autocomplete a:hover .image { box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.6); }

.site-header #autocomplete ul { margin: 0; padding: 0; list-style: none; }

.site-header #autocomplete li { margin: 0 0 5px; padding: 10px 10px 10px 14px; background: #fff; height: 58px; border-radius: 4px; position: relative; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.site-header #autocomplete li:before { content: ""; background-color: #000; position: absolute; left: 0; top: 0; width: 4px; height: 100%; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.site-header #autocomplete li:hover { cursor: pointer; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2); }

.site-header #autocomplete li.full-motion-plus-mounts:before, .site-header #autocomplete li.full-motion-mounts:before { background-color: #62bb46; }

.site-header #autocomplete li.tilting-mounts:before { background-color: #519fd7; }

.site-header #autocomplete li.fixed-position-mounts:before { background-color: #fcaf17; }

.site-header #autocomplete li.swivel-mounts:before { background-color: #5b57a6; }

.site-header #autocomplete .image { display: block; float: left; width: 58px; height: 58px; margin: 0 .5em 0 0; overflow: hidden; position: relative; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #autocomplete .image { margin: 0 0 0 5px; width: 50px; height: 50px; } }

.site-header #autocomplete img { border: medium none; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; }

.site-header #store-locations li { padding-right: 40%; position: relative; }

.site-header #store-locations .store-distance { color: #080a0e; font-weight: normal; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 14px; }

.site-header #store-locations .directions-link { box-sizing: border-box; background: none repeat scroll 0 0 #fff; border-radius: 4px; border: solid 2px #cccccc; color: #000; display: block; float: right; font-size: 14px; padding: 0.5em; position: absolute; right: 0; text-align: center; top: 30%; right: 10px; width: 30%; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.site-header #store-locations .directions-link:hover { box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6); color: #333; }

.site-header #searchTvs { float: left; padding-right: 0; }

.site-header #searchTvs .model-meta { margin-top: 8px; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #searchTvs .model-meta { margin-left: 5%; } }

.site-header #searchTvs .model-meta h3 { font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 18px; font-size: 1.125rem; color: #4b4b4b; margin-bottom: 0; }

.site-header #searchTvs .model-meta p { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 12px; font-size: 0.75rem; margin-bottom: 0; color: #4b4b4b; }

.site-header #searchproducts { float: left; width: 66.666667%; padding-right: 10px; }

.site-header #searchproducts img { background: #fff; max-width: 48px; padding: 5px; }

.site-header #searchproducts .product-meta { float: left; width: 50%; box-sizing: border-box; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #searchproducts .product-meta { width: 60%; overflow: hidden; max-height: 50px; margin-left: 3%; } }

.site-header #searchproducts .product-meta h3 { margin-bottom: 0; }

.site-header #searchproducts .button { width: 31%; box-sizing: border-box; margin: 12px 0 0; font-size: 12px; padding: 7px 5px; background-color: #5cb85c; border: solid 2px #3e8c3e; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #searchproducts .button { display: none; } }

.site-header #searchproducts .button.disabled { display: none; }

.site-header #searchproducts .button span { font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; }

.site-header #searchrecommendations { display: none; float: left; }

.site-header #searchrecommendations .image { display: block; height: 60px; overflow: hidden; width: 60px; }

.site-header #searchrecommendations br { display: none; }

.site-header #searchrecommendations img { display: block; }

.site-header #searchrecommendations div { overflow: hidden; }

.site-header #searchTvs.progress, .site-header #searchrecommendations.progress, .site-header #searchproducts.progress { background-image: url("/img/loading_profile-spinner.gif"); background-repeat: no-repeat; background-position: 50% 50%; min-height: 400px; }

.site-header #searchTvs.progress > ul, .site-header #searchrecommendations.progress > ul, .site-header #searchproducts.progress > ul { display: none; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .site-header #searchTvs, .site-header #searchproducts, .site-header #searchrecommendations { float: none; margin-bottom: 0; padding: 0 0 0.5em; width: 100%; }
  .site-header #searchTvs ul li, .site-header #searchproducts ul li, .site-header #searchrecommendations ul li { box-sizing: border-box; display: inline-block; padding: 0.25em; width: 24%; border: none; margin-right: 1%; }
  .site-header #searchTvs ul li:nth-child(4) ~ li, .site-header #searchproducts ul li:nth-child(4) ~ li, .site-header #searchrecommendations ul li:nth-child(4) ~ li { display: none; }
  .site-header #searchTvs.progress { min-height: 71px; }
  .site-header #searchproducts.progress, .site-header #searchrecommendations.progress { min-height: 98px; } }

@media screen and (max-width: 820px) { .site-header #searchTvs ul li, .site-header #searchproducts ul li, .site-header #searchrecommendations ul li { width: 32.333333%; margin-right: 1%; }
  .site-header #searchTvs ul li:nth-child(3) ~ li, .site-header #searchproducts ul li:nth-child(3) ~ li, .site-header #searchrecommendations ul li:nth-child(3) ~ li { display: none; } }

@media screen and (max-width: 675px) { .site-header #searchTvs ul li, .site-header #searchproducts ul li, .site-header #searchrecommendations ul li { width: 49%; margin-right: 1%; }
  .site-header #searchTvs ul li:nth-child(2) ~ li, .site-header #searchproducts ul li:nth-child(2) ~ li, .site-header #searchrecommendations ul li:nth-child(2) ~ li { display: none; } }

@media screen and (max-width: 500px) { .site-header #searchTvs ul li, .site-header #searchproducts ul li, .site-header #searchrecommendations ul li { width: 100%; }
  .site-header #searchTvs ul li:nth-child(1) ~ li, .site-header #searchproducts ul li:nth-child(1) ~ li, .site-header #searchrecommendations ul li:nth-child(1) ~ li { display: none; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .search-active #main-site-search { bottom: auto; display: block; height: 65px; position: relative; right: auto; max-width: none; overflow: visible; opacity: 1; }
  .search-active .site-header-main { height: 150px; }
  .search-active #search-toggle { background-position: 0 -32px; } }

/* SANUS Body */
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { html { height: 100%; } }

body { position: relative; }

@media screen and (max-width: 1100px) { body { min-width: 0; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { body { height: 100%; background: #343434; } }

@media screen and (max-width: 640px) { .body-content h2 { margin-top: 15px; } }

#site-wrap { background: #fff; overflow: hidden; position: relative; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { #site-wrap > div, #site-wrap > article, #site-wrap > section { padding-top: 60px; }
  #site-wrap .page-feature { padding-top: 0; }
  #site-wrap > .site-header, #site-wrap > div, #site-wrap > article, #site-wrap > section, #site-wrap > footer { left: 0; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } }

#sidebar { margin-bottom: 2em; }

#sidebar.is-fixed { position: fixed; top: 16px; }

#sidebar.is-bottom { position: absolute; bottom: 0; }

@media screen and (max-width: 810px) { #sidebar { border-top: 1px dashed #cccccc; padding-top: 15px; }
  #sidebar aside { float: left; width: 100%; margin-bottom: 1em; box-sizing: border-box; }
  #sidebar .button.big { clear: both; } }

@media screen and (min-width: 640px) and (max-width: 810px) { #sidebar ~ div { width: 98%; } }

@media screen and (max-width: 640px) { #sidebar { width: 98%; padding-top: 15px; }
  #sidebar aside { width: 100%; margin-bottom: 1em; }
  #sidebar aside.quick-contact-info { width: 100%; padding: 20px 4%; }
  #sidebar .button.big { clear: both; } }

@media screen and (max-width: 640px) { .mobile-only { display: inherit; }
  .desktop-only { display: none; } }

/* ==================================================================================================================================================== COMMON ----- - Buttons - Forms - Images - Layout - Plugins - Widgets / Areas - Misc ==================================================================================================================================================== */
/* ------------------------------ BUTTONS ------------------------------ */
.button { background: #000; color: #fff; border: none; border-radius: 4px; box-shadow: none; display: inline-block; font-size: 14px; font-size: 0.875rem; margin: 1em 0; padding: 0.95em 1em; text-align: center; text-decoration: none; -webkit-appearance: none; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.button:hover { color: #fff; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); cursor: pointer; }

.button.disabled, .button[disabled], .button.disabled:hover { box-shadow: none; cursor: not-allowed; opacity: 0.2; }

.gray-btn { background: #ECF0F1; color: #737373; }

.gray-btn:hover { color: #333; }

.white-btn { border: 2px solid #fff; background-color: #fff; color: #080a0e; }

.white-btn:hover { background: #080a0e; color: #fff; }

.green-btn { background: #62bb46; display: block; font-size: 24px; font-size: 1.5rem; margin: 0 0 0.75em; padding: 0.5em 0; }

.green-btn:hover { background: #62bb46; }

.info { background: #C24C4E; border-radius: 0.75em; color: #fff; display: inline-block; font-family: "Times New Roman", serif; font-style: italic; height: 1.25em; text-align: center; width: 1.25em; }

.outline-btn { display: block; margin: 0; background-color: white; border: 2px solid #cccccc; width: 100%; padding: 0.25em 0.5em; color: #737373; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); box-sizing: border-box; }

.outline-btn .outline-btn:hover { border-color: #737373; }

.outline-btn[href$=".pdf"]:before, .outline-btn[href$=".PDF"]:before { background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 2em; margin-right: 0; vertical-align: middle; width: 2.5em; background-image: url("/img/icons/quick-info/icon_pdf.png"); }

.outline-btn > div { display: inline-block; vertical-align: middle; }

.outline-btn span { display: block; }

.outline-btn .download-name { font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 14px; font-size: 0.875rem; color: #737373; }

.outline-btn .download-file-info { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; color: #737373; font-size: 12px; font-size: 0.75rem; }

.download-btn { text-align: left; }

.shop-btn { color: #fff; display: block; background-color: #5cb85c; border: 2px solid #3e8c3e; margin: 0 0 0.25em; font-size: 20px; font-size: 1.25rem; padding: 0.5em 0; }

.shop-btn:hover { background-color: #3e8c3e; }

.store-btn { font-size: 20px; font-size: 1.25rem; padding: 0.5em 0; display: inline-block !important; }

.store-btn:hover { color: #4b4b4b; }

/* Big Button  */
.button.big { display: block; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 28px; font-size: 1.75rem; line-height: 1.1; margin: 1em 0; padding: 20px; text-align: left; text-transform: uppercase; }

.button.big span { display: block; font-family: "Helvetica", sans-serif; font-size: 24px; font-size: 1.5rem; font-weight: normal; text-transform: none; }

.button.big span.note { color: #999; font-size: 12px; font-size: 0.75rem; font-style: italic; margin-top: 0.5em; }

#sidebar .button.big { margin: 0.5em 0; }

/* Facebook Button */
.facebook-button { background: #3b5998; border: none; border-radius: 6px; box-shadow: 0 0 0 0 transparent; color: #fff; display: inline-block; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; margin: 1em 0; min-height: 40px; padding: 0 1em; position: relative; -webkit-appearance: none; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.facebook-button:before { background: url("/img/icons/icons_facebook-transparent.png") no-repeat scroll center center transparent; content: ""; display: inline-block; height: 32px; vertical-align: middle; width: 32px; }

.facebook-button:hover { box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6); cursor: pointer; }

.social-networking { margin: 1em 0; width: 100%; }

.social-networking .button { background: none; padding: 0; }

.social-networking .button:hover { box-shadow: none; }

.social-networking ul { list-style: none; padding: 0; }

.social-networking li { display: inline-block; margin-right: 0.5em; position: relative; }

.social-networking .share { border-radius: 6px; position: relative; display: block; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.social-networking .share:hover { box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6); }

.social-networking .share span { color: #fff; display: inline-block; font-size: 12px; font-weight: bold; padding: 0.67em 0.75em; margin-right: -4px; }

.social-networking .share .count { border-radius: 0 6px 6px 0; color: #fff; font-weight: normal; }

.social-networking .share .action { border-radius: 6px 0 0 6px; position: relative; padding-left: 2.5em; }

.social-networking .share .action:before { background-position: right center; background-repeat: no-repeat; background-size: contain; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 2.5em; }

.social-networking .facebook .action { background: #3b5998; }

.social-networking .facebook .action:before { background-image: url("/img/icons/facebook-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-networking .facebook .action:before { background-image: url("/img/icons/facebook-48.png"); } }

.social-networking .facebook .count { background: #4765AA; }

.social-networking .twitter .action { background: #00aced; }

.social-networking .twitter .action:before { background-image: url("/img/icons/twitter-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-networking .twitter .action:before { background-image: url("/img/icons/twitter-48.png"); } }

.social-networking .twitter .count { background: #58B7F9; }

.social-networking .google-plus .action { background: #dd4b39; }

.social-networking .google-plus .action:before { background-image: url("/img/icons/googleplus-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-networking .google-plus .action:before { background-image: url("/img/icons/googleplus-48.png"); } }

.social-networking .google-plus .count { background: #E0604B; }

.social-networking .pinterest .action { background: #cb2027; }

.social-networking .pinterest .action:before { background-image: url("/img/icons/pinterest-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-networking .pinterest .action:before { background-image: url("/img/icons/pinterest-48.png"); } }

.social-networking .pinterest .count { background: #CA3C46; }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-networking .instagram .action:before { background-image: url("/img/icons/instagram-48.png"); } }

.no-js .social-networking .share .action { border-radius: 6px; }

.no-js .social-networking .share .count { display: none; }

/* ------------------------------ FORMS ----- - Placeholders - Search Inputs - General - Required Fields - Characters Remaining - Dropdown / Select - Radio Buttons & Checkboxes ------------------------------ */
/* Placeholders */
::-webkit-input-placeholder { color: #b3b4b4; font-style: italic; font-weight: normal; opacity: 1; }

:-moz-placeholder { color: #b3b4b4; font-style: italic; font-weight: normal; opacity: 1; }

/* Firefox 18- */
::-moz-placeholder { color: #b3b4b4; font-style: italic; font-weight: normal; opacity: 1; }

/* Firefox 19+ */
:-ms-input-placeholder { color: #b3b4b4; font-style: italic; font-weight: normal; opacity: 1; }

.placeholder { color: #b3b4b4; font-family: 'Helvetica', sans-serif; font-style: italic; font-weight: normal; }

/* Search Inputs */
.input-search::-webkit-input-placeholder { font-family: "Flat-UI-Icons"; font-style: normal; }

.input-search:-moz-placeholder { font-family: "Flat-UI-Icons"; font-style: normal; }

.input-search::-moz-placeholder { font-family: "Flat-UI-Icons"; font-style: normal; }

.input-search:-ms-input-placeholder { font-family: "Flat-UI-Icons"; font-style: normal; }

.input-search.placeholder { font-family: "Flat-UI-Icons"; font-style: normal; }

.input-wrap { padding-right: 2.2em; vertical-align: middle; white-space: nowrap; }

.input-wrap input[type="text"] { width: 100%; }

.input-submit { background: none; border: none; color: #787979; font-family: "Flat-UI-Icons"; font-size: 24px; font-size: 1.5rem; padding: 0 0.5em 0 0; text-align: left; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); vertical-align: middle; }

@media screen and (max-width: 640px) { .input-submit { padding-right: 0; } }

.input-submit:hover { padding: 0 .25em; }

@media screen and (max-width: 640px) { .input-submit:hover { padding: 0; } }

/* General Forms */
form small { display: block; margin-bottom: 1em; }

form .note { font-size: 12px; font-size: 0.75rem; }

form .form_class { position: relative; padding-bottom: 1em; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { form .form_class { padding-bottom: 1em; } }

form .full { width: 100%; padding: 0 2% 1em 0; box-sizing: border-box; }

@media screen and (max-width: 925px) { form .full { padding-left: 0; padding-right: 0; width: 100%; } }

form .half { box-sizing: border-box; padding: 0 2% 1em 0; width: 50%; }

@media screen and (max-width: 925px) { form .half { padding-left: 0; padding-right: 0; width: 100%; } }

form .third { box-sizing: border-box; padding: 0 2% 1em 0; width: 33.33333333%; }

@media screen and (max-width: 925px) { form .third { width: 50%; } }

@media screen and (max-width: 720px) { form .third { padding-left: 0; padding-right: 0; width: 100%; } }

form label { color: #999999; display: none; font-size: 14px; font-size: 0.875rem; font-style: italic; }

form input[type="text"], form input[type="email"], form input[type="tel"], form input[type="password"], form input[type="number"] { -webkit-appearance: none; background: #fff; border: 2px solid #dee1e3; box-shadow: none; box-sizing: border-box; color: #34495E; font-size: 14px; font-size: 0.875rem; padding: 1em; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); width: 100%; }

form input[type="text"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form input[type="password"]:focus, form input[type="number"]:focus { border-color: #737373; }

form textarea { -webkit-appearance: none; background: #fff; border: 2px solid #dee1e3; border-radius: 6px; box-shadow: none; box-sizing: border-box; color: #34495E; font-size: 14px; font-size: 0.875rem; padding: 1em; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); width: 100%; min-height: 10em; }

form textarea:focus { border-color: #737373; }

form .button[type="submit"] { font-size: 18px; font-size: 1.125rem; padding: 0.8em 2.5em; }

form.show-labels label { display: inline; }

form div.required { position: relative; }

form div.required:before { color: #080a0e; content: "*"; font-size: 20px; font-size: 1.25rem; left: -0.5em; position: absolute; top: 0; }

form .select-styled-wrap { display: block; }

input:invalid, textarea:invalid { background: #fff; }

@media screen and (max-width: 940px) { .two-thirds form { padding-top: 10px; margin-bottom: 25px; } }

@media screen and (max-width: 640px) { .two-thirds form { padding: 10px 0 20px; margin-bottom: 0; } }

/* Characters Remaining */
.chars { color: #B3B4B4; display: block; font-size: 14px; font-size: 0.875rem; text-align: right; }

.chars .charsLeft { color: #4b4b4b; font-weight: bold; }

/* Select / Dropdowns */
@media screen and (max-width: 650px) { .select-styled { display: inline !important; width: 100%; } }

.select-styled-wrap { position: relative; }

@media screen and (max-width: 650px) { .select-styled-wrap select { display: inline !important; width: 100%; } }

@media screen and (max-width: 650px) { .select-styled-wrap > span { display: none; } }

.ui-state-hover, .ui-state-hover .ui-selectmenu-icon { border-color: #737373; }

.ui-state-active { border-color: #737373; }

.ui-state-active .ui-selectmenu-icon { border-color: #737373; background: #000; color: #fff; }

.ui-state-disabled { cursor: default; }

.ui-selectmenu { box-sizing: border-box; background: #fff; border: 2px solid #DEE1E3; border-radius: 2px; display: inline-block; overflow: hidden; position: relative; text-decoration: none; vertical-align: middle; width: 100% !important; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.ui-selectmenu-icon { background: #fff; border-left: 2px solid #DEE1E3; color: #727475; font-family: "Flat-UI-Icons"; height: 100%; position: absolute; right: 0; top: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.ui-selectmenu-icon:after { content: "\e001"; display: block; padding: 1em; }

.ui-selectmenu-icon:hover { background: #000; color: #fff; }

.ui-selectmenu:hover .ui-selectmenu-icon { background: #000; color: #fff; }

.ui-selectmenu-menu { background: #e8e8e9; border-radius: 2px; display: none; margin: 0; max-width: 100%; padding: 0; position: absolute; top: 0; width: 100% !important; z-index: 1005 !important; }

@media screen and (max-width: 650px) { .ui-selectmenu-menu { display: none; } }

.ui-selectmenu-menu ul { background: #e8e8e9; border-radius: 2px; padding: 0; margin: 0; list-style: none; position: relative; overflow: auto; width: 100% !important; -ms-overflow-y: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.ui-selectmenu-menu li { padding: 0; margin: 0; display: block; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }

.ui-selectmenu-menu li a { color: #727475; line-height: 1.4em; display: block; font-size: 14px; font-size: 0.875rem; outline: none; padding: 1em; text-decoration: none; }

.ui-selectmenu-menu li a:hover { background: #727475; color: #fff; }

.ui-selectmenu-menu li span { display: block; margin-bottom: .2em; }

.ui-selectmenu-menu li.ui-state-disabled a { cursor: default; }

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a { padding-left: 20px; position: relative; margin-left: 5px; }

.ui-selectmenu-menu li .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }

.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }

.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }

.ui-selectmenu-menu-popup { margin-top: -1px; }

.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }

.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display: block; padding: .6em .5em 0; font-weight: bold; }

.ui-selectmenu-open { display: block; }

.ui-selectmenu-status { display: block; font-size: 14px; font-size: 0.875rem; outline: none; text-decoration: none; color: #727475; line-height: 1.4em; padding: 1em 4.5em 1em 1em; }

.ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }

.ui-selectmenu-status span { display: block; margin-bottom: .2em; }

.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }

@media screen and (max-width: 940px) { .select.select-styled { float: left; } }

@media screen and (max-width: 640px) { .select.select-styled { width: 100%; margin: 5px 0 0; } }

@media screen and (max-width: 450px) { .select.select-styled { float: none; } }

@media screen and (max-width: 450px) { .select.select-styled ~ .select-styled { margin: 1em 0 0; } }

/* Radio Buttons & Checkboxes */
form label.checkbox, form label.radio { color: #737373; cursor: default; display: inline-block; font-size: 12px; font-size: 0.75rem; font-style: normal; line-height: 20px; padding: 0.5em 1em 0.5em 0; position: relative; vertical-align: middle; }

.checkbox input[type="checkbox"] { position: absolute; visibility: hidden; margin-right: 0.5em; }

.checkbox input:checked + span { color: #4b4b4b; }

.checkbox input:checked + span:before { color: #080a0e; content: "\e007"; }

.checkbox input:disabled + span { color: #d7dcde; cursor: text; }

.checkbox input:disabled + span:before { content: "\e006"; color: #eee; }

.checkbox > span { color: #737373; cursor: pointer; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.checkbox > span:before { color: #d7dcde; font-family: "Flat-UI-Icons"; font-size: 20px; font-size: 1.25rem; margin-right: 0.25em; opacity: 1; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); vertical-align: middle; content: "\e006"; }

.checkbox:hover { color: #4b4b4b; }

.checkbox:hover > span { color: #4b4b4b; }

.checkbox:hover > span:before { content: "\e007"; }

.checkbox:hover input:disabled + span { color: #d7dcde; cursor: text; }

.checkbox:hover input:disabled + span:before { content: "\e006"; color: #eee; }

@media screen and (max-width: 640px) { .checkbox-wrap { width: 49%; } }

.radio input[type="radio"] { position: absolute; visibility: hidden; margin-right: 0.5em; }

.radio input:checked + span { color: #4b4b4b; }

.radio input:checked + span:before { color: #4b4b4b; content: "\e005"; }

.radio input:disabled + span { color: #d7dcde; cursor: text; }

.radio input:disabled + span:before { content: "\e004"; color: #eee; }

.radio > span { color: #737373; cursor: pointer; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.radio > span:before { color: #d7dcde; font-family: "Flat-UI-Icons"; font-size: 20px; font-size: 1.25rem; margin-right: 0.25em; opacity: 1; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); vertical-align: middle; content: "\e004"; }

.radio:hover { color: #4b4b4b; }

.radio:hover > span { color: #4b4b4b; }

.radio:hover > span:before { content: "\e005"; }

.radio:hover input:disabled + span { color: #d7dcde; cursor: text; }

.radio:hover input:disabled + span:before { content: "\e004"; color: #eee; }

@media screen and (max-width: 640px) { .radio-wrap { width: 49%; } }

/* ------------------------------ IMAGES ------------------------------ */
img { height: auto; margin-bottom: 1em; max-width: 100%; }

img.no-border { margin-bottom: 0; }

/* ------------------------------ LAYOUT ------------------------------ */
.site-wrapper { width: 100%; }

.site-centered { margin: 0 auto; max-width: 1120px; width: 100%; }

@media screen and (max-width: 1140px) { .site-centered { padding-left: 2%; padding-right: 2%; width: 96%; } }

@media screen and (max-width: 810px) { .site-centered { padding-left: 4%; padding-right: 4%; width: 92%; } }

.clearfix:after { clear: both; content: " "; display: table; }

.clearfix:before { content: " "; display: table; }

.left { float: left; }

.right { float: right; }

.full, .half, .third, .two-thirds, .quarter, .three-quarters, .fifth, .two-fifths, .three-fifths, .four-fifths, .sixth { padding: 0 1%; }

.full { width: 98%; }

.half { width: 48%; }

@media screen and (max-width: 640px) { .half { width: 98%; } }

.third { width: 31%; }

@media screen and (min-width: 640px) and (max-width: 925px) { .third { width: 47%; } }

@media screen and (max-width: 640px) { .third { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px; } }

.two-thirds { width: 64%; }

@media screen and (min-width: 640px) and (max-width: 925px) { .two-thirds { width: 47%; } }

@media screen and (max-width: 640px) { .two-thirds { width: 98%; } }

@media screen and (min-width: 640px) and (max-width: 925px) { .two-thirds.blurb { width: 46%; padding: 30px 2% 0; } }

@media screen and (max-width: 640px) { .two-thirds.blurb { width: 98.5%; min-height: 240px; margin: 0 0 0 -2%; display: none; } }

.quarter { width: 23%; }

@media screen and (max-width: 810px) { .quarter { width: 48%; } }

@media screen and (max-width: 640px) { .quarter { width: 98%; } }

@media screen and (max-width: 810px) { a.quarter { width: 23%; } }

.three-quarters { width: 73%; }

@media screen and (max-width: 810px) { .three-quarters { width: 98%; } }

.fifth { width: 18%; }

.two-fifths { width: 38%; }

.three-fifths { width: 58%; }

.four-fifths { width: 78%; }

.sixth { width: 14.5%; }

.hidden { display: none; }

/* ------------------------------ PLUGINS ----- - Featured Tabs - Flexslider - Bootstrap Modals - AJAX - Range Slider JQuery UI ------------------------------ */
/*
UI Autocomplete
------------------------------
*/
.ui-front { position: relative; }

.ui-autocomplete { background: none repeat scroll 0 0 #000; border-radius: 6px; display: none; left: 0 !important; list-style: none; margin: 0; padding: 0; position: absolute; top: 100% !important; width: 100% !important; z-index: 999; }

.ui-autocomplete:before { border-color: transparent transparent #000; border-style: solid; border-width: 0 10px 10px; content: ""; display: block; height: 0; position: absolute; left: 1em; top: -10px; width: 0; }

.ui-autocomplete li { margin-bottom: 0; }

.ui-autocomplete li:first-child a { border-radius: 6px 6px 0 0; }

.ui-autocomplete li:last-child a { border-radius: 0 0 6px 6px; }

.ui-autocomplete a { color: #fff; display: block; font-size: 0.75rem; padding: 1em; }

.ui-autocomplete a:hover { background: #333; cursor: pointer; }

.ui-helper-hidden-accessible { display: none; }

/*
Featured Tabs
------------------------------
*/
#tabs { visibility: hidden; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

#tabs.loaded { opacity: 1; visibility: visible; }

.featured-tabs { background: #fff; box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.1); padding: 30px 0 10px; }

.featured-tabs-nav { position: relative; z-index: 1; margin-top: 0; }

.featured-tabs p.large { color: #555555; font-size: 28px; font-size: 1.75rem; margin-right: 0.25em; }

.featured-tabs img { margin-bottom: 1em; }

.featured-tabs .sub-cat-link img { padding: 12px; background-color: #fff; max-width: 89%; }

.ui-tabs-nav { background-image: url("/img/arrow-active-featured.png"); background-repeat: no-repeat; background-position: center bottom; /* Default */ list-style: none; margin: 0 auto; overflow: hidden; padding: 0 0 10px; text-align: center; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.ui-tabs-nav li { display: inline-block; margin-bottom: 0; width: 22%; }

.ui-tabs-nav li.fifth { width: 17%; }

.ui-tabs-nav a { background: #E5E5E5; color: #A8A8A8; display: block; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 28px; font-size: 1.75rem; padding: 15px 1%; text-align: center; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.ui-tabs-nav a:hover { color: #a8a8a8; }

.ui-tabs-nav .ui-tabs-active a { background: #000; color: #fff; }

.ui-tabs-panel > section, .ui-tabs-panel > div { display: inline-block; margin-bottom: 1.5em; vertical-align: top; }

.alt-feature { box-sizing: border-box; }

@media screen and (min-width: 640px) and (max-width: 925px) { .alt-feature { width: 98%; } }

.alt-feature h5 { color: #a8a8a8; }

.alt-feature p { color: #cccccc; }

.alt-feature span { font-size: 24px; font-size: 1.5rem; color: #ecf0f1; margin: 20px 0 15px; display: block; }

@media screen and (min-width: 810px) and (max-width: 940px) { .alt-feature span { width: 100%; margin-bottom: 0; } }

.alt-feature .input-wrap { position: relative; }

.alt-feature input[type="text"] { background: #f9f9f9; border: 2px solid #dedede; color: #34495e; font-size: 14px; font-size: 0.875rem; padding: 8px 5px; height: 21px; width: 88%; text-indent: 6px; -webkit-appearance: none; border-radius: 6px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -webkit-backface-visibility: hidden; }

@media screen and (max-width: 1100px) { .alt-feature input[type="text"] { width: 90%; } }

@media screen and (min-width: 810px) and (max-width: 940px) { .alt-feature input[type="text"] { width: 94%; float: left; margin-top: 15px; } }

.alt-feature input[type="text"]:focus { border-color: #737373; box-shadow: none; }

.alt-feature input[type="submit"] { color: #fff; font-size: 24px; font-size: 1.5rem; text-align: right; }

@media screen and (min-width: 810px) and (max-width: 940px) { .alt-feature input[type="submit"] { bottom: 1.4em; margin: 23px 0 0 5px; } }

.alt-feature input[type="submit"]:hover { right: 10px; }

.tv-model-results { background: #000; border-radius: 6px; display: none; left: 0; list-style: none; margin: 10px 0 0; padding: 0; position: absolute; top: 100%; width: 100%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.tv-model-results:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #000; content: ""; display: block; height: 0; position: absolute; left: 10%; top: -10px; width: 0; }

.tv-model-results li { margin-bottom: 0; overflow: hidden; }

.tv-model-results li:first-child { border-radius: 6px 6px 0 0; }

.tv-model-results li:first-child:last-child { border-radius: 6px; }

.tv-model-results li:last-child { border-radius: 0 0 6px 6px; }

.tv-model-results a, .tv-model-results span { color: #fff; display: block; font-size: 12px; font-size: 0.75rem; padding: 1em; }

.tv-model-results a:hover { background: #333; }

@media screen and (min-width: 640px) and (max-width: 925px) { .alt-products { width: 98%; } }

.alt-products section { margin-bottom: 1em; overflow: hidden; }

.alt-products img { float: left; margin-right: 1em; max-width: 33%; }

.alt-products h3 { font-size: 20px; font-size: 1.25rem; margin-bottom: 0.25em; }

.alt-products p { overflow: hidden; }

/*
Flexslider
------------------------------
*/
.flexslider { position: relative; }

.flexslider ol, .flexslider ul, .flexslider-nav ol, .flexslider-nav ul { list-style: none; margin: 0; padding: 0; }

.flexslider li { margin: 0; }

.flexslider img { display: none; }

.flexslider.loaded img { display: inline; }

.flexslider a:active, .flexslider a:focus { outline: none; }

.flex-viewport { overflow: hidden; }

.flex-container a:active, .flex-container a:focus { outline: none; }

.flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.slides { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; /* Hide the slides before the JS is loaded. Avoids image jumping */ }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

.no-js .slides img { display: inline; }

/*
Bootstrap Modals
------------------------------
*/
/* Note: This are mostly the original bootstrap styles. Changing them can break the plug-in. */
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.fade.in { opacity: 1; }

.modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #fff; border: 1px solid #999; border-radius: 6px; outline: none; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); background-clip: padding-box; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); }

.modal .close { background: #000; border: 2px solid #fff; border-radius: 14px; color: #fff; display: block; font-family: "Flat-UI-Icons"; font-size: 12px; font-size: 0.75rem; font-weight: normal; height: 28px; line-height: 0; padding: 0 0 1px 1px; position: absolute; right: -14px; text-align: center; top: -14px; width: 28px; z-index: 1; }

.modal iframe, .modal object { display: block; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); }

.modal.fade { /*top: -25%;*/ -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; transition: opacity 0.3s linear, transform 0.3s ease-out; transition: opacity 0.3s linear, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.modal.fade.in { /*top: 10%;*/ -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; }

.modal-header .close { margin-top: 2px; }

.modal-header h3 { margin: 0; line-height: 30px; }

.modal-body { padding: 10px; position: relative; max-height: 400px; overflow-y: auto; }

.modal-form { margin-bottom: 0; }

.modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0 0 6px 6px; box-shadow: inset 0 1px 0 #fff; }

.modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; }

.modal-footer:after { clear: both; }

.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }

.modal-footer .btn-group .btn + .btn { margin-left: -1px; }

.modal-footer .btn-block + .btn-block { margin-left: 0; }

@media screen and (max-width: 767px) { .modal { position: fixed; top: 20px; right: 20px; left: 20px; width: auto; margin: 0; }
  .modal.fade { top: -100px; }
  .modal.fade.in { top: 20px; } }

@media screen and (max-width: 480px) { .modal { top: 10px; right: 10px; left: 10px; }
  .modal .close { padding: 10px; margin: -10px; } }

.hide { display: none; }

.show { display: block; }

.invisible { visibility: hidden; }

.affix { position: fixed; }

/*
AJAX Loading
------------------------------
*/
.ajax-overlay { background: #fff; background: rgba(255, 255, 255, 0.9); display: block; height: 100%; left: 0; position: relative; top: 0; width: 100%; z-index: 999; }

.ajax-overlay .ajax-loader { background: url("/img/loading_profile-spinner.gif") no-repeat scroll center center transparent; display: block; height: 24px; width: 100%; top: 24px; position: absolute; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

/*
Range Slider JQuery UI
------------------------------
*/
#amount { color: #737373 !important; font-weight: normal !important; padding: 0; }

.ui-slider { background: #e5e5e5; border-radius: 4px; height: 8px; position: relative; }

.ui-slider-range { background: #cecece; border-radius: 4px; display: block; height: 100%; position: absolute; top: 0; z-index: 1; }

.ui-slider-handle { background: #fff; border-radius: 11px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); height: 22px; margin-left: -0.5em; position: absolute; top: -7px; width: 22px; z-index: 2; }

.ui-slider-handle:active { background: #fff; }

/* ------------------------------ WIDGETS / AREAS ----- - Breadcrumbs - Page Feature - Offices - Quick Connect - Page Search - Ratings ------------------------------ */
/* Section Spacer */
.spacer { margin-bottom: 1.4em; }

@media screen and (max-width: 640px) { .spacer { padding: 0 0 1em; margin-bottom: 1em; } }

.spacer:after { width: 100%; border-bottom: 1px dashed #cccccc; content: ""; margin: 2em 0 0; display: inline-block; }

/* Fluid Video */
.video-container { background: url("/img/loading_profile-spinner.gif") no-repeat scroll center center transparent; height: 0; margin-bottom: 1em; padding-bottom: 56.25%; position: relative; width: 100%; }

.video-container iframe, .video-container object { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.video-container a { display: block; position: relative; }

.modal .video-container { margin-bottom: 0; }

#site-wrap .video-container img { margin: 0; max-width: 100%; padding: 0; width: 100%; }

.vimeo-video:after { bottom: 0; color: #fff; content: "\e900"; display: block; font-family: "Flat-UI-Icons"; font-size: 40px; left: 0; line-height: 1; opacity: 0.9; position: absolute; text-align: center; top: auto; left: 5%; margin: 0; bottom: 10%; width: 2.5em; padding: 0.125em; background-color: #000; height: 1.25em; border-radius: 4px; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.vimeo-video:hover:after { opacity: 1; background-color: #fff; color: #000; }

/* Featured Sections */
.featured-sections section { display: inline-block; padding-bottom: 1em; vertical-align: top; }

/* Button Group */
.button-group { margin-bottom: 1em; margin-top: 1em; }

.button-group .button { font-size: 18px; font-size: 1.125rem; margin: 0 1em 0 0; padding: 0.75em 2.5em; }

@media screen and (max-width: 530px) { .button-group .button { float: none; margin: 0 0 1em; } }

.button-group p { font-size: 18px; font-size: 1.125rem; overflow: hidden; }

/* Alerts */
.alert { background: #ECF0F1; border: 1px solid #cccccc; border-radius: 2px; margin-bottom: 1em; padding: 1em; position: relative; }

.alert p { font-size: 14px; font-size: 0.875rem; margin: 0; }

.alert.alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; }

.alert.alert-error p { color: #b94a48; }

.alert.alert-success { background-color: #dff0d8; border-color: #d6e9c6; }

.alert.alert-success p { color: #468847; }

.alert.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }

.alert.alert-warning p { color: #8a6d3b; }

.alert .close { background: #000; border: 2px solid #fff; border-radius: 14px; color: #fff; display: block; font-family: "Flat-UI-Icons"; font-size: 12px; font-size: 0.75rem; font-weight: normal; height: 28px; line-height: 0; padding: 0 0 1px 1px; position: absolute; right: -14px; text-align: center; top: -14px; width: 28px; z-index: 1; }

/*
Breadcrumbs
------------------------------
*/
#hierarchy-nav { list-style: none; margin: 0; overflow: hidden; padding: 0 1% 1em; width: 98%; }

@media screen and (max-width: 640px) { #hierarchy-nav { display: none; } }

#hierarchy-nav li { float: left; font-size: 13px; font-size: 0.813rem; list-style: none; margin-bottom: 0; }

#hierarchy-nav a { color: #737373; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

#hierarchy-nav a:hover { color: #000; }

/*
Page Feature
------------------------------
*/
.page-feature { overflow: hidden; padding-top: 2em; }

@media screen and (max-width: 640px) { .page-feature { display: none; } }

.page-feature > div { position: relative; padding: 0; }

@media screen and (max-width: 1100px) { .page-feature > div { display: block; } }

.page-feature > div > * { display: table-cell; height: 100%; padding-top: 30px; vertical-align: top; }

.page-feature > div > :before { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; }

.page-feature .blurb { background: #000; color: #fff; line-height: 46px; padding: 30px 15px; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; margin-bottom: 0; max-width: 746px; }

@media screen and (max-width: 1100px) { .page-feature .blurb { display: block; max-width: 100%; padding: 30px 4% 15px; width: 92%; } }

.page-feature .blurb:before { background: #000; right: 100%; }

.page-feature .blurb h4 { color: #fff; margin: 0 20px 0 0; font-size: 36px; font-size: 2.25rem; }

@media screen and (max-width: 640px) { .page-feature .blurb h4 { font-size: 24px; line-height: 36px; } }

.page-feature .blurb a { color: #fff; margin: 50px 0 20px; display: block; font-size: 24px; font-size: 1.5rem; background: url("/img/icons/icons_arrow-submit-white.png") no-repeat 130px center; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 1100px) { .page-feature .blurb a { margin: 30px 0 20px; } }

.page-feature .blurb a:hover { background-position: 135px center; }

.page-feature .featured-product { background: #ECF0F1; max-width: 373px; padding: 30px 2%; width: 29%; }

@media screen and (max-width: 1100px) { .page-feature .featured-product { padding: 30px 3% 30px 2%; width: 28%; } }

.page-feature .featured-product h4 { font-size: 24px; font-size: 1.5rem; }

.page-feature .featured-product:before { background: #ECF0F1; left: 100%; }

.page-feature .featured-product a { color: #737373; }

.page-feature .featured-product img { display: block; width: 100%; }

@media screen and (max-width: 1100px) { .page-feature .site-centered { padding: 0; width: 100%; } }

@media screen and (max-width: 1100px) { .page-feature .two-thirds.blurb { display: table-cell; padding: 30px 1% 0 3%; width: 55%; } }

@media screen and (min-width: 640px) and (max-width: 810px) { .page-feature .product-meta { width: auto; } }

/*
Offices
------------------------------
*/
.office .office-name { color: #4b4b4b; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 14px; font-size: 0.875rem; }

@media screen and (min-width: 640px) and (max-width: 925px) { .office .office-name { font-size: 13px; } }

.office p { font-size: 14px; font-size: 0.875rem; margin-bottom: 0.5em; }

@media screen and (min-width: 640px) and (max-width: 925px) { .office p { font-size: 12px; } }

.office .note { font-size: 12px; font-size: 0.75rem; font-style: italic; }

@media screen and (min-width: 640px) and (max-width: 925px) { .offices .office { width: 48%; } }

@media screen and (max-width: 640px) { .offices .office { width: 98%; padding: 0 1% 1em; } }

#sidebar .office { background: #ECF0F1; border-radius: 6px; padding: 20px; }

/*
Quick Contact
------------------------------
*/
.quick-contact-info { background: #ecf0f1; border-radius: 6px; padding: 20px; }

.quick-contact-info .heading { color: #4b4b4b; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 28px; font-size: 1.75rem; margin: 0; text-transform: uppercase; }

@media screen and (min-width: 640px) and (max-width: 925px) { .quick-contact-info .heading { font-size: 18px; } }

.quick-contact-info .number { color: #4b4b4b; font-size: 24px; font-size: 1.5rem; font-weight: normal; margin: 0; }

@media screen and (min-width: 640px) and (max-width: 925px) { .quick-contact-info .hours { font-size: 12px; } }

/*
Page Search
------------------------------
*/
#search-container { background: #ecf0f1; border-radius: 5px; margin-bottom: 0; padding: 10px; }

#search-form { position: relative; }

#search-input { border: 2px solid #BDC3C7; border-radius: 6px; -ms-box-sizing: border-box; box-sizing: border-box; box-shadow: none; color: #34495E; font-size: 14px; font-size: 0.875rem; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); width: 100%; }

#search-input:focus { background: #fff; border-color: #737373; }

#search-submit { color: #cccccc; font-size: 24px; font-size: 1.5rem; }

#search-submit:hover { padding: 0 0 0 0.25em; }

#searchResultsContainer h2 { border-bottom: 1px solid #cccccc; padding-bottom: 1em; }

#searchResultsContainer .search-term { font-style: italic; }

#searchResultsContainer br { display: none; }

#searchResultsProductList .search-result img { border-bottom: none; }

#searchResultsProductList .product-quick-info li { width: 31%; }

#searchResultsPageList li { padding-left: 1%; padding-right: 1%; }

.searchResultsList { list-style: none; margin: 0; padding: 0; }

.searchResultsList .search-result { border-bottom: 1px solid #cccccc; margin-bottom: 0; overflow: hidden; padding: 2em 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.searchResultsList .search-result:hover h3 { text-decoration: underline; }

.searchResultsList .search-result .image { max-width: 343px; }

.searchResultsList .search-result img { background: #fff; float: left; margin-right: 2em; padding: 1em; max-width: 156px; }

.searchResultsList .search-result a:hover img { box-shadow: none; }

.searchResultsList .product-info { overflow: hidden; padding-left: 0; }

.searchResultsList .product-info p.discontinued { color: #f00; }

.searchResultsList .product-quick-info img { margin: 0; }

.searchResultsList .product-quick-info .mount-type { font-size: 16px; font-size: 1rem; }

.searchResultsList .product-quick-info .value { font-size: 18px; font-size: 1.125rem; }

/*
Ratings
------------------------------
*/
.bar-container { display: block; position: relative; }

.bar-container .rating { box-sizing: border-box; background: #080a0e; border: 1px solid #fff; display: block; height: 100%; left: 0; position: absolute; top: 0; }

.bar-container .overlay { background-image: url("/img/bg_overlay-rating.png"); background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.bar-container .star .overlay { background-image: url("/img/bg_overlay-stars.png"); }

[href$=".PDF"]:before { display: none; }

/* SANUS Footer */
/* ------------------------------ MAIN SITE FOOTER ----- - General - Footer Navigation - Sub Links - Language Select - Logo & Copyright ------------------------------ */
body:after { content: ""; background-color: #000; height: auto; width: 100%; }

.site-footer ul { margin: 0 auto; padding: 0; }

.site-footer .site-footer-top { background: #292a2b; padding: 2em 0; }

@media screen and (max-width: 640px) { .site-footer .site-footer-top { padding: 1.5em 0 1em; } }

.site-footer .site-footer-nav a, .site-footer .site-footer-nav a:visited { color: #cccccc; display: block; font-size: 14px; font-size: 0.875rem; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.site-footer .site-footer-nav a:hover { color: #fff; }

.site-footer .site-footer-nav > ul > li { display: block; float: left; list-style: none; width: 16.6666667%; padding: 0 0.25em; box-sizing: border-box; }

@media screen and (max-width: 810px) { .site-footer .site-footer-nav > ul > li { width: 20%; margin-bottom: 30px; }
  .site-footer .site-footer-nav > ul > li > ul > li > a { display: none; } }

.site-footer .site-footer-nav > ul > li > span, .site-footer .site-footer-nav > ul > li > a, .site-footer .site-footer-nav > ul > li > a:visited { color: #fff; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 16px; font-size: 1rem; margin-bottom: .5em; }

.site-footer .site-footer-nav > ul > li > a:hover { color: #cccccc; }

@media screen and (max-width: 640px) { .site-footer .site-footer-nav ul.full { display: none; } }

.site-footer .site-footer-nav li li { line-height: 1.5; margin-bottom: 0; }

@media screen and (max-width: 1100px) { .site-footer .site-footer-nav .nav-section { box-sizing: border-box; padding-right: 1em; } }

@media screen and (min-width: 640px) and (max-width: 925px) { .site-footer .site-footer-nav .nav-section { padding-bottom: 1em; width: 25%; } }

@media screen and (max-width: 640px) { .site-footer .site-footer-nav .nav-section { padding-bottom: 1em; width: 50%; } }

@media screen and (max-width: 275px) { .site-footer .site-footer-nav .nav-section { width: 100%; } }

@media screen and (min-width: 640px) and (max-width: 925px) { .site-footer .site-footer-nav .nav-section:nth-child(4n+1) { clear: left; } }

@media screen and (max-width: 640px) { .site-footer .site-footer-nav .nav-section:nth-child(2n+1) { clear: left; } }

.site-footer .site-footer-nav .sub-links { width: 16.6666667%; box-sizing: border-box; }

@media screen and (max-width: 940px) { .site-footer .site-footer-nav .sub-links { float: none; overflow: hidden; } }

@media screen and (max-width: 810px) { .site-footer .site-footer-nav .sub-links { width: 100%; padding: 0 .5em; } }

@media screen and (max-width: 640px) { .site-footer .site-footer-nav .sub-links { margin: 0; padding: 0 0 0.25em; } }

.site-footer .site-footer-nav .sub-links a, .site-footer .site-footer-nav .sub-links a:visited { color: #b1b1b1; display: block; font-size: 12px; font-size: 0.75rem; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.site-footer .site-footer-nav .sub-links a:hover { color: #fff; }

.site-footer .site-footer-nav .sub-links li { margin: 0; width: 100%; }

@media screen and (max-width: 810px) { .site-footer .site-footer-nav .sub-links li { width: 25%; margin: 0 0 10px; } }

@media screen and (max-width: 640px) { .site-footer .site-footer-nav .sub-links li { width: 33.333333%; } }

.site-footer .site-footer-nav .sub-links li a, .site-footer .site-footer-nav .sub-links li a:visited { font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 16px; font-size: 1rem; color: #fff; }

@media screen and (max-width: 810px) { .site-footer .site-footer-nav .sub-links li a, .site-footer .site-footer-nav .sub-links li a:visited { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: .75rem; } }

.site-footer .site-footer-nav .sub-links li a:hover { color: #cccccc; }

.site-footer .site-social-bottom { background: #232323; padding: 1.5em 0; }

.site-footer .site-social-bottom .site-centered { box-sizing: border-box; padding: 0 1%; }

.site-footer .site-social-bottom p { color: #fff; display: block; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; margin: 0 0 .5em; padding-right: 2em; text-transform: uppercase; vertical-align: middle; font-size: 16px; font-size: 1rem; }

@media screen and (max-width: 640px) { .site-footer .site-social-bottom p { font-size: 13px; margin: 0 0 .75em; } }

.site-footer .site-social-bottom .social-list-nav ul { display: inline-block; height: 24px; vertical-align: middle; }

@media screen and (max-width: 500px) { .site-footer .site-social-bottom .social-list-nav ul { height: auto; } }

.site-footer .site-social-bottom .social-list-nav li { display: inline-block; margin: 0; padding-right: 0.5em; }

.site-footer .site-social-bottom .social-list-nav a { display: block; height: 24px; width: 24px; overflow: hidden; }

.site-footer .site-social-bottom .social-list-nav a:before { border-radius: 4px; }

.site-footer .site-social-bottom .social-list-nav .twitter:before { background: #fff url("/img/icons/twitter-dark.svg") center center no-repeat; background-size: 75% 65%; }

.site-footer .site-social-bottom .social-list-nav .facebook:before { background: #fff url("/img/icons/facebook-dark.svg") center center no-repeat; background-size: 40% 80%; }

.site-footer .site-social-bottom .social-list-nav .youtube:before { background: #fff url("/img/icons/youtube-dark.svg") center center no-repeat; background-size: 75% 60%; }

.site-footer .site-social-bottom .social-list-nav .pinterest:before { background: #fff url("/img/icons/pinterest-dark.svg") center center no-repeat; background-size: 65% 80%; }

.site-footer .site-social-bottom .social-list-nav a:before { border-radius: 20px; }

.site-footer .site-social-bottom .social-list-nav a:hover { opacity: .75; }

.site-footer .site-footer-bottom { background: #000; padding: 0.5em 0; }

.site-footer .site-footer-bottom p { color: #fff; font-size: 12px; font-size: 0.75rem; margin: 0; }

/* SANUS Page Content */
/* ====================================================================================================================================================
HOMEPAGE
==================================================================================================================================================== */
@-webkit-keyframes mf-cta-fm { 0% { width: 40.333333%;
    padding-top: 0; }
  33% { width: 40.333333%;
    padding-top: 0; }
  36% { padding-top: 35px;
    width: 26.333333%; }
  97% { padding-top: 35px;
    width: 26.333333%; }
  100% { width: 40.333333%;
    padding-top: 0; } }

@keyframes mf-cta-fm { 0% { width: 40.333333%;
    padding-top: 0; }
  33% { width: 40.333333%;
    padding-top: 0; }
  36% { padding-top: 35px;
    width: 26.333333%; }
  97% { padding-top: 35px;
    width: 26.333333%; }
  100% { width: 40.333333%;
    padding-top: 0; } }

@-webkit-keyframes mf-cta-tilt { 0% { padding-top: 35px;
    width: 26.333333%; }
  33% { padding-top: 35px;
    width: 26.333333%; }
  36% { width: 40.333333%;
    padding-top: 0; }
  67% { width: 40.333333%;
    padding-top: 0; }
  70% { padding-top: 35px;
    width: 26.333333%; }
  100% { padding-top: 35px;
    width: 26.333333%; } }

@keyframes mf-cta-tilt { 0% { padding-top: 35px;
    width: 26.333333%; }
  33% { padding-top: 35px;
    width: 26.333333%; }
  36% { width: 40.333333%;
    padding-top: 0; }
  67% { width: 40.333333%;
    padding-top: 0; }
  70% { padding-top: 35px;
    width: 26.333333%; }
  100% { padding-top: 35px;
    width: 26.333333%; } }

@-webkit-keyframes mf-cta-fp { 0% { padding-top: 35px;
    width: 26.333333%; }
  67% { padding-top: 35px;
    width: 26.333333%; }
  70% { width: 40.333333%;
    padding-top: 0; }
  97% { width: 40.333333%;
    padding-top: 0; }
  100% { padding-top: 35px;
    width: 26.333333%; } }

@keyframes mf-cta-fp { 0% { padding-top: 35px;
    width: 26.333333%; }
  67% { padding-top: 35px;
    width: 26.333333%; }
  70% { width: 40.333333%;
    padding-top: 0; }
  97% { width: 40.333333%;
    padding-top: 0; }
  100% { padding-top: 35px;
    width: 26.333333%; } }

@-webkit-keyframes mf-cta { 0% { background-color: #62bb46; }
  33% { background-color: #62bb46; }
  36% { background-color: #519fd7; }
  67% { background-color: #519fd7; }
  70% { background-color: #fcaf17; }
  97% { background-color: #fcaf17; }
  100% { background-color: #62bb46; } }

@keyframes mf-cta { 0% { background-color: #62bb46; }
  33% { background-color: #62bb46; }
  36% { background-color: #519fd7; }
  67% { background-color: #519fd7; }
  70% { background-color: #fcaf17; }
  97% { background-color: #fcaf17; }
  100% { background-color: #62bb46; } }

@-webkit-keyframes hf-cta { 0% { top: 0; }
  35% { top: 20px; }
  70% { top: 0; }
  100% { top: 0; } }

@keyframes hf-cta { 0% { top: 0; }
  35% { top: 20px; }
  70% { top: 0; }
  100% { top: 0; } }

#mobile-nav { display: none; }

/* Flexslider */
#homepage-slider { display: block; height: 500px; overflow: hidden; width: 100%; }

@media screen and (max-width: 940px) { #homepage-slider { height: 370px; } }

@media screen and (max-width: 810px) { #homepage-slider { height: 300px; } }

@media screen and (max-width: 640px) { #homepage-slider { display: none; } }

.home-page { position: relative; top: -100px; }

.home-page:not(*:root) { top: 0; }

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { .home-page { top: -100px !important; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .home-page { top: 0 !important; } }

.home-page .slides li { height: 500px; background-size: cover; background-image: url(/img/headers/home-1.jpg); background-position: center top; position: relative; z-index: 0; }

@media screen and (max-width: 940px) { .home-page .slides li { height: 370px; } }

@media screen and (max-width: 810px) { .home-page .slides li { height: 300px; } }

.home-page .slides li > div { float: none; }

.home-page .slides .button { box-sizing: border-box; margin-top: 1em; font-size: 22px; clear: both; position: relative; z-index: 2; border: solid 1px #fff; text-transform: uppercase; padding: .75em 1.5em; background: rgba(0, 0, 0, 0.7); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45); -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 810px) { .home-page .slides .button { font-size: 18px; } }

.home-page .slides .button:hover { background: rgba(0, 0, 0, 0.5); }

.home-page .slides .right .slider-text { float: right; text-align: right; }

.home-page .slides .right .button { float: right; }

.home-page .slides .left .slider-text, .home-page .slides .left .button { float: left; }

.home-page .slides .left .slide-gradient { background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 70%); background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, transparent 70%); }

.home-page .slide-gradient { height: 100%; width: 100%; position: absolute; z-index: 1; left: 0; top: 0; background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(left, transparent 30%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to right, transparent 30%, rgba(0, 0, 0, 0.65) 100%); }

.home-page .slider-text { display: block; width: 50%; margin-top: 180px; box-sizing: border-box; position: relative; z-index: 2; }

@media screen and (max-width: 940px) { .home-page .slider-text { margin-top: 30px; } }

@media screen and (max-width: 810px) { .home-page .slider-text { padding: 15px; width: 67%; } }

.home-page .slider-text h1 { color: #fff; font-size: 40px; margin-bottom: 0.25em; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45); }

@media screen and (max-width: 960px) { .home-page .slider-text h1 { font-size: 32px; } }

@media screen and (max-width: 810px) { .home-page .slider-text h1 { font-size: 26px; } }

.home-page .slider-text p { color: #fff; font-size: 22px; line-height: 1.5; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45); }

@media screen and (max-width: 960px) { .home-page .slider-text p { font-size: 18px; } }

@media screen and (max-width: 810px) { .home-page .slider-text p { font-size: 14px; } }

.home-page .flex-viewport { height: 470px; }

@media screen and (max-width: 940px) { .home-page .flex-viewport { height: 370px; } }

@media screen and (max-width: 810px) { .home-page .flex-viewport { height: 300px; } }

.home-page .flex-direction-nav { left: 0; position: absolute; top: 0; width: 100%; }

.home-page .flex-prev, .home-page .flex-next { background: url("/img/arrow_slider_nav.png") 0 0 no-repeat; width: 80px; height: 110px; position: absolute; text-indent: -9999px; opacity: .3; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 810px) { .home-page .flex-prev, .home-page .flex-next { display: none; } }

.home-page .flex-prev { top: 165px; left: 10px; }

@media screen and (max-width: 940px) { .home-page .flex-prev { top: 135px; } }

.home-page .flex-prev:hover { opacity: 1; left: 5px; }

.home-page .flex-next { background-position: -80px 0; top: 165px; right: 10px; }

@media screen and (max-width: 940px) { .home-page .flex-next { top: 135px; } }

.home-page .flex-next:hover { opacity: 1; right: 5px; }

.home-page .flex-control-nav { width: 100%; position: absolute; bottom: 15px; left: 0; text-align: center; z-index: 10; }

.home-page .flex-control-nav li { display: inline-block; }

.home-page .flex-control-nav li a { background-image: url("/img/icons/sprite_common.png"); background-repeat: no-repeat; background-color: transparent; background-position: 0 0; height: 15px; width: 15px; text-indent: 100%; display: block; margin: 0 6px; overflow: hidden; }

.home-page .flex-control-nav li a:hover, .home-page .flex-control-nav li a.flex-active { background-position: -20px 0; cursor: pointer; }

.home-page #tabs { background: #F9F9F9; }

@media screen and (max-width: 640px) { .home-page #tabs { display: none; } }

@media screen and (max-width: 1100px) { .home-page .page-feature .site-centered { padding: 0%; width: 100%; } }

@media screen and (max-width: 640px) { .home-page ul { padding: 0; margin: 0; } }

@media screen and (max-width: 640px) { .home-page #mobile-nav { display: block; }
  .home-page .mobile-nav li { width: 92%; margin: 0; padding: 0 4%; border-bottom: 1px dashed #e8e8e9; background: url(/img/icons/icons_arrow-submit.png) no-repeat 96% center; text-align: left; }
  .home-page .mobile-nav li:last-child { border-bottom: none; }
  .home-page .mobile-nav li.locate a { background-image: url(/img/icons/icons_home_locator.png); }
  .home-page .mobile-nav li.mf a { background-image: url(/img/icons/icons_home_mf.png); }
  .home-page .mobile-nav li.hf a { background-image: url(/img/icons/icons_home_hf.png); }
  .home-page .mobile-nav li.learn a { background-image: url(/img/icons/icons_home_learn.png); }
  .home-page .mobile-nav li.spaces a { background-image: url(/img/icons/icons_home_spaces.png); }
  .home-page .mobile-nav a { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-weight: normal; color: #4a4a4a; font-size: 24px; background: transparent url(/img/icons/icons_home_prod.png) no-repeat 0 10px; display: block; padding: 16px 0; text-indent: 2.25em; } }

@media screen and (max-width: 640px) { .home .featured, .home .bottom-content { display: none !important; } }

/*
.home-page:not(*:root) {
	top: 0;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .home-page { top: -100px !important; } }
*/
/* Tabs */
.featured-tabs [href$=".pdf"]:before, .featured-sections [href$=".pdf"]:before { display: none; }

@media screen and (max-width: 640px) { .featured-sections .download { padding: 1em 3%; width: 92.5%; margin-bottom: 15px; } }

@media screen and (max-width: 640px) { .featured-sections section { padding-bottom: 0; } }

@media screen and (max-width: 940px) { .featured-nav li { font-size: 20px; } }

@media screen and (max-width: 940px) { .featured-nav li a { font-size: 16px; } }

@media screen and (max-width: 810px) { .featured-tabs-nav li { width: 21%; } }

@media screen and (max-width: 940px) { .featured-tabs-nav li a { font-size: 22px; } }

@media screen and (max-width: 810px) { .featured-tabs-nav li a { font-size: 16px; padding-top: 10px; } }

@media screen and (max-width: 640px) { .featured-tabs-nav li a { font-size: 13px; } }

@media screen and (max-width: 640px) { .featured .third { width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px; } }

.spaces-btn { background: #6653a4; display: block; font-size: 30px; margin-top: 0; padding: 0.5em 0.25em 0.75em; }

.spaces-btn span { font-size: 16px; margin: 0; }

.home-featured { text-align: center; padding: 3em 0 2em; }

@media screen and (max-width: 640px) { .home-featured { padding: 1.5em 0 1em; } }

.home-featured h2 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 36px; }

@media screen and (max-width: 810px) { .home-featured h2 { font-size: 26px; } }

.home-featured p { color: #4b4b4b; font-size: 24px; margin: 0 0 1.25em; padding: 0 1.5em; }

@media screen and (max-width: 1024px) { .home-featured p { font-size: 20px; padding: 0; } }

.home-featured img { margin-bottom: .75em; display: block; }

.home-featured .overlay { background-color: #000; width: 100%; height: 100%; position: absolute; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.home-featured .overlay.dim { opacity: .5; }

.home-featured .overlay.show { opacity: 0; }

.home-featured a { display: block; position: relative; }

.home-featured a:hover img { box-shadow: none; }

.product-categories-section { background-color: #f5f5f5; }

.product-categories-section .product-category { width: 33.333333%; padding: 0 2.5px; box-sizing: border-box; margin-bottom: 1em; }

.product-categories-section .product-category:nth-last-child(n+4), .product-categories-section .product-category:nth-last-child(n+4) ~ * { width: 25%; }

.product-categories-section .product-category:nth-last-child(n+5), .product-categories-section .product-category:nth-last-child(n+5) ~ * { width: 20%; }

@media screen and (max-width: 640px) { .product-categories-section .product-category { width: 50% !important; margin-bottom: 2em; } }

.product-categories-section .product-category p { margin-bottom: 0; }

.favorites-section .favorite { width: 33.333333%; padding: 0 2.5px; box-sizing: border-box; }

@media screen and (max-width: 640px) { .favorites-section .favorite { width: 50%; margin-bottom: 2em; } }

@media screen and (max-width: 480px) { .favorites-section .favorite { width: 100%; } }

.favorites-section .favorite .button { background-color: #fff; border: solid 1px #4b4b4b; color: #4b4b4b; box-sizing: border-box; font-size: 22px; text-transform: uppercase; padding: .75em 1.5em; display: inline-block; margin: 0; }

@media screen and (max-width: 1024px) { .favorites-section .favorite .button { font-size: 18px; } }

@media screen and (max-width: 840px) { .favorites-section .favorite .button { font-size: 14px; } }

.mf-cta { background-image: url("/img/mountfinder/mf-background-transparent.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 3em auto; padding: 2em 0 2em 2em; min-height: 270px; box-sizing: border-box; -webkit-animation-name: mf-cta; animation-name: mf-cta; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }

@media screen and (max-width: 810px) { .mf-cta { padding: 2em; } }

.mf-cta h2 { color: #fff; font-size: 36px; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; }

.mf-cta p { color: #fff; font-size: 16px; margin-right: 1em; }

.mf-cta img { margin-bottom: 0; }

.mf-cta .half { box-sizing: border-box; width: 50%; padding: 0; }

@media screen and (max-width: 810px) { .mf-cta .half { width: 100%; text-align: center; } }

.mf-cta .half .third { padding-top: 35px; width: 26.333333%; box-sizing: border-box; }

.mf-cta .half .third.mf-image-full-motion { width: 40.333333%; padding-top: 0; -webkit-animation-name: mf-cta-fm; animation-name: mf-cta-fm; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }

.mf-cta .half .third.mf-image-tilting { -webkit-animation-name: mf-cta-tilt; animation-name: mf-cta-tilt; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }

.mf-cta .half .third.mf-image-fixed-position { -webkit-animation-name: mf-cta-fp; animation-name: mf-cta-fp; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }

@media screen and (max-width: 810px) { .mf-cta .mf-image { display: none; } }

.mf-cta .button { box-sizing: border-box; margin: .25em 0 0; font-size: 22px; clear: both; position: relative; z-index: 2; border: solid 1px #fff; text-transform: uppercase; padding: .75em 1.5em; background: rgba(0, 0, 0, 0.7); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45); -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 1024px) { .mf-cta .button { font-size: 18px; } }

.mf-cta .button:hover { background: rgba(0, 0, 0, 0.5); }

.hf-cta { background-color: #a0a0a0; -webkit-animation-name: hf-cta-bg; animation-name: hf-cta-bg; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 15s; animation-duration: 15s; }

.hf-cta img { max-width: 280px; margin: 0 auto; display: block; position: relative; -webkit-animation-name: hf-cta; animation-name: hf-cta; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 5s; animation-duration: 5s; }

@media screen and (max-width: 810px) { .hf-cta img { display: none; } }

.social-feed-section { padding-bottom: 0; }

@media screen and (max-width: 926px) { .social-feed-section { padding-bottom: 3em; } }

.social-feed-section .button { background-color: #fff; border: solid 1px #4b4b4b; color: #4b4b4b; box-sizing: border-box; font-size: 22px; text-transform: uppercase; padding: .75em 1.5em; display: inline-block; margin: 2em 0 0; }

@media screen and (max-width: 1024px) { .social-feed-section .button { font-size: 18px; } }

@media screen and (max-width: 840px) { .social-feed-section .button { font-size: 14px; } }

.social-feed-section .juicer-feed h1.referral { display: none; }

.social-feed-section .juicer-feed.slider .j-text .j-message p { font-size: 14px; color: #cccccc; }

.social-feed-section .juicer-feed.slider .j-text .j-message a { text-decoration: underline !important; color: #fff; }

.social-feed-section .juicer-feed.slider .j-text .j-message a:hover { color: #cccccc; }

.social-feed-section .juicer-feed.slider .j-meta a { color: #fff; }

.social-feed-section .juicer-feed.slider .j-meta a:hover { color: #cccccc; }

.social-feed-section .juicer-feed.slider .slick-prev, .social-feed-section .juicer-feed.slider .slick-next { height: 60px; background: #fff; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.social-feed-section .juicer-feed.slider .slick-prev:before, .social-feed-section .juicer-feed.slider .slick-next:before { font-size: 3rem; color: #555555; }

.social-feed-section .juicer-feed.slider .slick-prev:hover, .social-feed-section .juicer-feed.slider .slick-next:hover { opacity: .7; }

.social-feed-section .juicer-feed.slider .slick-prev:hover:before, .social-feed-section .juicer-feed.slider .slick-next:hover:before { color: #555; }

.social-feed-section .juicer-feed.slider .slick-prev { border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding: 5px 15px 5px 2px; }

.social-feed-section .juicer-feed.slider .slick-next { border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding: 5px 2px 5px 15px; }

/* ==================================================================================================================================================== PAGES / SECTION SPECIFIC ----- - Learn - News - Support - Contact - Store Locator - Search - Resellers - Other Static Pages - User Pages - Cart / Checkout - Terms & Conditions - 404 ==================================================================================================================================================== */
/* General */
.page-header { height: 225px; background-size: cover; background-image: url("/img/brands/sanus/headers/placeholder_interior.jpg"); margin-bottom: 30px; position: relative; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .page-header { height: 120px; } }

@media screen and (max-width: 640px) { .page-header { background: none !important; height: 70px; margin-bottom: 15px; } }

.page-header:before { height: 100%; width: 100%; position: absolute; z-index: 1; left: 0; top: 0; content: ""; z-index: 1; background: transparent -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 40%, transparent 60%) repeat scroll 0 0; background: transparent linear-gradient(to right, rgba(0, 0, 0, 0.6) 40%, transparent 60%) repeat scroll 0 0; }

@media screen and (max-width: 640px) { .page-header:before { display: none; } }

.page-header.right-gradient:before { content: ""; background: transparent -webkit-linear-gradient(right, rgba(0, 0, 0, 0.6) 40%, transparent 60%) repeat scroll 0 0; background: transparent linear-gradient(to left, rgba(0, 0, 0, 0.6) 40%, transparent 60%) repeat scroll 0 0; }

.page-header h1 { color: #fff; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45); float: left; font-size: 36px; font-size: 2.25rem; position: absolute; z-index: 2; bottom: 20px; }

@media screen and (max-width: 640px) { .page-header h1 { font-size: 32px; text-shadow: none; color: #000; bottom: 10px; } }

/* Page Headers */
.why-mount-page .page-header { background-image: url("/img/brands/sanus/headers/learn/why-mount.jpg"); }

.which-solution-page .page-header { background-image: url("/img/brands/sanus/headers/learn/which-solution.jpg"); }

.product-technologies-page .page-header { background-image: url("/img/brands/sanus/headers/learn/technologies.jpg"); }

.tv-safety-page .page-header { background-image: url("/img/brands/sanus/headers/learn/tv-safety.jpg"); }

.apps-page .page-header { background-image: url("/img/brands/sanus/headers/learn/apps.jpg"); }

.ecosystem-page .page-header { background-image: url("/img/brands/sanus/headers/learn/eco.jpg"); }

.literature-page .page-header { background-image: url("/img/brands/sanus/headers/learn/literature.jpg"); }

.genevieve-gorder-page .page-header { background-image: url("/img/brands/sanus/headers/learn/rys.jpg"); }

.accessories-page .page-header { background-image: url("/img/brands/sanus/headers/products/accessories.jpg"); }

.furniture-page .page-header { background-image: url("/img/brands/sanus/headers/products/furniture.jpg"); }

.mounts-page .page-header { background-image: url("/img/brands/sanus/headers/products/mounts.jpg"); }

.racks-page .page-header { background-image: url("/img/brands/sanus/headers/products/racks.jpg"); }

.speaker-stands-page .page-header { background-image: url("/img/brands/sanus/headers/products/speaker-stands.jpg"); }

.recycle-page .page-header { background-image: url("/img/brands/sanus/headers/learn/recycle.jpg"); }

.finder-page .page-header { background-image: url("/img/brands/sanus/headers/finder-2.jpg"); }

.where-to-buy-page .page-header { background-image: url("/img/brands/sanus/headers/learn/where-to-buy.jpg"); height: 390px; }

.cedia-2016 .page-header { background-image: url("/img/brands/sanus/headers/cedia-2016.jpg"); height: 330px; }

/* ------------------------------ LEARN ----- - Why SANUS - Why Mount - Which Solution - Product Technologies - TV Safety - EcoSystem - Apps - Reimagine Your Space - Where to Buy ------------------------------ */
.learn-page { padding-bottom: 2em; }

.learn-page h1 { font-size: 36px; font-size: 2.25rem; }

@media screen and (max-width: 810px) { .learn-page li { margin-bottom: 1em; } }

@media screen and (max-width: 640px) { .learn-page form .button { width: 100%; } }

/*
Why SANUS
------------------------------
*/
.why-sanus-page .reasons aside li { font-size: 13px; font-size: 0.813rem; }

@media screen and (max-width: 640px) { .why-sanus-page h4 { margin-top: 15px; } }

/*
Why Mount
------------------------------
*/
@media screen and (max-width: 640px) { .why-mount-page .half:last-child { margin-bottom: 1em; } }

/*
Which Solution
------------------------------
*/
.solutions section { margin-bottom: 1em; padding: 0 1%; width: 98%; }

@media screen and (max-width: 810px) { .solutions { width: 98%; } }

@media screen and (max-width: 640px) { .solutions .third { margin-bottom: 0; } }

@media screen and (min-width: 640px) and (max-width: 925px) { .solution-section .third { width: 31%; } }

@media screen and (min-width: 640px) and (max-width: 925px) { .solution-section .two-thirds { width: 63%; } }

/*
Product Technologies
------------------------------
*/
@media screen and (max-width: 640px) { .product-technologies-page section.clearfix:last-child { margin-bottom: 1em; } }

@media screen and (max-width: 640px) { .product-technologies-page .third { margin-bottom: 0; } }

/*
TV Safety
------------------------------
*/
.tv-safety-page .quarter { padding: 0 .5%; }

.download { border: 1px solid #cccccc; border-radius: 5px; padding: 1em 1.5%; width: 28.5%; margin: 0 .5%; }

.download h3 { font-size: 20px; }

.download .download-thumb { float: left; max-width: 36%; margin: 0 15px 0 0; }

.download .download-thumb img { margin: 0; }

.download .button { margin: 0; }

@media screen and (max-width: 640px) { .download .button { max-width: 30%; } }

.download .button[href$=".pdf"]:before, .download .button[href$=".PDF"]:before { background: url("/img/icons/icons_pdf.png") no-repeat scroll left center transparent; content: ""; display: inline-block; height: 1em; vertical-align: text-top; width: 1em; margin-right: 0.25em; min-width: 16px; min-height: 16px; }

.download h3 { margin: 0; }

.download p { margin: 0 0 5px; }

@media screen and (min-width: 640px) and (max-width: 925px) { .download.third { width: 45%; margin-bottom: 15px; } }

/*
EcoSystem
------------------------------
*/
.ecosystem-page .poty-award { float: left; margin-right: 1em; }

@media screen and (max-width: 810px) { .ecosystem-page .poty-award { float: none; margin-right: 0; } }

.ecosystem-page blockquote p { color: #4b4b4b; font-size: 22px; font-size: 1.375em; font-style: italic; margin: 1em auto; text-align: center; }

.ecosystem-page img { border-bottom: none; display: block; margin: 0 auto; }

.eco-whatis .quarter { text-align: center; }

@media screen and (max-width: 810px) { .eco-whatis .quarter { width: 23%; } }

@media screen and (max-width: 640px) { .eco-whatis .quarter:first-child { display: none; } }

@media screen and (max-width: 640px) { .eco-whatis .half { width: 73%; } }

/* Tooltips */
.supply-container { position: relative; }

.supply-container div { position: absolute; }

.supply-container .tooltip { bottom: 0; display: none; left: 12px; padding-bottom: 3.5em; margin-left: -70px; position: absolute; width: 140px; }

.supply-container .tooltip-button { background: #080a0e; border: 2px solid #fff; border-radius: 100%; box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); color: #fff; cursor: pointer; display: block; font-family: "Flat-UI-Icons"; font-weight: normal; font-size: 12px; font-size: 0.75rem; height: 1em; line-height: 1; padding: 0.5em; text-align: center; width: 1em; }

.supply-container .tooltip-button:hover .tooltip { display: block; opacity: 1; visibility: visible; z-index: 1; }

.supply-container .tooltip-marker { background: #C24C4E; border: 2px solid #fff; border-radius: 100%; box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); color: #fff; border-radius: 100%; display: none; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-weight: normal; font-size: 12px; font-size: 0.75rem; height: 1em; line-height: 1; padding: 0.5em; text-align: center; width: 1em; }

.supply-container .tooltip-content { background: #080a0e; border: 2px solid #080a0e; border-radius: 0.5em; box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); color: #080a0e; text-align: center; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; position: relative; }

.supply-container .tooltip-content:after { border-color: #080a0e transparent transparent; border-style: solid; border-width: 12px 10px 0; content: ""; height: 0; left: 50%; margin-left: -8px; position: absolute; top: 100%; width: 0; }

.supply-container .tooltip .button { font-size: 12px; margin: 0.5em 0; padding: 0.35em 0.5em; }

.supply-container .tooltip img { border: none; margin: 0; display: inline-block; }

.supply-container .tooltip p { color: #fff; font-size: 14px; font-size: 0.875rem; margin: 0; text-align: center; }

/* Tooltip Positioning */
.front-view .supply-container .supply-feature { top: 10%; }

.back-view .supply-container .supply-feature { bottom: 15%; }

.light-switches { right: 24%; }

.additional-pwr { right: 12%; }

.usb { left: 18%; }

.lights { left: 33.5%; }

.temp-gauge { left: 48.5%; }

.multi-fans { right: 30%; }

.multi-fans .tooltip { width: 424px; margin-left: -212px; }

.thermostat { right: 21%; }

/* Supply List */
.supply-features { margin-left: 0; padding-left: 0; list-style: none; display: none; }

.supply-features > li { counter-increment: step-counter; }

.supply-features > li:first-child { border-top: 1px solid #cccccc; }

.supply-features > li::before { content: counter(step-counter); background: #C24C4E; border: 2px solid #fff; border-radius: 100%; box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25); color: #fff; display: inline-block; border-radius: 100%; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-weight: normal; font-size: 12px; font-size: 0.75rem; height: 1em; line-height: 1; padding: 0.5em; text-align: center; width: 1em; margin-right: 0.5em; }

.supply-features li { padding: 0.25em 0; margin: 0; border-bottom: 1px solid #cccccc; min-height: 24px; }

.supply-features ul { margin: 0; }

.supply-features .button { font-size: 12px; font-size: 0.75rem; padding: 0.35em 0.5em; margin: 0; float: right; }

.ecosystem-callout { text-align: center; padding: 1em 0; margin: 2em 0; border-top: 1px dashed #cccccc; border-bottom: 1px dashed #cccccc; }

/*
Apps
------------------------------
*/
.apps-page .awards { margin-right: 1em; max-width: 250px; }

.apps-page .fifth { text-align: center; overflow: hidden; }

@media screen and (max-width: 810px) { .apps-page .fifth { width: 31%; margin-bottom: 20px; } }

@media screen and (max-width: 640px) { .apps-page .fifth { width: 48%; } }

.ipad-case .right.third { margin-bottom: 40px; }

#orderform { margin-top: 20px; }

@media screen and (min-width: 640px) and (max-width: 755px) { #orderform { width: 100%; } }

.order-form #errors { color: red; font-style: italic; }

.order-form h3 { margin-bottom: 1em; }

.order-form .quantity { clear: both; }

/*
Where to Buy
------------------------------
*/
.where-to-buy .site-header, .where-to-buy .site-footer { display: none; }

.where-to-buy #site-logo { padding: 20px; border: 1px solid #fff; left: 0; }

@media screen and (max-width: 1100px) { .where-to-buy #site-logo { left: 2%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .where-to-buy #site-logo { margin: -1px 0 0 0; padding: 20px; width: 140px; } }

@media screen and (max-width: 810px) { .where-to-buy #site-logo { margin: -1px 0 0 2%; } }

@media screen and (max-width: 640px) { .where-to-buy #site-logo { padding: 10px; width: 120px; } }

@media screen and (max-width: 1100px) { .where-to-buy .sanus-logo { width: 180px; } }

@media screen and (max-width: 640px) { .where-to-buy .sanus-logo { width: 120px; } }

.where-to-buy h1.page-caption { background: none; text-align: left; padding: 0; left: 0; bottom: 20px; position: absolute; text-transform: uppercase; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 72px; line-height: 0.9; margin: 0; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.6); }

@media screen and (max-width: 1100px) { .where-to-buy h1.page-caption { left: 2%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .where-to-buy h1.page-caption { left: 2%; } }

@media screen and (max-width: 810px) { .where-to-buy h1.page-caption { font-size: 60px; left: 4%; } }

@media screen and (max-width: 640px) { .where-to-buy h1.page-caption { background: #000; background: rgba(0, 0, 0, 0.8); font-size: 24px !important; bottom: 10px; padding: 10px; left: 4%; } }

.where-to-buy h1.page-caption span { display: block; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-size: 37px; }

@media screen and (max-width: 810px) { .where-to-buy h1.page-caption span { font-size: 32px; } }

@media screen and (max-width: 640px) { .where-to-buy h1.page-caption span { font-size: 16px; } }

@media screen and (max-width: 810px) { .where-to-buy-page .page-header { height: 320px; } }

.where-to-buy-page .page-header .site-centered { position: relative; height: 100%; }

.where-to-buy-page h2 { font-size: 32px; color: #000; margin: 10px 0 0; text-align: center; text-transform: uppercase; }

.where-to-buy-page h3 { margin: 0 0 1em; }

.where-to-buy-page p { font-size: 16px; text-align: center; margin: 0 0 40px; }

.where-to-buy-page .buffer { width: 10%; }

@media screen and (max-width: 640px) { .where-to-buy-page .fifth, .where-to-buy-page .sixth { width: 48%; } }

@media screen and (max-width: 810px) { .where-to-buy .fifth, .where-to-buy .sixth { width: 23%; } }

@media screen and (max-width: 810px) { .where-to-buy .buffer { display: none; } }

@media screen and (max-width: 640px) { .where-to-buy .page-header { background: url("/img/brands/sanus/headers/learn/where-to-buy.jpg") 0 0 no-repeat !important; background-size: cover !important; height: 155px; margin-bottom: 15px; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .where-to-buy #site-wrap > div, .where-to-buy #site-wrap > article, .where-to-buy #site-wrap > section { padding-top: 0; } }

/* ------------------------------ NEWS ------------------------------ */
/* General */
.news-page { padding-bottom: 2em; }

.news-page .searching { display: block; font-size: 24px; font-size: 1.5rem; margin: 0 0 2em; }

.news-page #sidebar { padding: 0 1% 0 2%; width: 22%; }

@media screen and (max-width: 810px) { .news-page #sidebar { width: 98%; border: none; padding-top: 0; } }

@media screen and (max-width: 640px) { .news-page #sidebar { display: none !important; } }

@media screen and (max-width: 810px) { .news-page .quarter { width: 23%; } }

@media screen and (max-width: 640px) { .news-page .button { padding: 1em 3%; width: 94%; } }

.news-article { border-bottom: 1px dashed #ccc; margin-bottom: 2em; padding-bottom: 2em; }

@media screen and (max-width: 640px) { .news-article { margin-bottom: 1.5em; padding-bottom: 1.5em; } }

.news-article img { margin: 0 1em 1em 0; max-width: 100%; }

.news-article .article-date { color: #080a0e; font-size: 12px; font-size: 0.75rem; padding-bottom: 0.25em; }

.news-article .article-excerpt { padding-bottom: 1em; }

.news-widget { font-size: 14px; font-size: 0.875rem; line-height: 1.75; padding-bottom: 2em; }

@media screen and (max-width: 640px) { .news-widget { display: none !important; } }

.news-widget ul { list-style: none; margin: 0; padding: 0; }

.news-widget p { margin: 0; }

.widget-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 0.25em; }

.social-list-nav a:before { background-size: contain; content: ""; display: inline-block; height: 24px; margin-right: 0.5em; width: 24px; vertical-align: middle; }

.social-list-nav .twitter:before { background-color: #00aced; background-image: url("/img/icons/twitter-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-list-nav .twitter:before { background-image: url("/img/icons/twitter-48.png"); } }

.social-list-nav .facebook:before { background-color: #3b5998; background-image: url("/img/icons/facebook-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-list-nav .facebook:before { background-image: url("/img/icons/facebook-48.png"); } }

.social-list-nav .youtube:before { background-color: #cd332d; background-image: url("/img/icons/youtube-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-list-nav .youtube:before { background-image: url("/img/icons/youtube-48.png"); } }

.social-list-nav .vimeo:before { background-color: #4bf; background-image: url("/img/icons/vimeo-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-list-nav .vimeo:before { background-image: url("/img/icons/vimeo-48.png"); } }

.social-list-nav .pinterest:before { background-color: #cb2027; background-image: url("/img/icons/pinterest-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-list-nav .pinterest:before { background-image: url("/img/icons/pinterest-48.png"); } }

.social-list-nav .rss:before { background-color: #ff7600; background-image: url("/img/icons/rss-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-list-nav .rss:before { background-image: url("/img/icons/rss-48.png"); } }

.social-list-nav .houzz:before { background: #8ac541 url("http://www.houzz.com/res/1842/pic/badge20_20.png?v=1842") no-repeat center center; }

.social-list-nav .instagram:before { background-color: #3F729B; background-image: url("/img/icons/instagram-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-list-nav .instagram:before { background-image: url("/img/icons/instagram-48.png"); } }

.social-list-nav .linkedin:before { background-color: #007FB1; background-image: url("/img/icons/linkedin-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-list-nav .linkedin:before { background-image: url("/img/icons/linkedin-48.png"); } }

.social-list-nav .google-plus:before { background-color: #D14836; background-image: url("/img/icons/googleplus-24.png"); }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .social-list-nav .google-plus:before { background-image: url("/img/icons/googleplus-48.png"); } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { #newsArticleListContainer h1 { font-size: 20px; font-size: 1.25rem; } }

/* Article Page */
.article-container { border-bottom: 1px dashed #ccc; padding: 1em 0 2em; }

.article-container .news-article { border-bottom: none; }

.article-container .article-title { font-size: 36px; font-size: 2.25rem; }

/* News Social Media Widgets */
.body-content .twitter-feed { padding-bottom: 2em; }

.twitter-feed iframe { width: 100% !important; }

.addthis_default_style { display: block; }

#disqus_thread { padding-top: 2em; }

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { margin-bottom: 10px; }

/* Award Specific */
.award-image { margin-right: 2em; }

/* ------------------------------ MEDIA ------------------------------ */
/* General Landing */
.media-page { padding-bottom: 2em; }

.social-list-media, .brand-assets { border-bottom: 1px dashed #cccccc; margin-bottom: 2em; padding-bottom: 2em; }

.sanus-assets { border-bottom: 1px dashed #cccccc; margin-bottom: 2em; padding-bottom: 2em; }

@media screen and (min-width: 640px) and (max-width: 810px) { .sanus-assets { padding: 0; } }

@media screen and (max-width: 640px) { .sanus-assets { padding: 0; margin: 0; border: none; } }

@media screen and (min-width: 640px) and (max-width: 810px) { .sanus-assets .quarter { width: 48%; margin-bottom: 2em; } }

@media screen and (max-width: 640px) { .sanus-assets .quarter { width: 98%; border-bottom: 1px dashed #ccc; margin-bottom: 2em; padding-bottom: 2em; } }

@media screen and (max-width: 640px) { .sanus-assets .quarter img { float: left; width: 45%; margin: 0 5% 3% 0; } }

@media screen and (max-width: 640px) { .sanus-assets .quarter p { margin: 0; } }

@media screen and (max-width: 640px) { .social-list-media { padding-bottom: 2em; } }

.social-list-media ul { max-width: 73%; }

@media screen and (max-width: 1100px) { .social-list-media ul { padding-left: 20px; } }

@media screen and (min-width: 810px) and (max-width: 925px) { .social-list-media ul { margin: .75em 0; } }

@media screen and (max-width: 640px) { .social-list-media ul { margin: .75em 0 .25em; max-width: 100%; } }

.social-list-media .social-list-header { background-color: #232323; max-width: 21%; height: 58px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding: 22px 3% 0; }

@media screen and (max-width: 940px) { .social-list-media .social-list-header { height: 54px; padding: 26px 3% 0; } }

@media screen and (min-width: 810px) and (max-width: 925px) { .social-list-media .social-list-header { height: 44px; padding: 16px 3% 0; } }

@media screen and (max-width: 810px) { .social-list-media .social-list-header { display: none; } }

.social-list-media .social-list-header .social-list-media .social-list-header { display: none; }

.social-list-media .social-list-header h3 { color: #fff; font-size: 22px; }

@media screen and (max-width: 1100px) { .social-list-media .social-list-header h3 { font-size: 20px; } }

@media screen and (min-width: 810px) and (max-width: 925px) { .social-list-media .social-list-header h3 { font-size: 18px; } }

.social-list-media .social-list-nav { border-radius: 6px; background-color: #ecf0f1; min-height: 80px; max-height: 80px; }

@media screen and (max-width: 925px) { .social-list-media .social-list-nav { min-height: 60px; max-height: 60px; } }

.social-list-media .social-list-nav li { display: inline-block; padding: 0 .5em; }

@media screen and (max-width: 1100px) { .social-list-media .social-list-nav li { display: inline-block; padding: 0 .1em; } }

@media screen and (max-width: 940px) { .social-list-media .social-list-nav li { padding: 0 0.15em 0 0; } }

.social-list-media .social-list-nav a:before { height: 48px; width: 48px; border-radius: 5px; }

@media screen and (max-width: 925px) { .social-list-media .social-list-nav a:before { height: 38px; width: 38px; } }

.social-list-media .social-list-nav .facebook:before { background-image: url("/img/icons/facebook-48.png"); }

.social-list-media .social-list-nav .twitter:before { background-image: url("/img/icons/twitter-48.png"); }

.social-list-media .social-list-nav .linkedin:before { background-image: url("/img/icons/linkedin-48.png"); }

.social-list-media .social-list-nav .instagram:before { background-image: url("/img/icons/instagram-48.png"); }

.social-list-media .social-list-nav .pinterest:before { background-image: url("/img/icons/pinterest-48.png"); }

.social-list-media .social-list-nav .google-plus:before { background-image: url("/img/icons/googleplus-48.png"); }

.social-list-media .social-list-nav .youtube:before { background-image: url("/img/icons/youtube-48.png"); }

.social-list-media .social-list-nav .vimeo:before { background-image: url("/img/icons/vimeo-48.png"); }

.social-list-media .social-list-nav .houzz:before { background-image: url("/img/icons/houzz-48.png"); }

@media screen and (max-width: 925px) { .social-list-media .social-list-nav .houzz:before { background-size: 38px 38px; } }

.social-list-media .social-list-nav .rss:before { background-image: url("/img/icons/rss-48.png"); }

.media-contact { margin-bottom: 2em; }

.media-contact .number { margin-bottom: 10px; }

.news-page .news-widget .button { margin: 0; width: 100%; padding: 0.65em 0; color: #b7bbbe; font-size: 24px; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; }

.news-page .news-widget .button.active { background-color: #000; color: #fff; }

@media screen and (max-width: 1100px) { .news-page .twitter-feed { width: 100%; } }

@media screen and (max-width: 640px) { #media-contact { display: block; } }

/* Brand Assets */
.brand-assets .half { display: inline-block; text-align: center; width: 47%; }

.brand-assets .half img { margin: 0; }

.brand-assets .half .button { margin: 1em auto; display: block; width: 40%; font-size: 18px; }

@media screen and (max-width: 640px) { .brand-assets .half .button { width: 60%; } }

.brand-assets [href$=".pdf"]:before, .brand-assets [href$=".PDF"]:before { display: none; }

/* Ad Campaigns */
.ad-campaigns h2 { border-bottom: 1px dashed #cccccc; display: block; margin: 0 0 1em; }

.ad-campaigns p { font-size: 16px; text-align: center; }

.ad-campaigns ul { padding: 0; }

.ad-campaigns li { list-style: none; display: inline-block; width: 128px; margin: 0 14px 15px; position: relative; vertical-align: top; }

.ad-campaigns img { border: solid 1px #c3c3c3; }

.ad-campaigns [href$=".pdf"]:before, .ad-campaigns [href$=".PDF"]:before { background-color: rgba(0, 0, 0, 0.7); background-position: 5px 5px; content: "PDF"; color: #fff; padding: 6px 12px 0px 25px; position: absolute; top: 136px; left: 6px; font-size: 12px; }

@media screen and (max-width: 640px) { .ad-campaigns [href$=".pdf"]:before, .ad-campaigns [href$=".PDF"]:before { top: 118px; } }

/*
Literature
*/
.literature-page { background: #f9f9f9; padding-bottom: 0; }

.literature-page h2 { border-bottom: 1px dotted #cccccc; margin-top: 2em; margin-bottom: 1em; }

@media screen and (max-width: 640px) { .literature-page h2 { margin-top: 1em; } }

@media screen and (max-width: 640px) { .literature-page .ui-tabs-nav { background-image: none; } }

@media screen and (max-width: 640px) { .literature-page .ui-tabs-nav li.fifth { width: 30%; } }

@media screen and (max-width: 640px) { .literature-page .literature-page .featured-tabs-nav li a { margin-top: 0; } }

.literature-img-container { display: inline-block; padding: 0; box-sizing: border-box; vertical-align: top; list-style: none; width: 154px; margin: 0 14px 25px; position: relative; text-align: center; }

@media screen and (max-width: 940px) { .literature-img-container { width: 25%; } }

@media screen and (max-width: 640px) { .literature-img-container { width: 39%; } }

.literature-img-container img { display: block; margin: 0 auto; border: solid 1px #c3c3c3; }

.literature-img-container a { display: block; }

.literature-img-container a:before { display: none; }

.literature-img-container span { display: block; font-size: 16px; margin-top: 0.5em; color: #737373; }

.literature-img-container span:before { background: url("/img/icons/icons_pdf.png") no-repeat scroll left center transparent; background-color: rgba(0, 0, 0, 0.7); background-position: 5px 5px; content: "PDF"; color: #fff; padding: 6px 12px 5px 25px; position: absolute; top: 136px; left: 18px; font-size: 12px; }

@media screen and (max-width: 640px) { .literature-img-container span:before { top: 118px; } }

.ui-tabs-nav a { font-size: 24px; font-size: 1.5rem; }

/* Image Library Access */
section.image-library { max-height: 540px; overflow-y: scroll; border: solid 1px #c2c2c2; padding: 1em 2%; width: 96%; margin: 0 0 1em; }

.image-library-access-page .button { width: 120px; font-size: 14px; margin-right: 10px; }

/* CEDIA 2016 */
.cedia-2016 .top-content .button { display: block; }

.cedia-2016 .top-content .two-thirds { padding-right: 1.8%; }

.cedia-2016 .featured-sections .third { display: inline-block; vertical-align: top; margin-bottom: 15px; }

.cedia-2016 .featured-sections .third img { margin-bottom: 10px; }

.cedia-2016 .featured-sections .third h2 { font-size: 21px; }

.cedia-2016 .featured-sections .third h3 { font-size: 18px; }

@media screen and (max-width: 640px) { .cedia-2016 .featured-sections .third .button { display: block; } }

/* ------------------------------ PROMO ------------------------------ */
.promo-page .header-message { font-size: 32px; text-align: center; margin: .5em 1em 1em; }

.promo-page h2 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; }

.promo-page ul ul { margin: 0; }

.promo-page .featured-tabs img { margin-bottom: 0; width: 100%; }

.promo-page .featured-section { border-bottom: dashed 1px #c3c3c3; margin-bottom: 1.5em; width: 100%; }

.promo-page .other-input { width: 25% !important; padding: .7em; margin: 1em 0 0; }

@media screen and (max-width: 640px) { .promo-page .other-input { width: 100% !important; } }

.promo-page .literature-img-container { width: 130px; margin: 0 26px 25px 0; }

.promo-page .literature-img-container span { margin-bottom: 1em; padding-bottom: .75em; border-bottom: dashed 1px #c3c3c3; min-height: 45px; font-size: 12px; }

.promo-page .literature-img-container span:before { display: none; }

.promo-page .literature-img-container input { width: 100% !important; padding: .7em; }

.promo-page .graphics-section { margin: 1em 0 2em; background-color: #f9f9f9; padding: 2em 0% 1.5em 3%; width: 97%; }

.promo-page .graphics-section img { width: auto; }

.promo-page .graphics-section .left { padding-right: 2em; }

.promo-page .graphics-section h4 { display: inline-block; font-size: 16px; font-style: italic; text-decoration: underline; }

.promo-page .graphic-header p { text-decoration: underline; color: #4b4b4b; font-size: 18px; margin-bottom: 0; }

@media screen and (max-width: 640px) { .promo-page .graphic-header p { font-size: 14px; } }

.promo-page .graphic-header p.right { margin-right: 3.5%; }

@media screen and (max-width: 480px) { .promo-page .graphic-header p.right { margin-right: 1%; } }

.promo-page .graphic-option { padding: 10px 0; border-bottom: solid 1px #e7e9ea; font-size: 14px; }

.promo-page .graphic-option a { display: inline-block; float: left; height: 42px; margin-right: 12px; }

.promo-page .graphic-option a img { max-height: 42px; vertical-align: -webkit-baseline-middle; }

.promo-page .graphic-option span { float: left; margin: 13px 0 0; }

.promo-page .graphic-option span span { font-size: 10px; font-style: italic; display: block; float: none; margin: 0; }

@media screen and (max-width: 720px) { .promo-page .graphic-option span { display: none; } }

.promo-page .graphic-option input { width: 20% !important; float: right; padding: .75em; }

.promo-page .acct-number { margin-bottom: 1em; }

.promo-page .order-submit { float: right; margin-top: 0; }

@media screen and (max-width: 480px) { .promo-page .order-submit { width: 100%; float: none; } }

.promo-page .tv-safety-section input { width: 110px !important; }

@media screen and (max-width: 640px) { .promo-page .tv-safety-section input { width: 15% !important; } }

.promo-page .tv-safety-section span { margin: 8px 0 0; }

.promo-page .tv-safety-section .graphic-header p.right { margin-right: 2%; }

.promo-order .order-review { padding: 2em 3%; width: 94%; }

.promo-order .graphic-header { margin-top: 2em; }

.promo-order .graphic-header p.right { margin-right: 0; }

.promo-order .graphic-option span.right { float: right; margin-right: 2%; }

.promo-order .graphic-option img { display: inline-block; float: left; height: 42px; margin-right: 12px; margin-bottom: 0; }

.promo-order .order-back { margin-top: 2em; font-size: 11px; font-style: italic; }

.promo-order .order-back a { text-decoration: underline; }

.promo-order .order-back a:hover { color: rgba(0, 0, 0, 0.6); }

/* ------------------------------ SUPPORT ----- - Warranty ------------------------------ */
/*
Warranty
------------------------------
*/
.warranty-page .full { margin-bottom: 40px; }

@media screen and (min-width: 640px) and (max-width: 810px) { .support-page #sidebar { width: 47%; border: none; padding-top: 0; } }

/* ------------------------------ CONTACT ------------------------------ */
@media screen and (min-width: 640px) and (max-width: 810px) { .contact-page #sidebar { width: 47%; border: none; padding-top: 0; } }

@media screen and (max-width: 640px) { .contact-page #sidebar { padding-top: 20px; margin-bottom: 0; } }

/* ------------------------------ STORE LOCATOR ----- - Form - Output - Map ------------------------------ */
.store-locator-page { padding-bottom: 2em; }

@media screen and (max-width: 1100px) { .store-locator .input-search { width: 13%; } }

@media screen and (max-width: 640px) { .store-locator .input-search { width: 96%; margin: 20px 2% 5px; } }

@media screen and (max-width: 640px) { .store-locator .input-within { width: 96%; margin: 15px 2% 0; } }

/*
Form / Search
------------------------------
*/
/* General Form */
.store-locator-form { position: relative; }

/* Search Bar, Range Selector, GPS Button */
#search-container.store-locator { border-radius: 5px 5px 0 0; margin-bottom: 0; padding: 0.5em 1%; width: 98%; }

#search-container.store-locator > div { display: inline-block; }

.store-locator .input-location { position: relative; width: 55%; }

@media screen and (max-width: 810px) { .store-locator .input-location { width: 50%; } }

@media screen and (max-width: 650px) { .store-locator .input-location { width: 84%; padding: 0; margin-right: 2%; margin-bottom: 15px; } }

.store-locator .input-location ul { background: #000; border-radius: 5px; display: none; left: 0; margin: 10px 0 0; padding: 0; position: absolute; top: 100%; width: 100%; z-index: 1000; }

.store-locator .input-location ul:before { border-color: transparent transparent #000; border-style: solid; border-width: 0 10px 10px; content: ""; display: block; height: 0; position: absolute; left: 1em; top: -10px; width: 0; }

.store-locator .input-location li { background: #000; border-radius: 5px; color: #fff; cursor: pointer; display: block; font-size: 14px; font-size: 0.875rem; margin-bottom: 0; padding: 1em; -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.store-locator .input-location li:hover { background: #333; }

.store-locator .input-within { width: 25%; }

@media screen and (max-width: 650px) { .store-locator .input-within { width: 50%; margin: 0 1%; } }

.store-locator .input-within > span { color: #979797; font-size: 11px; font-size: 0.688rem; }

.store-locator .input-within .select-styled-wrap { background: #fff; border-radius: 6px; }

.store-locator .input-search { width: 15%; }

@media screen and (max-width: 810px) { .store-locator .input-search { width: 16%; } }

@media screen and (max-width: 650px) { .store-locator .input-search { width: 45%; } }

.store-locator .input-search input { margin: 0; padding: 0.75em 0; text-align: center; width: 100%; }

@media screen and (max-width: 810px) { .store-locator .input-search input { font-size: 14px; line-height: 24px; } }

@media screen and (max-width: 650px) { .store-locator .input-search input { font-size: 18px; } }

.store-locator .gps-btn { color: #D5D7D8; font-family: "Flat-UI-Icons"; font-size: 28px; font-size: 1.75rem; margin-right: 0.25em; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); vertical-align: middle; }

.store-locator .gps-btn:hover { color: #4b4b4b; }

@media screen and (max-width: 650px) { .store-locator .search-controls { margin: 0 2%; width: 8%; } }

/* Brand Filter */
.brand-filter { border: 1px solid #ECF0F1; margin-bottom: 2em; padding: 1em; }

.brand-filter p { color: #4b4b4b; margin: 0; padding-bottom: 0.5em; }

@media screen and (max-width: 810px) { .brand-filter .radio { box-sizing: border-box; padding: 0 .5em 0 0; margin: .2em 0 .8em; width: 32%; } }

@media screen and (max-width: 640px) { .brand-filter .radio { width: 84%; } }

/* Distance */
.search-distance { font-size: 14px; font-size: 0.875rem; }

.search-distance span { color: #4b4b4b; font-weight: bold; }

/* Product Specific */
#productInfo .product-image { float: left; margin: 0 2em 2em 0; max-width: 20%; }

#productInfo .product-meta { float: left; width: 60%; }

#productInfo .input-search { float: right; text-align: right; width: 20%; }

#productInfo .input-search .button { font-size: 18px; font-size: 1.125rem; margin-bottom: 0.25em; }

#productInfo .input-search p { font-size: 14px; font-size: 0.875rem; }

/*
Output
------------------------------
*/
#notification { color: #4b4b4b; font-size: 26px; font-size: 1.625em; margin-top: 1em; }

#notification.error { color: red; }

#output { height: 500px; overflow: auto; position: relative; }

@media screen and (min-width: 800px) and (max-width: 925px) { #output { width: 31%; } }

@media screen and (max-width: 800px) { #output { height: 250px; float: none; width: 98%; } }

@media screen and (max-width: 640px) { #output { height: 100%; } }

#output.error { color: red; }

/* Results Output */
.store { display: block; padding: 1em; }

.store.stripe { background: #ecf0f1; }

.store p { margin: 0; }

.store .store-name { color: #4b4b4b; font-size: 18px; font-size: 1.125rem; font-weight: normal; margin: 0; padding-bottom: 0.25em; }

.store .store-address, .store .store-phone, .store .store-website { color: #737373; font-size: 14px; font-size: 0.875rem; line-height: 1.25; }

.store .store-location { padding-top: 0.25em; }

.store .store-distance, .store .store-directions { color: #4b4b4b; font-size: 14px; font-size: 0.875rem; line-height: 1.25; }

.store.highlighted { background: #292a2b; }

.store.highlighted h4 { color: #ECF0F1; }

.store.highlighted p { color: #cccccc; }

.store.highlighted .store-name { color: #ECF0F1; }

.store.highlighted .store-website a, .store.highlighted .store-directions a { color: #fff; }

/*
Map
------------------------------
*/
#map { height: 500px; width: 64%; }

@media screen and (max-width: 800px) { #map { float: none; width: 98%; height: auto; padding-bottom: 62.5%; margin-bottom: 1.5em; } }

@media screen and (max-width: 640px) { #map { display: none; } }

#map div div div div div { box-shadow: none !important; }

#map img { max-width: none; }

#map .gm-style-iw { box-sizing: border-box; height: auto !important; left: 0 !important; padding: 10px; top: 0 !important; width: 100% !important; }

/* Custom Map Icons */
.custom-marker { background: url("/img/icons/icons_map_dist.png") center top no-repeat; width: 90px; height: 32px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.custom-marker.active { background-image: url("/img/icons/icons_map_dist_active.png"); margin-top: -10px; }

p#distance { position: relative; text-align: center; left: 0; top: 5px; font-size: 12px; font-size: 0.75rem; color: #000; text-align: center; }

/* ------------------------------ SEARCH ------------------------------ */
.search-page { padding-bottom: 2em; }

.search-page .page-header, .search-page #search-container { margin-bottom: 0; }

.search-page #tabs { background: #f9f9f9; }

.search-page .tabCount { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 16px; color: #777; padding: 0.5em; display: inline-block; vertical-align: middle; border-radius: 1em; height: 1em; min-width: 1em; line-height: 1; background: #d9d9d9; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 640px) { .search-page .tabCount { font-size: 0.75rem; } }

.search-page .ui-tabs-active .tabCount { background: #333333; }

@media screen and (max-width: 480px) { .search-page .ui-tabs-nav { background-image: none; } }

.search-page .ui-tabs-nav li { width: auto; }

@media screen and (max-width: 480px) { .search-page .ui-tabs-nav li { margin-bottom: 0.25em; width: 100%; } }

.search-page .ui-tabs-nav a { padding: 15px 1em; }

@media screen and (max-width: 640px) { .search-page .ui-tabs-nav a { padding: 0.5em 0.75em; font-size: 1rem; } }

@media screen and (max-width: 480px) { .search-page .ui-tabs-nav a { margin: 0; padding-right: 0; padding-left: 0; width: 100%; } }

.search-bar-wrapper { padding: 1em 0; background: #f9f9f9; margin-bottom: 2em; }

@media screen and (max-width: 640px) { .search-bar-wrapper { padding: 0.5em 0; } }

.search-bar-wrapper .site-centered { box-sizing: border-box; padding-left: 1em; padding-right: 1em; }

.search-tabs-nav { margin-top: 0; position: relative; z-index: 1; }

.search-result-tabs { background: #fff; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); padding: 30px 0 10px; position: relative; }

.search-area { position: relative; }

.search-area:after, .search-area:before { content: ""; display: block; background-image: url("/img/loading_profile-spinner.gif"); background-repeat: no-repeat; position: absolute; opacity: 0; visibility: hidden; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.search-area:after { top: 0; left: 0; height: 100%; width: 100%; background-position: center 2em; background-color: white; background-color: rgba(255, 255, 255, 0.8); }

.search-area:before { bottom: 0; left: 0; height: 64px; width: 100%; background-position: top center; z-index: 1; }

.search-area.loading:after, .search-area.loading:before { opacity: 1; visibility: visible; }

#searchResultsContainer .tv-tab h2 { border-bottom: none; font-size: 28px; padding: 0; }

@media screen and (max-width: 1100px) { #search-input { width: 94%; } }

@media screen and (max-width: 640px) { #search-input { width: 100%; } }

@media screen and (max-width: 1100px) { #search-submit { padding: 0; } }

.tvs-results-list { list-style: none; padding: 0; margin-bottom: 2em; }

.tvs-results-list li { display: inline-block; vertical-align: top; width: 25%; margin-right: -0.26em; box-sizing: border-box; padding-right: 1em; padding-bottom: 1em; margin-top: 1em; border-bottom: 1px dashed #cccccc; }

@media screen and (max-width: 980px) { .tvs-results-list li { width: 33.3%; } }

@media screen and (max-width: 800px) { .tvs-results-list li { width: 50%; } }

@media screen and (max-width: 480px) { .tvs-results-list li { width: 100%; } }

.tvs-results-list a span { font-size: 12px; }

.tvs-results-list a:hover img { box-shadow: none; }

.tvs-results-list .image { float: left; margin-right: 1em; }

.tvs-results-list .product-model { margin-top: 0; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; }

.tvs-results-list .product-brand-size { margin-bottom: 0; }

.tvs-results-list .product-model, .tvs-results-list .product-brand-size { color: #777777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.tvs-top-ten li { width: 33.3%; }

@media screen and (max-width: 980px) { .tvs-top-ten li { width: 50%; } }

@media screen and (max-width: 640px) { .tvs-top-ten li { width: 100%; } }

.tvs-top-ten .image { width: 130px; }

/* ------------------------------ BRANDS ------------------------------ */
.our-brands-page .featured-sections .third { margin-bottom: 1em; }

/* ------------------------------ USER PAGES ----- - Login Page - Profile Page - Product Registration - Change Password ------------------------------ */
/* General */
.user-page { padding-bottom: 2em; }

@media screen and (max-width: 810px) { .user-page .facebook-button { font-size: 12px; margin: 1em 0 1.5em; } }

@media screen and (max-width: 810px) { .user-page .button-group { margin-bottom: 0; margin-top: 0; } }

@media screen and (max-width: 810px) { .user-page .two-thirds { width: 98%; } }

@media screen and (max-width: 640px) { .user-page #sidebar { display: none; } }

/* Completeness */
.complete-toggle { background: #cccccc; border-radius: 5px 5px 0 0; color: #333; cursor: pointer; padding: 1em; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.complete-toggle h3 { font-size: 16px; font-size: 1rem; margin: 0; }

.complete-toggle h3:after { content: "\e003"; float: right; font-family: "Flat-UI-Icons"; font-size: 16px; font-size: 1rem; line-height: 1.5; }

.complete-body { background: #ECF0F1; overflow: hidden; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.complete-bar { padding: 1em; }

.complete-bar .bar-container { background: #cccccc; border-radius: 6px; }

.complete-bar .bar-container .bar-percentage { background: #39B54A; border-radius: 6px; display: block; height: 12px; }

.complete-area { border-top: 1px solid #fff; padding: 1em; position: relative; }

.complete-area h4 { color: #666; font-size: 16px; font-size: 1rem; margin: 0; }

.complete-area .status { border: 2px solid #cccccc; border-radius: 100%; display: block; height: 1em; position: absolute; right: 1em; top: 1em; width: 1em; }

.complete-area .completed { background: #fff; border-color: #ECF0F1; }

.complete-area .completed:after { color: #39B54A; content: "\e015"; display: block; font-family: "Flat-UI-Icons"; font-size: 20px; height: 100%; left: -1px; line-height: 1; position: absolute; text-align: center; top: -1px; width: 100%; }

.profile-complete-container { margin-bottom: 2em; }

.profile-complete-container.closed .complete-toggle h3:after { content: "\e001"; }

/*
Login Page
------------------------------
*/
.profile-login .left { border-right: 1px solid #cccccc; padding: 0 5.5% 0 1%; position: relative; width: 45%; }

@media screen and (max-width: 1100px) { .profile-login .left { float: none; padding: 0 1%; width: 98%; border-bottom: 1px solid #ccc; border-right: none; margin-bottom: 1em; padding-bottom: 1em; } }

.profile-login .left:after { background: #fff; color: #cccccc; content: "or"; display: block; font-size: 48px; font-style: italic; margin-top: -0.5em; position: absolute; right: -0.5em; top: 25%; }

@media screen and (max-width: 1100px) { .profile-login .left:after { margin-right: -0.5em; margin-top: -0.75em; padding: 0 0.25em; right: 50%; top: 100%; } }

.profile-login .right { padding: 0 1% 0 4%; width: 42%; }

@media screen and (max-width: 1100px) { .profile-login .right { float: none; padding: 0 1%; width: 98%; } }

.login-page .facebook-login { text-align: center; }

.login-page .facebook-login .facebook-button { margin-top: 1em; }

.login-page .form_class div ~ div { margin-top: 1em; }

/*
Profile Page
------------------------------
*/
.profile-section.spacer { margin-bottom: 1em; padding-bottom: 1em; }

.profile-section h2:after { color: #cccccc; content: "\e003"; float: right; font-family: "Flat-UI-Icons"; font-size: 20px; font-size: 1.25rem; line-height: 2; }

.profile-section h2:hover { color: #000; cursor: pointer; }

.profile-section h2:hover:after { color: #333; }

.profile-section.closed h2 { margin: 0; }

.profile-section.closed h2:after { content: "\e001"; }

.account-change-password .button { margin-top: 1.5em; }

@media screen and (max-width: 640px) { .account-creation .button-group { margin: 15px 0 0; } }

@media screen and (max-width: 640px) { .account-creation .button-group .button { margin-bottom: 15px; } }

@media screen and (max-width: 810px) { .user-profile-page #sidebar { width: 100%; box-sizing: border-box; display: block; } }

/* Image & Checkbox / Radio */
.checkbox-wrap, .radio-wrap { display: inline-block; margin-right: -0.26em; padding-right: 1%; vertical-align: top; width: 19%; }

@media screen and (max-width: 810px) { .checkbox-wrap, .radio-wrap { width: 32%; } }

.checkbox-wrap span:before, .radio-wrap span:before { left: 0; position: absolute; top: 0.5em; }

.checkbox-wrap img, .radio-wrap img { cursor: pointer; display: block; margin: 0; }

form .checkbox-wrap label, form .radio-wrap label { padding-left: 2em; }

.big-wrap { width: 32%; }

/* Registered Products */
.registered-product { background: #fafafa; border-bottom: 1px solid #cccccc; display: block; padding: 2em; }

.registered-product.even { background: none; }

.registered-product .product-image { background: #fff; border: 2px solid #cccccc; border-radius: 6px; padding: 1em; box-sizing: border-box; }

.registered-product .product-image img { margin: 0; }

.registered-product .product-meta { margin-bottom: 2em; }

.registered-product .product-name { font-size: 16px; font-size: 1rem; }

.registered-product .product-name a { color: #000; }

.registered-product .product-subhead { font-size: 12px; font-size: 0.75rem; }

.registered-product .product-additional { border-top: 1px solid #EEE; clear: both; padding-top: 1em; }

.registered-product .product-additional .product-manual { background: #fff; border: 1px solid #cccccc; display: inline-block; margin-bottom: 0.25em; padding: 1em; }

.registered-product .product-additional .product-manual a { color: #cccccc; }

.registered-product .product-additional .button { margin-left: 2em; margin-top: 2em; }

.registered-product .product-data { margin-top: 1em; table-layout: fixed; width: 100%; }

.registered-product .product-data th { color: #000; font-weight: normal; text-align: left; text-transform: uppercase; vertical-align: top; }

.registered-product .product-data td { text-align: left; }

.registered-products-list { padding: 0; }

.registered-products-list li { margin: 0; }

/* Addresses */
.sanus_user_profile_delete_address { display: none; }

.sanus_user_profile_delete_address.visible { display: block; }

.address-group-container .addresses { list-style: none; padding: 0; text-align: left; }

.address-group-container .addresses li { border-top: 1px dashed #cccccc; display: block; padding: 1em 0; position: relative; }

.address-group-container .addresses li:first-child { border: none; }

.address-group-container .addresses address { float: left; }

.address-group-container .addresses .address-controls { float: right; }

.address-group-container .addresses p { font-style: normal; }

.address-forms, .address-delete { display: none; }

.addresses .sanus_user_choose_address .radio { display: block; padding: 0.5em 0 0.5em 2.5em; }

.addresses .sanus_user_choose_address .radio > span { float: left; }

.addresses .sanus_user_choose_address .radio > span:before { left: 0; position: absolute; top: 0.5em; }

.addresses .sanus_user_choose_address .radio p span { display: block; margin: 0; }

.addresses .sanus_user_choose_address .alert { padding: 0.25em; }

/* Misc */
.profile-loader { border: none; }

.personal-preferences input[type="text"] { padding: 0.25em; vertical-align: middle; width: auto; }

@media screen and (min-width: 810px) and (max-width: 925px) { .user-profile-page .two-thirds { width: 65%; }
  .user-profile-page .third { width: 31%; } }

/*
Product Registration
------------------------------
*/
.product-registration-page { padding-bottom: 2em; }

.product-registration-page label { display: inline; }

@media screen and (max-width: 640px) { .product-registration-page .button-group { border-top: 1px dashed #cccccc; padding-top: 1em; } }

@media screen and (max-width: 640px) { .product-registration-page .button-group p { overflow: visible; } }

@media screen and (min-width: 810px) and (max-width: 925px) { .product-registration-page .button-group .button { margin-right: 1em; padding: 0.75em 1em; width: 33%; } }

@media screen and (max-width: 640px) { .product-registration-page .button-group .button { margin-bottom: 1em; margin-right: 0; padding: 0.75em 0; width: 100%; } }

@media screen and (max-width: 810px) { .product-registration-page section.two-thirds { width: 98%; } }

@media screen and (max-width: 810px) { .product-registration-page #sidebar { width: 100%; box-sizing: border-box; } }

.registration-complete-container { margin-bottom: 2em; }

.registration-complete-container .complete-toggle:hover { background: #cccccc; cursor: default; }

.registration-complete-container .complete-toggle:hover h3 { color: #333; }

.registration-complete-container .complete-toggle h3:after { display: none; }

.registration-form .left { padding-right: 2%; padding-left: 0; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .registration-form .left { padding-right: 0; } }

.registration-form .right { padding-left: 2%; padding-right: 0; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .registration-form .right { padding-left: 0; } }

.registration-form img { border: 2px solid #cccccc; border-radius: 6px; margin: 0; padding: 1em; box-sizing: border-box; }

#product-image-area { margin-top: 1em; min-height: 20px; }

#product-image-message { font-size: 12px; font-size: 0.75rem; font-style: italic; margin-top: 1em; }

.product-registration-page .product-image { background: #fff; border: 2px solid #cccccc; border-radius: 6px; float: left; margin: 0 2em 0 0; max-width: 150px; padding: 1em; box-sizing: border-box; }

.product-registration-page .product-image img { border: medium none; margin-bottom: 0; padding: 0; }

.product-registration-page .product-meta { padding: 0; width: auto; }

.product-registration-page .button-group .button { margin-right: 2em; padding: 0.75em 1em; width: 25%; }

.product-registration-page .registration-form .product-image { max-width: 100%; }

.product-registration-page .modal-body { text-align: center; }

.product-registration-page .modal-body img { border: none; }

.product-registration-page .modal-footer { text-align: left; padding: 14px 15px 15px; }

.product-registration-page .note { color: #999999; font-size: 14px; font-size: 0.875rem; font-style: italic; margin-bottom: 30px; }

.product-registration-page .footnotes { margin: 15px 0; }

.product-registration-page .footnotes a { text-decoration: underline; }

.product-registration-page .footnotes p { font-size: 10px; }

.product-registration-page .footnotes p sup { font-size: 7px; }

.sweepstakes { padding: 30px 40px 25px 20px; background-color: #fddf5a; margin: 10px 0 25px; border-radius: 6px 6px 6px 6px; }

.sweepstakes h3 { color: #7b6400; margin-bottom: 10px; }

.sweepstakes p { color: #9d8000; }

.sweepstakes p span { font-size: 20px; color: #7b6400; }

.sweepstakes p sup { font-size: 8px; }

.lottery label.checkbox { font-style: italic; }

.lottery label.checkbox span { color: #000; font-style: normal; display: block; margin-bottom: 10px; font-size: 14px; }

/*
Change Password
------------------------------
*/
#sanus_user_change_password_form div { padding-bottom: 1em; }

/* ------------------------------ Terms & Conditions ------------------------------ */
.terms-conditions-page { padding-bottom: 2em; }

.terms-conditions-page .three-quarters { margin-bottom: 40px; }

.terms-conditions-page .third { margin-bottom: 20px; }

.terms-conditions-page h4 { font-size: 18px; }

.terms-conditions-page p strong { color: #4b4b4b; }

.privacy-policy-page { padding-bottom: 2em; }

/* ------------------------------ 404 ------------------------------ */
#site-wrap .error-page { background-image: url(../img/bg_404_color.jpg); background-position: center top; background-repeat: no-repeat; background-size: 1440px; background-size: cover; height: 100%; min-height: 435px; padding: 80px 0 0; max-width: 1440px; width: 100%; box-sizing: border-box; }

@media screen and (max-width: 1120px) { #site-wrap .error-page { padding: 70px 2% 0; min-height: 445px; } }

@media screen and (max-width: 915px) { #site-wrap .error-page { min-height: 455px; padding: 60px 2% 0; } }

#site-wrap .error-page-bg { background-color: #dedad4; }

#site-wrap .error-page .half { position: relative; }

#site-wrap .error-page .half.message { background-color: #000; background-color: rgba(0, 0, 0, 0.75); padding: 30px 2% 20px; width: 46%; margin-bottom: 30px; }

@media screen and (max-width: 915px) { #site-wrap .error-page .half.message { margin: 20px 0 0; } }

@media screen and (max-width: 768px) { #site-wrap .error-page .half.message { width: 96%; margin: 50px 0 0; } }

.error-page-bg header { background: #292a2b; display: block; margin: 0; }

.error-page-bg #site-logo { display: inline-block; left: auto; margin: 0 auto; position: relative; top: auto; }

.error-page section h1 { font-size: 34px; font-size: 2.15rem; color: #fff; }

@media screen and (max-width: 1080px) { .error-page section h1 { font-size: 24px; font-size: 1.5rem; } }

.error-page section h2, .error-page section h3 { font-size: 20px; font-size: 1.25rem; color: #fff; }

.error-page section li, .error-page section p { line-height: .85; color: #e1e1e1; }

@media screen and (max-width: 915px) { .error-page section li, .error-page section p { line-height: .95; } }

.error-page section a { color: #e1e1e1; text-decoration: underline; }

.ie9 #site-wrap .error-page, .ie8 #site-wrap .error-page { background-image: url(../img/bg_404_color_ie.jpg); }

.tv-position { -webkit-perspective: 180px; perspective: 180px; position: absolute; top: 10px; right: 9%; width: 465px; height: 268px; }

@media screen and (max-width: 1100px) { .tv-position { right: -2%; } }

@media screen and (max-width: 1080px) { .tv-position { right: 0%; top: 20px; } }

@media screen and (max-width: 915px) { .tv-position { right: 4%; top: 40px; width: 360px; } }

@media screen and (max-width: 768px) { .tv-position { display: none; } }

.ie9 .tv-position, .ie8 .tv-position { display: none; }

p#channel { position: absolute; top: 15px; right: 15px; color: #0aff00; font-size: 18px; display: none; }

.tv-static { background: url(../img/bg_tv_static.jpg) 0 0 no-repeat; background-size: 100%; width: 465px; height: 268px; padding: 5px 0 0 6px; box-shadow: 5px 0px 7px rgba(0, 0, 0, 0.5); -webkit-transform: rotateY(-8deg) rotateX(-1deg) scaleX(0.7) scaleY(0.9) translateX(-20px) skewY(9deg); transform: rotateY(-8deg) rotateX(-1deg) scaleX(0.7) scaleY(0.9) translateX(-20px) skewY(9deg); transform-origin-x: 50%; transform-origin-y: 50%; }

@media screen and (max-width: 1080px) { .tv-static { -webkit-transform: rotateY(-8deg) rotateX(-1deg) scaleX(0.6) scaleY(0.8) translateX(-20px) skewY(9deg); transform: rotateY(-8deg) rotateX(-2deg) scaleX(0.6) scaleY(0.8) translateX(-20px) skewY(9deg); } }

@media screen and (max-width: 915px) { .tv-static { -webkit-transform: rotateY(-8deg) rotateX(-1deg) scaleX(0.5) scaleY(0.7) translateX(-20px) skewY(9deg); transform: rotateY(-8deg) rotateX(-1deg) scaleX(0.5) scaleY(0.7) translateX(-20px) skewY(9deg); } }

#canvas { display: none; box-shadow: inset 0 0 100px #000; z-index: 2; content: ""; width: 461px; height: 264px; background: #fff; }

/* ====================================================================================================================================================
IE & MODERNIZR
==================================================================================================================================================== */
/* ------------------------------ IE SPECIFIC ------------------------------ */
.oldie .checkbox, .oldie .radio { cursor: pointer; padding-left: 0 !important; }

.oldie .checkbox input, .oldie .radio input { position: static !important; visibility: visible; }

.oldie .checkbox span:before, .oldie .radio span:before { display: none; }

.oldie .store-locator-form .input-submit { top: 0.25em; }

.oldie #site-wrap { min-width: 1120px !important; }

.oldie #product-wrap .bar-container { margin: 0; }

.oldie #product-wrap .product-compare { padding-top: 1em; }

/* ------------------------------ MODERNIZR ------------------------------ */
.svg .sanus-logo { background-image: url("/img/brands/sanus/logo_sanus_main.svg"); }

.svg .bar-container .overlay { background-image: url("/img/bg_overlay-rating.svg"); }

.svg .bar-container.star .overlay { background-image: url("/img/bg_overlay-stars.svg"); }

.svg .product .bar-container .overlay { background-image: url("/img/bg_overlay-stars.svg"); }

.svg .product-video-link:before { background-image: url("/img/icons/quick-info/icon_play.svg"); }

.svg .product-installation-tools .image { background-image: url("/img/icons/tools/tools_sprite.svg"); background-size: cover; }

.svg .download-btn[href$=".pdf"]:before, .svg .download-btn[href$=".PDF"]:before { background-image: url("/img/icons/quick-info/icon_pdf.svg"); }

.svg .vesa-illustration { background-image: url("/img/vesa-illustration.svg"); }

.borderradius .product-installation-tools .image-wrap { background: #000; border-radius: 100%; }

.borderradius .home-page .flex-control-nav li a { background: #fff; border-radius: 100%; height: 15px; width: 15px; text-indent: 100%; display: block; margin: 0 6px; opacity: 0.2; overflow: hidden; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.home-page .flex-control-nav li a:hover, .home-page .flex-control-nav li a.flex-active { opacity: 1; }

.no-borderradius .complete-area .status { background: url("/img/icons/icons_complete-status_incomplete.png") center center no-repeat transparent; border: none; }

.no-borderradius .complete-area .completed { background: url("/img/icons/icons_complete-status_complete.png") center center no-repeat transparent; }

.no-borderradius .flex-control-nav a { background-color: transparent; background-image: url("/img/flexslider-nav.png"); background-position: right top; }

.no-borderradius .flex-control-nav .flex-active, .no-borderradius .flex-control-nav a:hover { background-color: transparent; background-image: url("/img/flexslider-nav.png"); background-position: left top; }

.no-boxshadow .ui-slider-handle { border: 1px solid #cccccc; }

.no-boxshadow .featured-tabs-nav { background: url("/img/tabs-shadow.png") repeat-x scroll center bottom; }

.no-geolocation .store-locator .gps-btn { display: none; }

.csscolumns .vesa-patterns { padding: 0; list-style: none; -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; }

@media screen and (min-width: 700px) and (max-width: 800px) { .csscolumns .vesa-patterns { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } }

@media screen and (min-width: 540px) and (max-width: 700px) { .csscolumns .vesa-patterns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } }

@media screen and (min-width: 400px) and (max-width: 540px) { .csscolumns .vesa-patterns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } }

@media screen and (max-width: 400px) { .csscolumns .vesa-patterns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

.csscolumns .vesa-pattern { margin: 0; display: block; }

@media screen and (max-width: 400px) { .csscolumns .vesa-pattern { text-align: center; } }

.csstransitions .product-main-image { position: relative; }

.csstransitions .product-main-image img { left: 0; position: absolute; right: 0; top: 0; }

.csstransitions .product-image-flexslider .flex-direction-nav a { color: #fff; display: block; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.csstransitions .product-image-flexslider .flex-direction-nav a:hover { color: #fff; opacity: 1; }

.csstransitions .product-image-flexslider:hover .flex-direction-nav a { opacity: 0.3; }

.csstransitions .ajax-overlay, .csstransitions .tooltip, .csstransitions #autocompleteContainer, .csstransitions #compareNavBar { opacity: 0; visibility: hidden; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.csstransitions #autocompleteContainer.show { display: block; }

.csstransitions .ajax-overlay.show, .csstransitions .tooltip.show, .csstransitions #autocompleteContainer.show, .csstransitions .tv-model-results.show, .csstransitions #compareNavBar.show { opacity: 1; visibility: visible; }

@media screen and (max-width: 640px) { .csstransitions .view-filter #compare { display: none; } }

.flexbox .products-list:not(.featured-product):not(.recommended-products) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flexbox .product { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 0.25em; }

.flexbox .recommended-products .product { display: inline-block; margin-right: auto; }

@media screen and (max-width: 1100px) { .flexbox .home-page .page-feature > div { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

/* ==================================================================================================================================================== PRODUCT SPECIFIC ----- - Quick Info - Categories - Filter / Sidebar - Compare - Detail - Reviews ==================================================================================================================================================== */
/* Mount Category Specific Colors */
.product.full-motion .product-bar, .product.full-motion-mounts .product-bar, .product.full-motion-plus-mounts .product-bar, .product.full-motion-plus .product-bar { background: #62bb46; }

.product.swivel:before, .product.swivel-mounts:before { background: #5b57a6; }

.product.low-profile .product-bar, .product.fixed-position-mounts .product-bar { background: #fcaf17; }

.product.tilting .product-bar, .product.tilting-mounts .product-bar { background: #519fd7; }

.product.specialty .product-bar, .product.ceiling-mounts .product-bar, .product.crt-mounts .product-bar, .product.desk-mounts .product-bar, .product.in-wall-mounts .product-bar, .product.motorized-mounts .product-bar, .product.projector-mounts .product-bar, .product.pull-out-mounts .product-bar, .product.speaker-mounts .product-bar, .product.tablet-mounts .product-bar, .product.swivel-mounts .product-bar { background: #5b57a6; }

.product.discontinued .product-bar { background: #ECF0F1; }

@media screen and (min-width: 640px) and (max-width: 925px) { .products-page .third { min-height: 340px; } }

@media screen and (max-width: 640px) { .products-page .third { border-bottom: 1px dashed #cccccc; } }

@media screen and (max-width: 640px) { .products-page .third a { display: block; overflow: hidden; } }

@media screen and (max-width: 640px) { .products-page .third img { float: left; width: 33%; border: none; margin-right: 1em; } }

@media screen and (max-width: 640px) { .products-page .third h2 { margin-top: 5px; } }

@media screen and (max-width: 640px) { .products-page .third p { display: none; } }

/*
Product Quick Info
------------------------------
*/
body.product-details { padding-top: 0; }

@media screen and (max-width: 640px) { .product button, .product a { box-sizing: border-box; } }

@media screen and (max-width: 640px) { .product > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.product-details h2 { color: #000; font-size: 30px; }

@media screen and (max-width: 810px) { .product-details h2 { font-size: 18px; } }

.product-details h3 { border-bottom: 1px dashed #cccccc; color: #999999; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 14px; font-size: 0.875rem; padding-bottom: .4em; margin-bottom: .6em; }

.product-quick-info { display: inline-block; color: #737373; padding: 0.5em 1em .5em 0; overflow: hidden; margin: 0; width: 25%; vertical-align: top; box-sizing: border-box; }

.product-quick-info:nth-last-child(n+5), .product-quick-info:nth-last-child(n+5) ~ * { width: 20%; }

@media screen and (max-width: 1000px) { .product-quick-info:nth-last-child(n+5), .product-quick-info:nth-last-child(n+5) ~ * { width: 33.333333%; } }

@media screen and (max-width: 1100px) { .product-quick-info .value { font-size: 22px; font-size: 1.35rem; } }

@media screen and (max-width: 940px) { .product-quick-info .value { font-size: 24px; font-size: 1.5rem; } }

@media screen and (min-width: 640px) and (max-width: 810px) { .product-quick-info .value { font-size: 20px; font-size: 1.25rem; } }

@media screen and (max-width: 940px) { .product-quick-info li { width: 46%; } }

@media screen and (min-width: 925px) and (max-width: 1100px) { .product-quick-info li { width: 47%; } }

@media screen and (min-width: 640px) and (max-width: 725px) { .product-quick-info li { float: none; margin: 0 0 10px; width: 100%; } }

@media screen and (max-width: 530px) { .product-quick-info li { margin: 0 0 10px; width: 100%; } }

@media screen and (min-width: 640px) and (max-width: 810px) { .product-quick-info .mount-type { font-size: 16px; font-size: 1rem; padding: 0; text-align: center; } }

@media screen and (min-width: 640px) and (max-width: 810px) { .product-quick-info .label { font-size: 12px; font-size: 0.75rem; } }

.product-quick-infos { list-style: none; padding: 0; margin: 0; font-size: 0; }

.product-downloads-container { margin-top: 1em; }

.product-downloads { list-style: none; overflow: hidden; padding: 0; }

.product-video, .product-download { display: inline-block; border-radius: 4px; overflow: hidden; margin: 0 0 0.25em; vertical-align: top; }

.product-download-link { margin: 0; }

.product-download-name { font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 16px; font-size: 1rem; display: block; }

.product-download-filesize { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 14px; font-size: 0.875rem; display: block; }

.product-video-link { margin: 0; }

.product-video-link:before { width: 20px; height: 25px; margin-right: 0.5em; background-repeat: no-repeat; background-position: center; background-size: 100%; display: inline-block; content: ""; vertical-align: middle; background-image: url("/img/icons/quick-info/icon_play.png"); height: 20px; width: 20px; }

.quick-info-type.full-motion-plus-mounts .quick-info-value, .quick-info-type.full-motion-mounts .quick-info-value { color: #62bb46; }

.quick-info-type.tilting-mounts .quick-info-value { color: #519fd7; }

.quick-info-type.fixed-position-mounts .quick-info-value { color: #fcaf17; }

.quick-info-type.specialty .quick-info-value { color: #5b57a6; }

.quick-info-label { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 12px; font-size: 0.65rem; text-transform: uppercase; display: block; width: 100%; }

.quick-info-value { font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 15px; display: block; width: 100%; }

@media screen and (max-width: 1100px) { .quick-info-value { font-size: 13px; } }

@media screen and (max-width: 1100px) { .quick-info-value { font-size: 15px; } }

.quick-video-data, .quick-download-data { display: inline-block; vertical-align: middle; }

#searchResultsProductList .product-video-link, #searchResultsProductList .product-download-link { background: #999; }

@media screen and (min-width: 640px) and (max-width: 810px) { #searchResultsProductList .product-quick-info, #searchResultsProductList .product-video, #searchResultsProductList .product-download { width: 100%; } }

@media screen and (max-width: 530px) { #searchResultsProductList .product-quick-info { width: 100%; } }

@media screen and (max-width: 530px) { #searchResultsProductList .product-image-wrap img { margin: 0; } }

@media screen and (min-width: 640px) and (max-width: 810px) { #searchResultsProductList .button { display: block; } }

/* NECESSARY? .grid .product-quick-info li { @include respond-max(640px) { width: 100%; } } .list .product-quick-info li { @include respond-max(1100px) { margin-right: 2%; width: 48%; } @include respond-max(640px) { width: 100%; } } */
/* Product Revision Notice */
.other-recommendations > h2 { color: #4b4b4b; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-size: 20px; font-size: 1.75rem; margin-bottom: 1em; }

.other-recommendations .finder-content { padding-right: 0; width: 74%; }

.other-recommendations .sidebar { padding-left: 0; padding-right: 0; width: 24%; }

@media screen and (max-width: 925px) { .other-recommendations .sidebar { width: 100%; } }

.other-recommendations .sidebar.is-fixed { position: fixed; top: 16px; }

.other-recommendations .sidebar.is-bottom { position: absolute; bottom: 0; }

.notice { background-color: #fcf8e3; border: solid 1px #faebcc; padding: 15px 25px 15px 15px; margin: 0 0 15px; position: relative; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); max-height: 200px; overflow: hidden; }

@media screen and (min-width: 640px) and (max-width: 810px) { .notice { width: 46%; float: right; padding: 15px 2%; } }

.notice-img { border: solid 2px #edf0f1; border-radius: 3px; padding: 10px 0; background-color: #fff; max-width: 18%; margin: 0 2% 0 0; float: left; opacity: 1; }

.notice h3 { color: #8a6d3b; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.notice p { color: #8a6d3b; }

.notice a.notice-minimize:after { content: "X"; height: 10px; width: 10px; display: block; position: absolute; right: 5px; top: 4px; color: #8a6d3b; font-size: 14px; font-weight: 800; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; }

.notice.notice-hidden { max-height: 0; padding: 5px 25px 25px 15px; }

.notice.notice-hidden img { max-width: 0; border: none; opacity: 0; }

.notice.notice-hidden h3 { font-size: 18px; }

.notice.notice-hidden a.notice-minimize:after { content: "+"; font-size: 22px; right: 8px; top: 0px; }

.product { background-color: #fff; border: 1px solid #ddd; display: inline-block; position: relative; width: 200px; vertical-align: top; margin-bottom: 1.5em; box-sizing: border-box; }

@media screen and (max-width: 640px) { .product { display: block; width: 100%; } }

.product:hover { border: 1px solid #999; box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.2); }

.product.filter-hidden { display: none !important; }

.product button { display: block; text-align: left; }

.product a { display: block; text-align: left; }

.product a:hover img { box-shadow: none; }

.product .product-image { display: block; margin: 1em auto; position: relative; height: 0; padding-bottom: 60%; }

@media screen and (min-width: 810px) and (max-width: 940px) { .product .product-image { width: 80%; } }

@media screen and (max-width: 640px) { .product .product-image { max-width: 100%; box-sizing: border-box; float: left; display: block; width: 33%; margin: 0; padding: 1em; height: auto; text-align: center; } }

.product .product-image img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-height: 80%; margin: auto; max-width: 80%; width: auto; height: auto; }

@media screen and (max-width: 640px) { .product .product-image img { position: static; margin: 0 auto; } }

.product .product-compare { display: block; font-size: 12px; font-size: 0.75rem; padding: 0 1em 1em; margin-top: auto; }

.product .product-compare .compare-btn { background: transparent; border: none; border-radius: 4px; color: #4b4b4b; display: inline-block; padding: 0.25em 0.5em; vertical-align: middle; -webkit-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.product .product-compare .compare-btn:hover { background: #333; color: #fff; }

.product .product-cart { padding: 1em; clear: both; display: none; }

@media screen and (max-width: 640px) { .product .product-cart { padding-top: 0; } }

.product .product-cart .button { background: #eee; border: 1px solid #cccccc; color: #666; font-size: 12px; font-size: 0.75rem; text-align: center; margin: 0; }

.product .product-cart .button:hover { background: #333; border-color: #000; color: #fff; }

.product .product-cart .button:focus { background-color: #ddd; }

.product .product-cart .button:disabled, .product .product-cart .button:disabled:hover, .product .product-cart .button:disabled:focus { background: #FAFAFA; border-color: #EEEEEE; color: #cccccc; cursor: default; }

@media screen and (max-width: 640px) { .product .product-info { box-sizing: border-box; float: left; display: block; width: 66%; padding: 1em; } }

.product-bar { background: #080a0e; display: block; height: 4px; width: 100%; }

@media screen and (max-width: 640px) { .product-bar { position: absolute; left: 0; top: 0; } }

.product-info { display: block; padding: .5em 1em; }

.product-info .model { border-bottom: 1px solid #cccccc; color: #4b4b4b; display: block; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-size: 20px; font-size: 1.25rem; text-align: center; }

@media screen and (max-width: 640px) { .product-info .model { font-size: 16px; font-size: 1rem; text-align: left; width: 100%; } }

.product-info .price { color: #0071df; display: block; font-size: 14px; font-size: 0.875rem; text-align: center; }

@media screen and (max-width: 640px) { .product-info .price { font-size: 12px; font-size: 0.75rem; text-align: left; } }

.product-info .description { display: block; font-size: 13px; height: 3.70em; overflow: hidden; margin: 1em 0; color: #4b4b4b; text-align: center; }

@media screen and (max-width: 640px) { .product-info .description { display: none; } }

.product-table { width: 100%; }

@media screen and (max-width: 640px) { .product-table { margin-top: 1em; } }

.product-table tr { border-bottom: 1px solid #d9d9d9; }

.product-table tr:last-child { border-bottom: none; }

.product-table td { color: #b8b8b8; width: 50%; font-size: 12px; font-size: 0.75rem; text-align: right; padding: 0.25em 0; }

.product-table td:first-child { color: #8d8d8d; text-align: left; }

.product .bar-container { float: right; height: 12px; width: 72px; }

@media screen and (min-width: 640px) and (max-width: 810px) { .product .bar-container { margin: 1em 0; } }

@media screen and (max-width: 640px) { .product .bar-container { margin: 0 0 5px; } }

.product .bar-container .rating { background: #999; }

.product.discontinued .price { color: red; }

.products-list { box-sizing: border-box; display: block; margin: 0; padding: 0; }

/*
Product Categories
------------------------------
*/
.product-category-page .page-header { height: 380px; box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.1); background-position: center top; background-repeat: no-repeat; }

@media screen and (max-width: 925px) { .product-category-page .page-header { height: 310px; } }

@media screen and (max-width: 640px) { .product-category-page .page-header { height: 80px; background-color: #232323 !important; } }

.product-category-page .page-header h1 { position: relative; bottom: 0; float: none; }

@media screen and (max-width: 640px) { .product-category-page .page-header h1 { display: none; } }

.product-category-page .page-header p { font-size: 16px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45); color: #fff; margin-bottom: 1em; }

@media screen and (max-width: 640px) { .product-category-page .page-header p { display: none; } }

.product-category-page .page-header .product-category-info { position: absolute; bottom: 20px; width: 75%; padding: 0; z-index: 2; }

@media screen and (max-width: 720px) { .product-category-page .page-header .product-category-info { width: 92%; } }

.product-category-page .page-header .product-category-info p { padding-right: 40%; font-size: 20px; }

@media screen and (max-width: 1120px) { .product-category-page .page-header .product-category-info p { padding-right: 30%; } }

@media screen and (max-width: 920px) { .product-category-page .page-header .product-category-info p { padding-right: 20%; } }

@media screen and (max-width: 720px) { .product-category-page .page-header .product-category-info p { padding-right: 0%; } }

.product-category-page .page-header .button { box-sizing: border-box; margin: 0 5px 0 0; font-size: 22px; clear: both; position: relative; z-index: 2; border: solid 1px #fff; text-transform: uppercase; padding: .75em 1em .75em 2em; background: rgba(0, 0, 0, 0.7); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45); -webkit-transition-property: background; transition-property: background; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 870px) { .product-category-page .page-header .button { font-size: 18px; } }

@media screen and (max-width: 640px) { .product-category-page .page-header .button { font-size: 14px; box-sizing: border-box; width: 32.333%; margin: 0; padding: .75em .5em; } }

@media screen and (max-width: 480px) { .product-category-page .page-header .button { font-size: 12px; } }

.product-category-page .page-header .button:hover { background: rgba(0, 0, 0, 0.5); }

.product-category-page .page-header .button:before { content: url("/img/icons/icon-button_products.svg"); height: auto; width: 18px; vertical-align: middle; display: block; position: absolute; left: .75em; }

@media screen and (max-width: 640px) { .product-category-page .page-header .button:before { display: none; } }

.product-category-page .page-header .button.videos:before { content: url("/img/icons/icon-button_videos.svg"); width: 20px; }

.product-category-page .page-header .button.types:before { content: url("/img/icons/icon-button_types.svg"); }

.product-category-page .page-header .button.select { background: rgba(255, 255, 255, 0.7); color: #000; }

.product-category-page .page-header .button.select.videos:before { content: url("/img/icons/icon-button_videos_black.svg"); }

.product-category-page .page-header .button.select.types:before { content: url("/img/icons/icon-button_types_black.svg"); }

.product-category-page .page-header .button.select.products:before { content: url("/img/icons/icon-button_products_black.svg"); }

.product-category-page .teaser p { text-align: center; font-size: 29px; font-size: 1.8rem; }

@media screen and (max-width: 810px) { .product-category-page .teaser p { font-size: 24px; font-size: 1.5rem; } }

@media screen and (max-width: 640px) { .product-category-page .teaser p { font-size: 17px; font-size: 1.05rem; margin-top: 1em; } }

.product-category-page #content { position: relative; }

.product-category-page .featured-tabs { box-shadow: none; padding: 0px 0 10px; }

@media screen and (max-width: 640px) { .product-category-page .featured-tabs img { padding: 12px 3%; width: 94%; } }

@media screen and (max-width: 640px) { .product-category-page .featured-tabs p { height: auto; width: 100%; } }

@media screen and (max-width: 640px) { .product-category-page .featured-tabs .third, .product-category-page .featured-tabs .quarter { border-bottom: 1px dashed #cccccc; } }

.product-category-page .featured-tabs-nav { display: none; }

@media screen and (max-width: 640px) { .product-category-page .featured-tabs-nav li a { font-size: 18px; } }

@media screen and (max-width: 640px) { .product-category-page .featured-tabs-nav .quarter { height: 95px; width: 30%; } }

@media screen and (max-width: 640px) { .product-category-page .featured-tabs section { margin: 0 0 1em; padding-bottom: 0; } }

@media screen and (max-width: 640px) { .product-category-page .quarter img { float: left; width: 33%; margin-right: 15px; } }

@media screen and (max-width: 640px) { .product-category-page #tabs { overflow: hidden; padding-top: 20px; } }

@media screen and (max-width: 640px) { .product-category-page .sub-category-info { overflow: hidden; } }

@media screen and (max-width: 925px) { .product-category-page #sidebar { border: none; } }

@media screen and (max-width: 480px) { .product-category-page #sidebar { width: 80%; } }

@media screen and (max-width: 925px) { .product-category-page #sidebarPlaceholder { border: none; } }

@media screen and (max-width: 640px) { .product-category-page .product-image img { position: static; margin: 0 auto; } }

.product-nav { margin-bottom: 1em; }

@media screen and (max-width: 1100px) { .product-nav { font-size: 0.75rem; } }

@media screen and (max-width: 640px) { .product-nav { font-size: inherit; } }

.product-nav a { margin: 0; }

.product-nav .button:hover { box-shadow: none; }

.product-nav .limit { margin-right: 0.5em; }

@media screen and (max-width: 1100px) { .product-nav .gray-btn { font-size: 0.75rem; padding: 1em; } }

@media screen and (max-width: 1100px) { .product-nav .view-type { margin-right: 0.5em; } }

@media screen and (max-width: 1100px) { .product-nav .ui-selectmenu-status { font-size: 0.75rem; padding: 0.75em 3em 0.75em 1em; } }

@media screen and (max-width: 1100px) { .product-nav .ui-selectmenu-icon:after { padding: 1em 0.5em; } }

.product-area { width: 100%; position: relative !important; }

#products { position: relative; }

img.full-motion-plus-mounts, img.full-motion-mounts { border-bottom-color: #62bb46; }

img.tilting-mounts { border-bottom-color: #519fd7; }

img.fixed-position-mounts { border-bottom-color: #fcaf17; }

img.tablet-mounts, img.ceiling-mounts, img.crt-mounts, img.desk-mounts, img.in-wall-mounts, img.motorized-mounts, img.projector-mounts, img.pull-out-mounts, img.speaker-mounts { border-bottom-color: #5b57a6; }

#loadMore { display: block; }

#loadMore.hidden { display: none; }

/*
Product Filter / Sidebar
------------------------------
*/
@media screen and (max-width: 530px) { .limit { margin-bottom: 10px; } }

.limit .select-styled-wrap { display: inline-block !important; }

@media screen and (max-width: 1100px) { #limit-bottom-wrap { font-size: 0.75rem; } }

@media screen and (max-width: 640px) { #limit-bottom-wrap { font-size: inherit; } }

@media screen and (max-width: 1100px) { #limit-bottom-wrap .ui-selectmenu-status { font-size: 0.75rem; padding: 0.75em 3em 0.75em 1em; } }

@media screen and (max-width: 1100px) { #limit-bottom-wrap .ui-selectmenu-icon:after { padding: 1em 0.5em; } }

.view-type { margin-right: 0.5em; /* NECESSARY? .grid { border-radius: 6px 0 0 6px; } .list { border-radius: 0 6px 6px 0; } */ }

@media screen and (max-width: 810px) { .view-type { display: none; } }

.view-type .gray-btn { font-family: "Flat-UI-Icons"; font-size: 16px; font-size: 1rem; }

.view-type .selected { background: #080a0e; color: #fff; }

@media screen and (max-width: 640px) { .view-filter { float: none; } }

.view-filter .select-styled { width: auto; }

.view-filter .select-styled-wrap { float: left; }

.view-filter #rank-menu { border-radius: 6px 6px 6px 6px; height: auto !important; }

.view-filter #compare { display: none; font-size: 16px; font-size: 1rem; margin-right: 1em; }

#filter .button[type="submit"] { font-size: 14px; font-size: 0.875rem; margin: 0 26px 1em; padding: 0.95em 1em; }

.sticky .product-filter { max-height: 90vh; overflow-y: auto; overflow-x: hidden; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .sticky .product-filter { max-height: none; } }

.product-filter { border: 1px solid #ecf0f1; border-radius: 6px 6px 0 0; background: #fff; }

.product-filter > h4 { background: #ecf0f1; margin-bottom: 1em; padding: 1em; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .product-filter > h4 { color: #5E5E5E; display: block; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 1rem; margin: 0 0 1em; padding: 0.75em 1.25em; } }

.product-filter .filter { padding: 0 1.5em 1em; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .product-filter .filter { border-top: 1px dashed #ecf0f1; padding: 1em 1.5em; position: relative; } }

.product-filter .filter-count { color: #CECECE; }

.product-filter .filter #priceAmount { color: #000 !important; }

.product-filter .filter .button { font-size: 14px; display: block; }

.product-filter .radio, .product-filter .checkbox { display: block; padding: 0.5em 1em 0.5em 2em; }

.product-filter .radio > span:before, .product-filter .checkbox > span:before { left: 0; position: absolute; top: 0.4em; }

.product-filter .hidden { display: none; }

.product-filter .collapsed h5 { border-bottom: 1px dashed #cccccc; cursor: pointer; margin-bottom: 0; padding-bottom: 0.5em; padding-right: 1.25em; position: relative; }

@media screen and (max-width: 810px) { .product-filter .collapsed h5 { border-bottom: none; padding-bottom: 0; } }

.product-filter .collapsed h5:after { bottom: 0; color: #cccccc; content: "\e001"; display: block; font-family: "Flat-UI-Icons"; height: 1em; line-height: 1; margin: auto; position: absolute; right: 0; top: 0; }

@media screen and (max-width: 810px) { .product-filter .collapsed h5:after { display: none; } }

.product-filter .collapsed h5:hover:after { color: #000; }

.product-filter .open h5 { border-bottom: medium none; }

.product-filter .open h5:after { content: '\e003'; }

.filter-large-screen { border-bottom: 1px dashed #cccccc; overflow: hidden; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .filter-large-screen { display: none !important; } }

.filter-small-screen { display: none; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .filter-small-screen { display: block; } }

.filter-small-screen select { width: 100%; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .filter-page #filter { background: #343434; border: none; height: 100%; left: 100%; padding: 0; position: absolute; top: 0; width: 300px; }
  .filter-page #filter-toggle { background: none repeat scroll 0 0 #292A2B; display: block; margin-left: 10px; }
  .filter-page #filter-toggle:before { color: #666666; content: "\e008"; display: block; font-family: "Flat-UI-Icons"; height: 100%; left: 0; line-height: 32px; margin: auto; position: absolute; text-align: center; text-indent: 0; top: 0; width: 100%; }
  .filter-page .product-filter { border: none; border-radius: 0; }
  .filter-page .product-filter > h4 { background: transparent; color: #5E5E5E; display: block; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 1rem; margin: 0; padding: 0.75em 1.25em; }
  .filter-page .product-filter h5 { color: #fff; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-size: 1.5rem; }
  .filter-page .product-filter .filter { border-top: 1px dashed #5e5e5e; padding: 1em 1.5em; position: relative; margin: 0; } }

@media screen and (max-width: 480px) { .filter-page #filter { width: 80%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .filter-active #filter-toggle:before { content: "\e009"; }
  .filter-active #site-wrap > .site-header, .filter-active #site-wrap > div, .filter-active #site-wrap > article, .filter-active #site-wrap > section, .filter-active #site-wrap > footer { left: -300px; }
  .filter-active .site-header { max-height: none; } }

@media screen and (max-width: 480px) { .filter-active #site-wrap > .site-header, .filter-active #site-wrap > div, .filter-active #site-wrap > article, .filter-active #site-wrap > section, .filter-active #site-wrap > footer { left: -80%; } }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .csstransforms3d .filter-active #site-wrap > .site-header, .csstransforms3d .filter-active #site-wrap > div, .csstransforms3d .filter-active #site-wrap > article, .csstransforms3d .filter-active #site-wrap > section, .csstransforms3d .filter-active #site-wrap > footer { left: 0; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } }

@media screen and (max-width: 480px) { .csstransforms3d .filter-active #site-wrap > .site-header, .csstransforms3d .filter-active #site-wrap > div, .csstransforms3d .filter-active #site-wrap > article, .csstransforms3d .filter-active #site-wrap > section, .csstransforms3d .filter-active #site-wrap > footer { left: 0; -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0); } }

.open .filter-large-screen { height: auto; padding-bottom: 1em; }

.model-autocomplete.filter { margin: 0 1.5em 1em; padding: 0; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .model-autocomplete.filter { margin: 0; border-bottom: none; } }

.model-autocomplete.filter .twitter-typeahead { width: 100%; }

.model-autocomplete.filter input { border-radius: 6px 6px 0 0; }

.model-autocomplete > p { font-size: 12px; font-size: 0.75rem; margin-top: 1.5em; white-space: normal; }

.model-autocomplete .button { display: block; white-space: normal; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 0 0 3px 3px; width: 100%; }

#tvSizeRange .ui-slider-range { right: 0; }

#selectedTvModel { background: #ECF0F1; border: 2px solid #cccccc; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 6px; padding: 0.5em 2em 0.5em 0.5em; position: relative; white-space: normal; }

#clearInput { font-family: "Flat-UI-Icons"; font-size: 12px; display: block; margin: 0; padding: 0.5em; position: absolute; top: 0; right: 0; }

#clearInput:hover { box-shadow: none; }

#modelNumberInputContainer.model-selected #modelAutoCompleteInput { display: none; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .android .filter-small-screen select, .iOS .filter-small-screen select { height: 100%; display: block; opacity: 0; position: absolute; top: 1em; left: 0; width: 100%; }
  .android .product-filter .filter, .android .product-filter h5, .iOS .product-filter .filter, .iOS .product-filter h5 { margin-bottom: 0; } }

/*
Product Compare
------------------------------
*/
#products-wrapper { position: relative; }

#product-wrap { opacity: 0; position: relative; height: 0; overflow: hidden; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { #product-wrap { position: static; } }

#product-wrap.show { opacity: 1; height: 100%; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { #product-wrap .three-quarters { width: 100%; padding: 0; } }

#product-comparison { display: none; left: 0; top: 0; }

#product-comparison.show { display: block; }

#product-comparison header { position: relative; }

#compare { display: none; margin: 0px; vertical-align: top; opacity: 0; visibility: hidden; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

#compareImages { margin-bottom: 1em; }

@media screen and (max-width: 640px) { #compareImages { display: none; } }

#compareImagesList { display: inline-block; list-style: none; margin: 0; padding: 0; visibility: hidden; }

#compareImagesList.is-visible { visibility: visible; }

#compareImagesList li { border: 1px solid #cccccc; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset; display: inline-block; height: 3em; margin-bottom: 0; margin-right: 0.5em; width: 3em; }

@media screen and (max-width: 1100px) { #compareImagesList li { height: 2.5em; margin-right: 0.25em; width: 2.5em; } }

#compareImages .compare-image { background: #fff; cursor: pointer; display: block; float: left; font-size: 0; height: 100%; max-height: 100%; margin-right: 10px; position: relative; text-align: center; width: 100%; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

#compareImages .compare-image:after { background: #000; border: 2px solid #fff; border-radius: 14px; color: #fff; content: "\e009"; display: none; font-family: "Flat-UI-Icons"; font-size: 9px; font-weight: normal; height: 14px; line-height: 14px; padding: 0 0 1px 1px; position: absolute; right: -7px; text-align: center; top: -7px; width: 14px; z-index: 1; }

#compareImages .compare-image:hover { box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.6); }

#compareImages .compare-image:hover:after { display: block; }

#compareImages .compare-image:hover img { box-shadow: none; }

#compareImages .compare-image img { bottom: 0; left: 0; margin: auto; max-height: 80%; max-width: 80%; position: absolute; right: 0; top: 0; }

#compare.show { display: inline-block; opacity: 1; visibility: visible; }

#compareNavBar { background: #000; background: rgba(0, 0, 0, 0.8); display: none; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000; }

#compareNavBar.show { display: block; }

#compareNavBar ul { margin: 0; padding-left: 20.5%; padding-right: 1%; }

@media screen and (min-width: 925px) and (max-width: 1100px) { #compareNavBar ul { padding-left: 21.5%; padding-right: 3%; } }

#compareNavBar li { box-sizing: border-box; border-right: 1px solid #666; color: #fff; display: inline-block; margin: 0; padding: 0.5em 0; text-align: center; width: 25%; }

#compareNavBar li:first-child { border-left: 1px solid #666; }

#compareCommonData { border-bottom: 1px dashed #cccccc; border-top: 4px solid #cccccc; }

#compareFeatures { border-bottom: 1px dashed #cccccc; position: relative; }

#compareSpecification { margin-bottom: 2em; position: relative; }

.allResults:before { content: "\e000"; font-family: "Flat-UI-Icons"; margin-right: 0.5em; }

@media screen and (max-width: 640px) { .product-compare { display: none; } }

.product-compare-container header p { font-size: 36px; font-size: 2.25rem; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; position: absolute; top: 4.25em; width: 20%; }

@media screen and (min-width: 640px) and (max-width: 810px) { .product-compare-container header p { font-size: 1.25rem; top: 7.25em; } }

@media screen and (min-width: 810px) and (max-width: 940px) { .product-compare-container li.product-compare .product-image { padding: 0 5%; } }

.product-compare:before { display: none; }

.product-compare .close { background: transparent; border: none; border-radius: 0; color: #999999; display: block; font-family: "Flat-UI-Icons"; font-size: 12px; font-size: 0.75rem; font-weight: normal; height: 28px; line-height: 0; padding: 0 0 1px 1px; position: absolute; right: 0.5em; text-align: center; top: 0; width: 28px; z-index: 1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.product-compare .close:hover { color: #333; }

.product-compare .product-image { border: 1px solid #cccccc; border-radius: 6px; display: block; float: none; height: 128px; margin: 0 0.5em; position: relative; text-align: center; width: auto; padding-bottom: 0; }

@media screen and (min-width: 640px) and (max-width: 810px) { .product-compare .product-image { float: none; margin: 0 0.5em; position: relative; width: auto; } }

.product-compare .product-image img { border: medium none; bottom: 0; display: block; left: 0; margin: auto; position: absolute; right: 0; top: 0; }

@media screen and (min-width: 640px) and (max-width: 810px) { .product-compare .product-image img { width: 80%; } }

.product-compare .product-compare-info { border-left: 1px dashed #cccccc; margin-top: 0.5em; padding: 0 0.5em; }

.product-compare .product-name { font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 24px; font-size: 1.5rem; margin: 0; text-align: center; }

.product-compare .product-category { text-align: center; }

.product-compare:hover { border: none; box-shadow: none; }

.product-compare:first-child .product-compare-info { border-left: none; }

.product-compare .quick-info { border-top: 1px solid #cccccc; color: #4b4b4b; display: block; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 20px; font-size: 1.25rem; margin: 0; padding: 0.5em 0; text-align: center; }

.product-compare .label { background: #080a0e; color: #fff; display: block; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 12px; font-size: 0.75rem; padding: 0.25em; }

.product.product-compare { border: medium none; display: inline-block; float: none; margin: 0; overflow: visible; padding: 0; position: relative; width: 25%; }

.compare-product-list { margin-left: 20%; overflow: visible; padding: 2em 0; text-align: left; }

.compare-heading { cursor: pointer; padding: 0.5em 0; }

.compare-heading:after { color: #cccccc; content: "\e003"; float: right; font-family: "Flat-UI-Icons"; font-size: 20px; font-size: 1.25rem; line-height: 1.5; }

.compare-heading:hover { color: #000; }

.compare-heading:hover:after { color: #333; }

.compare-heading.closed { margin-bottom: 0; }

.compare-heading.closed:after { content: "\e001"; }

.compare-table { border-top: 1px solid #cccccc; margin-bottom: 3em; width: 100%; }

.compare-table th { background: #727475; color: #fff; font-size: 14px; font-size: 0.875rem; padding: 0.25em 0; }

.compare-table tr:nth-child(even) { background: #ECF0F1; }

.compare-table td { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; font-size: 0.875rem; padding: 0.25em; text-align: center; vertical-align: middle; width: 20%; }

.compare-table .feature-name { background: #000; background: rgba(0, 0, 0, 0.8); border-bottom-color: #333; color: #fff; padding: 0.5em 1em; text-align: left; }

.compare-table .feature-yes, .compare-table .feature-no { font-family: "Flat-UI-Icons"; font-size: 1.25rem; font-weight: normal; }

.compare-table .feature-yes { color: #060; }

.compare-table .feature-no { color: #600; }

.finder-page .compare-product-list { margin-left: 20%; overflow: visible; padding: 2em 0; text-align: left; }

.compare-spec-table .metric, .product-compare .metric, .show-metric .compare-spec-table .imperial, .show-metric .product-compare .imperial { display: none; }

.compare-spec-table .imperial, .product-compare .imperial, .show-metric .compare-spec-table .metric, .show-metric .product-compare .metric { display: block; }

/* Mobile Category Toggle */
#type-toggle { display: none; }

@media screen and (max-width: 640px) { #type-toggle { display: block; width: 90%; } }

/*
Product Detail
------------------------------
*/
.product-details-page .page-header { height: 140px; }

@media screen and (max-width: 640px) { .product-details-page .page-header { display: none; } }

.product-details-page .page-header h1 { display: none; }

.product-details-page .product-model { color: #999999; line-height: 1; margin-bottom: 0.5em; font-size: 14px; font-size: 1rem; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; }

.product-details-page .product-subhead { color: #4b4b4b; margin-bottom: 0.5em; line-height: 1.15; font-size: 28px; font-size: 1.75rem; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; }

@media screen and (max-width: 810px) { .product-details-page .product-subhead { font-size: 20px; font-size: 1.25rem; } }

.product-details-page .product-price { color: #000; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: .9rem; }

.product-details-page .product-reviews { border-top: 1px dashed #cccccc; padding-top: 0; padding-bottom: 1em; margin-top: 1em; }

@media screen and (max-width: 640px) { .product-details-page .product-reviews { margin-top: 0; } }

.product-details-page .product-downloads { margin: 0; }

.product-details-page .product-downloads li { margin: 0; }

.product-details-page .product-downloads li ~ li { margin-top: 2px; }

.product-videos-container h2, .product-installation-tools h2, .product-specifications h2, .product-reviews-container h2 { text-transform: capitalize; padding-left: 1%; margin-bottom: .5em; }

.product-info .third { box-sizing: border-box; width: 33.333333%; padding: 0 2% 0 0; }

@media screen and (min-width: 640px) and (max-width: 925px) { .product-info .third { width: 49%; } }

@media screen and (max-width: 640px) { .product-info .third { width: 100%; padding: 0; } }

.product-info .two-thirds { width: 66.666667%; padding: 0; box-sizing: border-box; }

@media screen and (max-width: 925px) { .product-info .two-thirds { width: 50%; } }

@media screen and (max-width: 640px) { .product-info .two-thirds { width: 100%; } }

@media screen and (min-width: 640px) and (max-width: 925px) { .product-info .two-thirds > div { width: 100%; } }

@media screen and (max-width: 640px) { .product-info .two-thirds > div { width: 98%; float: none; } }

.product-info .three-fifths { padding-left: 0; padding-right: 2%; box-sizing: border-box; width: 66.666667%; }

.product-info .two-fifths { width: 33.333333%; padding: 0 0 0 1%; box-sizing: border-box; }

@media screen and (max-width: 640px) { .product-container { margin-top: 1em; } }

.product-container > section > h2 { font-size: 32px; font-size: 2rem; padding-left: 1%; }

.product-tool-shortcuts { margin: 2em 0; }

.product-tool-shortcuts .product-tool { background: #f5f5f5; display: block; width: 48%; padding: 1em; box-sizing: border-box; min-height: 11em; }

.product-tool-shortcuts .product-tool-mf { float: left; }

.product-tool-shortcuts .product-tool-hf { float: right; padding: 0; }

.product-tool-shortcuts img { display: block; margin: 0; }

.product-tool-shortcuts a { display: block; padding: 1em; box-sizing: border-box; min-height: 11em; -webkit-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.product-tool-shortcuts a:hover { background: #333333; color: #fff; }

.product-tool-shortcuts a:hover h3, .product-tool-shortcuts a:hover p { color: #fff; }

.product-tool-shortcuts a:hover img { box-shadow: none; }

.product-social { margin: 1em 0; width: 100%; }

.product-social .button { background: none; padding: 0; }

.product-social .button:hover { box-shadow: none; }

.product-social ul { list-style: none; padding: 0; }

.product-social li { display: inline-block; margin-right: 0.5em; position: relative; }

.product-social .share { border-radius: 6px; position: relative; display: block; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.product-social .share:hover { box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.6); }

.product-social .share span { color: #fff; display: inline-block; font-size: 12px; font-weight: bold; padding: 0.67em 0.75em; margin-right: -4px; }

.product-social .share .count { background: #fff; border: 1px solid #cccccc; border-radius: 0 6px 6px 0; color: #737373; font-weight: normal; }

.product-social .share .action { border-style: solid; border-width: 1px; border-radius: 6px 0 0 6px; position: relative; padding-left: 2.5em; }

.product-social .share .action:before { background-position: right center; background-repeat: no-repeat; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 2.5em; }

.product-social .facebook .action { background: #3b5998; border-color: #3b5998; }

.product-social .facebook .action:before { background-image: url("/img/icons/facebook-24.png"); }

.product-social .twitter .action { background: #00aced; border-color: #00aced; }

.product-social .twitter .action:before { background-image: url("/img/icons/twitter-24.png"); }

.product-social .google-plus .action { background: #dd4b39; border-color: #dd4b39; }

.product-social .google-plus .action:before { background-image: url("/img/icons/googleplus-24.png"); }

.product-social .pinterest .action { background: #cb2027; border-color: #cb2027; }

.product-social .pinterest .action:before { background-image: url("/img/icons/pinterest-24.png"); }

@media screen and (max-width: 925px) { .product-description { display: none; } }

.BVRRRootElement a img { box-shadow: none !important; }

.BVRRRatingSummaryLinks a { font-size: .75rem; }

/* Product Images */
.product-image-flexslider img, .product-image-thumbnails img { display: none; }

.product-image-flexslider.loaded img, .product-image-thumbnails.loaded img { display: block; }

.product-image-container { box-sizing: border-box; background: url("/img/loading_profile-spinner.gif") no-repeat scroll center center transparent; border: 2px solid transparent; border-radius: 6px; height: 32px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.product-image-container.loaded { display: inherit; visibility: inherit; border: 2px solid #ECF0F1; height: auto; }

.product-image-container.loaded .product-image-flexslider, .product-image-container.loaded .product-image-thumbnails { display: inherit; }

.product-image-container ul { list-style: none; margin: 0; padding: 0; }

.product-image-container li { margin-bottom: 0; }

.product-image-container img { border: none; margin: 0 auto; box-sizing: border-box; }

.product-image-flexslider { padding: 20px; position: relative; display: none; }

.product-image-flexslider .flex-direction-nav { left: 0; margin-top: -24px; position: absolute; top: 50%; width: 100%; }

.product-image-flexslider .flex-direction-nav a { color: #BCC0C1; font-family: "Flat-UI-Icons"; font-size: 48px; font-size: 3rem; font-weight: normal; display: none; text-shadow: 0 0 0.25em rgba(0, 0, 0, 0.5); -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.product-image-flexslider .flex-direction-nav a:hover { color: #828385; }

.product-image-flexslider .flex-prev { float: left; }

.product-image-flexslider .flex-next { float: right; }

.product-image-flexslider:hover .flex-direction-nav a { display: block; }

.product-image-thumbnails { border-top: 2px solid #ECF0F1; list-style: none; margin: 0; padding: 0; text-align: left; display: none; }

.product-image-thumbnails a { border: 1px solid #ECF0F1; display: block; height: 58px; position: relative; width: 58px; overflow: hidden; }

.product-image-thumbnails img { bottom: 0; left: 0; margin: auto; padding: 10px; position: absolute; right: 0; top: 0; }

.product-image-thumbnails .flex-active-slide a, .product-image-thumbnails a:hover { border-color: #000; }

.product-image-thumbnails a:hover img, .product-image-thumbnails img:hover { box-shadow: none; }

@media screen and (max-width: 640px) { .product-image-wrap { float: left; margin-right: 5%; } }

.no-js .product-image-flexslider img, .no-js .product-image-thumbnails img { display: inline; }

/* Product Sell */
.product-sell { padding-top: 2em; }

.product-sell .button { font-size: 24px; font-size: 1.5rem; margin: 0 1em 1em 0; padding: 0.75em 1.5em; }

.product-sell .cta { font-size: 22px; font-size: 1.375rem; }

.product-buy-area { margin: 0 0 0.25em; box-sizing: border-box; }

.product-options { display: block; }

@media screen and (max-width: 940px) { .product-options form { margin: 0; padding: 0; } }

.product-option { margin-bottom: 1em; }

.product-option > h4 { font-size: 12px; font-size: 0.75rem; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; text-transform: uppercase; }

.product-option > h4 span { font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; text-transform: none; }

.product-option label { color: #b4b4b4; display: inline-block; height: 2em; width: 2em; background-color: #dee1e3; border: 2px solid #dee1e3; position: relative; border-radius: 2px; box-sizing: border-box; }

.product-option label:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border: 2px solid #fff; box-sizing: border-box; }

.product-option label ~ label { margin-left: 0.25em; }

.product-option input:checked + label { border-color: #000; }

.quick-info-type + .product-buy-area { margin-top: 1em; }

label.color-aged-bronze { background-color: #4B483E; }

label.color-antique-black { background-color: #22211E; }

label.color-antique-white { background-color: #E2E2E2; }

label.color-black { background-color: black; }

label.color-caramel { background-color: #C16D2D; }

label.color-charcoal { background-color: #2B2A28; }

label.color-cherry { background-color: #A26D3C; }

label.color-cherry-black { background-color: #A26D3C; }

label.color-chestnut { background-color: #A36A45; }

label.color-chocolate { background-color: #433835; }

label.color-clear { background-color: transparent; }

label.color-coffee { background-color: #3A291E; }

label.color-dark-cherry { background-color: #6D3732; }

label.color-espresso { background-color: #3E3836; }

label.color-espresso-silver { background-color: #3E3836; }

label.color-gold { background-color: #D4BC81; }

label.color-graphite { background-color: #6B6A65; }

label.color-grey { background-color: #858585; }

label.color-gunmetal { background-color: #858585; }

label.color-mocha { background-color: #604937; }

label.color-natural-walnut { background-color: #634330; }

label.color-pecan { background-color: #774630; }

label.color-silver { background-color: #CDCCCA; }

label.color-silver-black { background-color: #CDCCCA; }

label.color-walnut { background-color: #353030; }

label.color-white { background-color: white; }

label.color-wrinkle-black { background-color: #1B1B1D; }

/* Modal Window */
.shop-modal-header { padding: 15px; }

.shop-modal-header h2 { margin-bottom: 0; }

.shop-modal-header h3 { font-size: 20px; font-size: 1.25rem; overflow: hidden; }

.shop-modal-header p { font-size: 18px; font-size: 1.125rem; }

.shop-modal-header .modal-product-image { height: auto; margin-right: 2em; max-width: 80px; }

.modal .button { display: block; font-size: 12px; font-size: 0.875rem; line-height: 1; margin: 0 auto; padding: 0.6em 0.5em; width: 6.75em; }

.modal-retailers { list-style: none; margin: 0; padding: 0; }

.modal-retailer { margin: 0; padding: 0.5em 1em; }

.modal-retailer :nth-child(2n+1) { background: none repeat scroll 0 0 #ECF0F1; }

.modal-retailer h4 { display: inline-block; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; margin: 0; vertical-align: middle; }

.modal-retailer .retailer-logo { border: medium none; display: inline-block; height: auto; margin: 0 1em 0 0; max-width: 50px; vertical-align: middle; }

.modal-retailer-right { display: block; float: right; text-align: right; }

.modal-retailer .button { display: inline-block; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-size: 16px; font-size: 1rem; margin-top: 0.5em; vertical-align: middle; }

.modal-price { display: inline-block; font-size: 16px; font-size: 1rem; margin-right: 0.5em; margin-top: 0.25em; vertical-align: middle; }

#shop-modal, #universal-mounting-modal { max-height: 80%; overflow-x: hidden; overflow-y: auto; }

#universal-mounting-modal .modal-footer, #shop-modal .modal-footer { overflow: hidden; text-align: left; }

#universal-mounting-modal .close, #shop-modal .close { background: transparent; color: #aaa; border: none; top: 0; right: 0; }

#universal-mounting-modal .close:hover, #shop-modal .close:hover { color: #000; }

#universal-mounting-modal-body, #shop-modal-body { overflow: inherit; max-height: none; }

#universal-mounting-modal .modal-footer p, #shop-modal .modal-footer p { float: left; width: 75%; }

#universal-mounting-modal .modal-footer .button, #shop-modal .modal-footer .button { float: right; margin-left: 1%; padding: 0.75em 0; width: 24%; }

/* Product Logos */
.product-logos { padding: 0; list-style: none; margin: 1em 0 0; }

.product-logos li { display: inline-block; margin: 0; }

.product-logos a { display: block; }

.product-logos a:hover img { box-shadow: none; }

.product-logos img { display: block; margin: 0; opacity: 0.2; }

/* Product Videos */
.product-videos { margin: 0; padding: 0; }

.product-videos li { display: block; float: left; }

.product-videos li h2 { font-size: 24px; font-size: 1.5rem; }

.product-videos-container h3 { border: none; color: #4b4b4b; font-size: 1.1rem; margin-bottom: 0; }

/* Product Features */
.product-features { position: relative; padding: 0; }

.product-features-wrap { overflow: hidden; }

.product-features ol { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; padding: 0 0 0 20px; }

@media screen and (max-width: 810px) { .product-features ol { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }

.product-features li { color: #4b4b4b; font-size: 16px; margin-bottom: 1em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }

.product-features .teaser { background: #000; display: table-cell; padding: 30px 30px 30px 1%; vertical-align: middle; width: 33%; }

@media screen and (max-width: 1100px) { .product-features .teaser { padding: 20px 20px 20px 0; } }

@media screen and (max-width: 640px) { .product-features .teaser { display: none; } }

.product-features .teaser h2 { color: #fff; font-size: 36px; font-size: 2.25rem; }

@media screen and (max-width: 1100px) { .product-features .teaser h2 { margin: 0 0 0 .75em; } }

@media screen and (max-width: 640px) { .product-features .teaser h2 { display: none; } }

.product-features-slider { background: #ECF0F1; display: table-cell; padding: 30px 1% 30px 30px; position: relative; width: 67%; }

@media screen and (max-width: 640px) { .product-features-slider { display: block; padding: 15px 0; width: 100%; } }

.product-features-slider .slide { overflow: hidden; }

@media screen and (max-width: 640px) { .product-features-slider .slide { text-align: center; } }

.product-features-slider .slide-image { float: left; margin-right: 1em; }

@media screen and (max-width: 810px) { .product-features-slider .slide-image { float: none; } }

@media screen and (max-width: 640px) { .product-features-slider .slide-image { float: none; margin-right: 0; } }

.product-features-slider .slide-description { font-size: 20px; font-size: 1.5rem; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; margin-bottom: 0; }

@media screen and (max-width: 640px) { .product-features-slider .slide-description { font-size: 21px; font-size: 1.3rem; } }

.product-features-slider .flex-control-nav { display: block; text-align: center; }

.product-features-slider .flex-control-nav li { display: inline-block; margin: 0 0.25em; }

.product-features-slider .flex-control-nav a { background: #bcc0c1; border-radius: 100%; cursor: pointer; display: block; height: 15px; overflow: hidden; text-indent: 100%; width: 15px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.product-features-slider .flex-control-nav a:hover { background: #828385; }

.product-features-slider .flex-control-nav .flex-active { background: #828385; }

@media screen and (max-width: 940px) { .product-features-slider .flexslider { height: auto; } }

@media screen and (max-width: 640px) { .product-features-slider .flex-viewport { width: 100%; } }

@media screen and (max-width: 640px) { .product-features-slider .product-features-slider ul { padding-right: 1em; } }

/* Product Awards */
.product-awards .awards { display: block; position: relative; }

.product-awards ul { float: left; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 33.3%; }

.product-awards li { margin-bottom: 1em; }

.product-awards div { display: table; }

.product-awards a { display: table; }

.product-awards a:hover img { box-shadow: none; }

.product-awards .award-image { display: table-cell; margin: 0; vertical-align: middle; }

.product-awards img { display: block; margin: 0; width: 75px; }

.product-awards .name { display: table-cell; padding: 0 1em; vertical-align: middle; }

/* Product Installation Tools */
.product-installation-tools .install-tools { display: block; position: relative; }

.product-installation-tools ul { float: left; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 33.3%; }

@media screen and (max-width: 440px) { .product-installation-tools ul { float: none; width: 100%; } }

.product-installation-tools li { display: block; padding: 0 1% 1em; }

.product-installation-tools div { display: table; }

.product-installation-tools .name { display: table-cell; padding-left: 1em; vertical-align: middle; }

@media screen and (min-width: 440px) and (max-width: 640px) { .product-installation-tools .name { padding-left: .5em; font-size: 12px; } }

.product-installation-tools .image { background-color: transparent; background-position: center center; background-repeat: no-repeat; display: block; height: 75px; width: 75px; background-image: url("/img/icons/tools/tools_sprite.png"); }

@media screen and (max-width: 640px) { .product-installation-tools .image { width: 45px; height: 45px; background-size: cover; } }

.product-installation-tools .image-wrap { background: url("/img/bg_product-install-tools.png") center center no-repeat transparent; display: inline-block; vertical-align: middle; }

.product-installation-tools .allen-wrench { background-position: 0 0; }

.product-installation-tools .awl { background-position: -75px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .awl { background-position: -45px 0; } }

.product-installation-tools .drill-bit { background-position: -150px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .drill-bit { background-position: -90px 0; } }

.product-installation-tools .electric-drill { background-position: -225px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .electric-drill { background-position: -135px 0; } }

.product-installation-tools .electrical-outlet-tester { background-position: -450px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .electrical-outlet-tester { background-position: -270px 0; } }

.product-installation-tools .hammer { background-position: -300px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .hammer { background-position: -180px 0; } }

.product-installation-tools .level { background-position: -375px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .level { background-position: -225px 0; } }

.product-installation-tools .pencil { background-position: -525px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .pencil { background-position: -315px 0; } }

.product-installation-tools .saw { background-position: -600px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .saw { background-position: -360px 0; } }

.product-installation-tools .screwdriver { background-position: -675px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .screwdriver { background-position: -405px 0; } }

.product-installation-tools .socket-wrench { background-position: -750px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .socket-wrench { background-position: -450px 0; } }

.product-installation-tools .stud-finder { background-position: -825px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .stud-finder { background-position: -495px 0; } }

.product-installation-tools .tape-measure { background-position: -900px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .tape-measure { background-position: -540px 0; } }

.product-installation-tools .wrench { background-position: -975px 0; }

@media screen and (max-width: 640px) { .product-installation-tools .wrench { background-position: -585px 0; } }

.product-installation-tools .three-eighths-inch-box-wrench { background-position: -1050px 0; }

/* Product Specifications */
.spec-table { margin: 0 1% 2em; width: 48%; }

@media screen and (max-width: 640px) { .spec-table { width: 100%; box-sizing: border-box; margin: 0 0 1em; } }

.spec-table tr:nth-child(even) { background: #ecf0f1; }

.spec-table tr.zebra-stripe { background: #ecf0f1; }

.spec-table td { color: #4b4b4b; font-size: 14px; font-size: 0.875rem; padding: 0.5em; overflow: hidden; }

.spec-link { float: right; }

.spec-link span { display: inline; }

@media screen and (max-width: 810px) { .spec-link span { display: none; } }

.spec-link .icon { background: #C24C4E; border-radius: 0.75em; color: #fff; display: inline-block; font-family: "Times New Roman", serif; font-style: italic; height: 1.25em; text-align: center; width: 1.25em; }

/* VESA */
.vesa-btn { background: none; border: none; color: #4b4b4b; outline: none; padding: 0; font-size: 14px; font-size: 0.875rem; text-decoration: underline; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.vesa-btn:hover { color: #000; }

.vesa-specifications { max-height: 0; overflow: hidden; display: block; -webkit-transition-property: max-height; transition-property: max-height; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.vesa-specifications.open { max-height: 999px; }

.vesa-specifications h3 { padding: 0 1%; margin: 1em 0; }

.vesa-patterns { padding: 0; list-style: none; }

.vesa-patterns-container { padding: 0 1%; }

.vesa-pattern { display: inline-block; margin-right: 2em; }

.vesa-illustration { display: block; background-color: transparent; background-position: top center; height: 0; width: 100%; padding-bottom: 58.9%; background-image: url("/img/vesa-illustration.png"); margin-bottom: 1em; }

#universal-mounting-modal-body { padding: 20px; }

/* Product Bundles */
.bundled-products { margin-bottom: 0em; }

.bundled-products h2 { color: #e8e8e9; font-size: 40px; font-size: 2.5rem; height: 100%; }

.bundled-products .rating { background: #ffd200; }

.bundled-products .products-list { background: #ecf0f1; box-sizing: content-box; margin: 0; }

.bundled-products .blurb { width: 33%; padding-top: 100px; }

@media screen and (max-width: 1100px) { .bundled-products .blurb { width: 92%; padding: 30px 4% 15px; } }

.bundled-products .featured-product { width: 67%; }

.bundled-products .featured-product img { display: block; width: auto; }

/* Product Cross-sell */
.crosssell-products { margin-bottom: 4em; }

.crosssell-products:before { width: 100%; border-top: 1px dashed #cccccc; content: ""; margin: 2em 0 1em; display: inline-block; }

.crosssell-products h2 { margin-bottom: .7em; }

.crosssell-products .product { margin-bottom: 0; display: inline-block; }

.crosssell-products .rating { background: #ffd200; }

.crosssell-products .products-list { box-sizing: content-box; margin: 0; }

.crosssell-products .featured-product { width: 100%; }

@media screen and (max-width: 1100px) { .flexbox .crosssell-products > div { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (max-width: 1100px) { .flexbox .crosssell-products .featured-product { width: 100%; display: block; max-width: 100%; } }

#ecosystem-button { display: block; background-color: #ecf0f1; background-image: url("../img/bg_ecosystem-btn.png"); background-position: center top; background-repeat: no-repeat; box-sizing: border-box; border: 1px solid #cccccc; border-radius: 4px; color: #4b4b4b; margin: 1em 0; padding: 152px 1.5em 1.5em; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (min-width: 480px) and (max-width: 640px), screen and (min-width: 810px) and (max-width: 925px) { #ecosystem-button { background-position: right center; padding: 1.5em 230px 1.5em 1.5em; } }

#ecosystem-button .eb-header { display: block; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 20px; }

#ecosystem-button .eb-text { display: block; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 14px; margin-bottom: 1em; color: #777; }

#ecosystem-button .eb-cta { display: inline-block; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 14px; }

#ecosystem-button .eb-cta:after { content: "\e002"; font-family: "Flat-UI-Icons"; margin-left: 0.25em; display: inline-block; vertical-align: middle; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

#ecosystem-button:hover { border-color: #000; }

#ecosystem-button:hover .eb-cta:after { margin-left: 0.5em; }

/*
Product Reviews
------------------------------
*/
.landing-wrapper { background: #f9f9f9; text-align: center; padding-top: 30px; }

.landing-wrapper h2 { color: #737373; border-bottom: 1px solid #cccccc; font-size: 21px; font-size: 1.3125rem; }

.product-review-landing-page .page-header { margin-bottom: 0; background-image: url("/img/brands/sanus/headers/product-review.jpg"); }

.product-review-landing-page .steps { padding: 1em 0 0; list-style: none; margin: 0; }

.product-review-landing-page .step { display: block; float: left; text-align: left; counter-increment: steps-counter; position: relative; font-size: 16px; font-size: 1rem; }

.product-review-landing-page .step img { border: 1px solid #cccccc; margin-bottom: 0; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .product-review-landing-page .step img { display: none; } }

.product-review-landing-page .step-copy { padding-left: 6em; display: block; margin-bottom: 1em; min-height: 6.5em; position: relative; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .product-review-landing-page .step-copy { min-height: 1.8em; margin-bottom: 0; } }

.product-review-landing-page .step-copy:before { content: "Step " counter(steps-counter); font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; color: white; background-color: #4b4b4b; padding: 0.25em 1em; text-transform: uppercase; position: absolute; top: 0; left: 1%; }

/* MountFinder / HeightFinder CSS Version 2 Redesign Main Styles =========== - Common / Helper Classes - Progress Area - Step Common Styles - Step Specific Styles - Brand Logos */
/*
=======================
Common / Helper Classes
=======================
*/
@-webkit-keyframes ready { 0% { background: #333;
    border-color: #000;
    color: #fff; }
  50% { background: #00a651;
    border: 1px solid #00a651;
    color: #fff; }
  100% { background: #333;
    border-color: #000;
    color: #fff; } }

@keyframes ready { 0% { background: #333;
    border-color: #000;
    color: #fff; }
  50% { background: #00a651;
    border: 1px solid #00a651;
    color: #fff; }
  100% { background: #333;
    border-color: #000;
    color: #fff; } }

@-webkit-keyframes finger { 0% { top: 0px; }
  37.5% { top: 10px; }
  75% { top: 0px; }
  100% { top: 0px; } }

@keyframes finger { 0% { top: 0px; }
  37.5% { top: 10px; }
  75% { top: 0px; }
  100% { top: 0px; } }

@media screen and (max-width: 640px) { .finder-page { padding-top: 0px !important; } }

.finder-page h1, .finder-page h2, .finder-page h3, .finder-page h4, .finder-page h5, .finder-page h6, .finder-page p { color: #000; }

.finder-page input[type="text"], .finder-page input[type="email"], .finder-page input[type="tel"], .finder-page input[type="password"], .finder-page input[type="number"] { -webkit-appearance: none; background: #fff; border: 2px solid #dee1e3; border-radius: 0px; box-shadow: none; box-sizing: border-box; color: #34495E; font-size: 14px; font-size: 0.875rem; padding: 1em; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); width: 100%; }

.finder-page input[type="text"]:focus, .finder-page input[type="email"]:focus, .finder-page input[type="tel"]:focus, .finder-page input[type="password"]:focus, .finder-page input[type="number"]:focus { border-color: #737373; }

.finder-page .page-header { height: 140px; margin-bottom: 0; }

@media screen and (max-width: 640px) { .finder-page .page-header { height: auto; background: #f6f6f6 !important; padding-bottom: 0em; padding-top: 1em; } }

.finder-page .page-header h1 { margin-top: 0.5em; }

@media screen and (max-width: 640px) { .finder-page .page-header h1 { background: none; padding: 0; min-width: none; color: #4b4b4b; font-size: 24px !important; font-size: 1.5rem !important; } }

.finder-page button { background: none; border: none; outline: none; margin: 0; }

.finder-page button:hover .button { background: #333; border-color: #000; color: #fff; box-shadow: none; }

.finder-page .button { box-sizing: border-box; background: #eee; border: 2px solid #cccccc; color: #666; margin: 0.25em 0; line-height: 1; font-size: 16px; font-size: 1rem; }

.finder-page .button:hover { background: #000; border-color: #000; color: #fff; box-shadow: none; }

.finder-page .button:focus { background-color: #ddd; }

.finder-page .button:disabled, .finder-page .button:disabled:hover, .finder-page .button:disabled:focus { background: #FAFAFA; border-color: #EEEEEE; color: #cccccc; cursor: default; }

.finder-page .button.selected { background: #000; border-color: #000; color: #fff; }

.finder-page .button.selected:hover { background: #000; border: 2px solid #000; color: #fff; }

.finder-page .button.confirm { background: #666; border: 1px solid #666; color: #fff; }

.finder-page .button.confirm:hover { background: #333; border-color: #000; color: #fff; box-shadow: none; }

.finder-page .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }

.finder-page .btn-default { color: #333; background-color: #fff; border-color: #cccccc; }

.finder-page .btn-fixed-position { background-color: #fcaf17; color: #fff; }

.finder-page .btn-fixed-position:hover, .finder-page .btn-fixed-position:active { background-color: #fcaf17; color: #fff; }

.finder-page .btn-tilting { background-color: #519fd7; color: #fff; }

.finder-page .btn-tilting:hover, .finder-page .btn-tilting:active { background-color: #519fd7; color: #fff; }

.finder-page .btn-full-motion { background-color: #62bb46; color: #fff; }

.finder-page .btn-full-motion:hover, .finder-page .btn-full-motion:active { background-color: #62bb46; color: #fff; }

.finder-page .modal .button { display: inline-block; margin-bottom: 0.25em; width: auto; }

.finder-page form input[type="text"], .finder-page form input[type="email"], .finder-page form input[type="tel"], .finder-page form input[type="password"], .finder-page form input[type="number"], .finder-page form textarea { width: auto; }

.finder-page form label { display: inline-block; font-style: normal; }

.finder-page .select-styled-wrap { width: 50%; }

.finder-page .select-styled-wrap ul { margin: 0; }

.finder-page .warning { background-color: transparent; background-position: left center; background-repeat: no-repeat; background-image: url("/img/icons/icon_warning.png"); background-size: 1.5em; display: block; padding-left: 2em; font-size: 12px; font-size: 0.75rem; margin: 1em 0; color: #999; }

.finder-page .svg .warning { background-image: url("/img/icons/icon_warning.svg"); }

.finder-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.finder-page .accessories { padding: 1em 0; }

.finder-page .accessories ul { list-style: none; padding: 0; }

@media screen and (max-width: 925px) { .finder-page .accessories ul { overflow: hidden; } }

@media screen and (max-width: 925px) { .finder-page .accessories li { box-sizing: border-box; float: left; padding: 0 0.5em; width: 50%; } }

@media screen and (max-width: 600px) { .finder-page .accessories li { float: none; padding: 0; width: 100%; } }

.finder-page .accessories h4 { color: #4b4b4b; font-size: 20px; font-size: 1.25rem; font-weight: normal; }

.finder-page .accessories a { background: #080a0e; color: #fff; display: block; margin: 1em 0; padding: 0.5em 1em; text-align: left; vertical-align: middle; }

@media screen and (max-width: 925px) { .finder-page .accessories a { margin: 0; } }

.finder-page .accessories i { display: inline-block; height: 40px; margin-right: 1em; vertical-align: middle; width: 46px; }

.finder-page .icon-screen-care { background-image: url("/img/mountfinder/icon_accessories_screen-care.png"); }

.finder-page .icon-cable-tunnels { background-image: url("/img/mountfinder/icon_accessories_cable-management.png"); }

.finder-page .icon-cables { background-image: url("/img/mountfinder/icon_accessories_av-cables.png"); }

.finder-page .icon-power { background-image: url("/img/mountfinder/icon_accessories_surge-protector.png"); }

/*
=============
Progress Area
=============
*/
.temp-progress { display: block; width: 100%; }

.tool-progress { background: #f6f6f6 !important; -webkit-transition-property: box-shadow; transition-property: box-shadow; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 640px) { .tool-progress { padding-top: 60px; } }

.tool-progress h1 { font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; }

@media screen and (max-width: 640px) { .tool-progress h1 { font-size: 32px; margin-bottom: 2px; } }

.tool-progress h2 { color: #666; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 18px; padding-top: 1em; }

@media screen and (max-width: 640px) { .tool-progress h2 { font-size: 14px !important; float: none; display: block; clear: both; padding: 0 0 .5em !important; margin-bottom: 1em; } }

.tool-progress h3 { font-size: 30px; margin: 0 0 1em; }

.tool-progress.sticky { box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 2; width: 100%; padding-top: 0 !important; }

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape), screen and (max-width: 925px) { .tool-progress.sticky .tool-progress-container { padding-top: 70px; } }

.tool-progress.sticky h1 { font-size: 24px; margin-bottom: 10px; color: #000; }

.tool-progress.sticky h2 { display: none; }

.tool-progress-container { box-sizing: border-box; padding: 1em 0; }

@media screen and (max-width: 640px) { .tool-progress-container { padding: 0 0 .5em; } }

.tool-progress-container h2 { padding-top: 1em !important; }

@media screen and (max-width: 640px) { .tool-progress-container h2 { padding: 0 !important; font-size: 16px !important; margin-bottom: .5em; } }

.tool-progress .finder-percent { border-left: 1px solid #cccccc; display: inline-block; margin-left: 1em; padding-left: 1em; }

.tool-progress .finder-percent:after { content: '%'; }

.tool-progress .alert { margin: 0 0 1em; }

.tool-progress .alert.alert-error { background-color: #fdf8e4; border-color: #c7b199; }

.tool-progress .alert.alert-error p { color: #aaa085; }

.tool-steps { box-sizing: border-box; padding: 0; }

.tool-breadcrumbs { box-sizing: border-box; padding: 0; }

.tool-breadcrumbs .breadcrumbs { list-style: none; padding: 0.5em 0; margin: 0; }

.tool-breadcrumbs .breadcrumb { display: inline-block; font-size: 14px; margin: 0 0 0 1em; padding: 0 0 0 1em; border-left: 1px solid #cccccc; text-transform: uppercase; }

@media screen and (max-width: 640px) { .tool-breadcrumbs .breadcrumb { font-size: 0.625rem; } }

.tool-breadcrumbs .breadcrumb:first-child { margin: 0; padding: 0; border: none; }

.progress-bar { background: #eee; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); display: block; height: 4px; position: relative; width: 100%; }

.progress-bar-range { background: #39b54a; height: 100%; left: 0; position: absolute; top: 0; width: 0; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.step-list { list-style: none; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; display: block; }

.step-list .step { height: 38px; display: inline-block; margin-left: 4px; margin-bottom: 0; }

.step-list .step:first-child { margin-left: 0; }

.step-list .step a { display: block; cursor: default; border-radius: 3px; overflow: hidden; padding: 0; }

.step-list .step .number { box-sizing: border-box; background: #ddd; border: 1px solid #cccccc; height: 100%; display: inline-block; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 16px; padding: 0; width: 36px; text-align: center; line-height: 36px; vertical-align: top; color: #666; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.step-list .step .name { box-sizing: border-box; background: #eee; border: 1px solid #ddd; border-left: none; color: #cccccc; display: inline-block; height: 100%; line-height: 36px; padding: 0 1em; vertical-align: top; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.step-list .step.hide-name .name { display: none; }

.step-list .step.ready .number { color: #333; }

.step-list .step.ready .name { background: #eee; border: 1px solid #ddd; color: #080a0e; }

.step-list .step.is-active .number, .step-list .step.completed:hover .number, .step-list .step.ready:hover .number { border-color: #1f1e1e; background: #1f1e1e; color: #fff; }

.step-list .step.is-active .name, .step-list .step.is-active.completed .name, .step-list .step.completed:hover .name, .step-list .step.ready:hover .name { border-color: #292a2b; background: #292a2b; color: #fff; }

.step-list .step.is-active a, .step-list .step.completed a, .step-list .step.ready a { cursor: pointer; }

.step-list .step.completed .number { background: #39b54a; border-color: #00a651; color: #fff; }

.step-list .step.completed .name { background: #eee; border: 1px solid #ddd; color: #080a0e; }

/*
==================
Step Common Styles
==================
*/
.finder-page .steps .step { box-sizing: border-box; border-top: 4px solid #cccccc; margin: 2em 0 0; padding: 0.5em 0 0; position: relative; display: block; width: 100%; }

@media screen and (max-width: 810px) { .finder-page .steps .step { margin: .5em 0 0; } }

.finder-page .steps .step:after { background: rgba(255, 255, 255, 0.9); content: " "; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 1; visibility: visible; -webkit-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1), visibility 1s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1), visibility 1s cubic-bezier(0.23, 1, 0.32, 1); z-index: 1; }

.finder-page .steps .step h6 { color: #4b4b4b; font-size: 14px; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; text-transform: uppercase; margin-bottom: 2em; }

@media screen and (max-width: 640px) { .finder-page .steps .step h6 { margin-bottom: 1em; } }

.finder-page .steps .step h6 span { border-left: 1px solid #cccccc; color: #cccccc; display: inline-block; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; margin-left: 0.25em; padding-left: 0.25em; text-transform: none; }

.finder-page .steps .step.current, .finder-page .steps .step.completed { opacity: 1; border-top: 4px solid #000; }

.finder-page .steps .step.current:after, .finder-page .steps .step.completed:after { visibility: hidden; opacity: 0; }

.finder-page .steps .step.loading:after { background-image: url("/img/loading_profile-spinner.gif"); background-position: center 25%; background-repeat: no-repeat; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); visibility: visible; opacity: 1; }

.finder-page .steps .step[data-completed="1"] h6:before { color: #39B54A; content: "\E015"; font-family: "Flat-UI-Icons"; line-height: 1; font-size: 1.25em; margin-right: 0.25em; vertical-align: top; }

.finder-page .steps .step.step-mounts .product button { padding: 0; width: 100%; }

.finder-page .steps .step-wallheight .half { width: 40%; padding: 0; box-sizing: border-box; }

@media screen and (max-width: 860px) { .finder-page .steps .step-wallheight .half { width: 100%; } }

.finder-page .steps .step-wallheight .wall-height-info { padding: 0 3% 0 0; width: 60%; }

@media screen and (max-width: 860px) { .finder-page .steps .step-wallheight .wall-height-info { width: 100%; padding: 0; margin: 0 0 1em; } }

.finder-page .steps .step-wallheight .wall-height-info p { max-width: 100%; }

.finder-page .steps .step-wallheight .wall-height-info p.footnote { font-size: 14px; font-style: italic; color: #737373; }

.finder-page .steps .step-wallheight .wall-height-info .wall-height-inputs { margin: 0 0 1em; }

.finder-page .steps .step-wallheight .wall-height-info #wall-height { width: 15%; min-width: 65px; margin: 0 1% 1em 0; }

.finder-page .steps .step-wallheight .wall-height-info .measurement-radios { width: 10%; margin: 0 2% 1em 0; min-width: 50px; }

.finder-page .steps .step-wallheight .wall-height-info input[type="radio"] { margin: 0 5px 5px 0; }

.finder-page .steps .step-wallheight .wall-height-info #wh-measure-from-wrap { float: left; width: 45%; min-width: 245px; margin: 0 2% 1em 0; }

@media screen and (max-width: 480px) { .finder-page .steps .step-wallheight .wall-height-info #wh-measure-from-wrap { width: 100%; } }

.finder-page .steps .step-wallheight .wall-height-info button { width: 25%; box-sizing: border-box; background-color: #000; color: #fff; border-radius: 4px; padding: 1em 0; margin: 0 0 1em; }

@media screen and (max-width: 640px) { .finder-page .steps .step-wallheight .wall-height-info button { width: 100%; } }

.finder-page .step-area { position: relative; }

.finder-page .step-area h3 { font-size: 32px; font-size: 2rem; }

@media screen and (max-width: 640px) { .finder-page .step-area h3 { font-size: 18px !important; } }

.finder-page .step-area p { font-size: 16px; font-size: 1rem; max-width: 50%; }

@media screen and (max-width: 640px) { .finder-page .step-area p { max-width: none; } }

.finder-page .step-area ul { list-style: none; margin: 1em 0; padding: 0; }

.finder-page .step-area ul ul { margin: 0; }

.finder-page .step-area-separator { display: block; position: relative; text-indent: 100%; overflow: hidden; margin: 1em 0; height: 42px; }

.finder-page .step-area-separator:before { background: #cccccc; content: ""; display: block; height: 2px; left: 0; position: absolute; top: 20px; width: 100%; }

.finder-page .step-area-separator:after { box-sizing: border-box; background: #292A2B; border: 2px solid #777777; border-radius: 21px; color: #fff; content: attr(data-word); display: block; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-size: 1.25rem; height: 2.5rem; left: 1em; line-height: 1.75em; min-width: 2.5rem; padding: 0; position: absolute; text-align: center; text-indent: 0; text-transform: uppercase; top: 0; }

.finder-page .step-option { display: inline-block; margin-bottom: 0; vertical-align: middle; margin-right: 0.5em; }

@media screen and (max-width: 480px) { .finder-page .step-option { margin-right: 0; width: 100%; }
  .finder-page .step-option .button { width: 100%; } }

.finder-page .step-option:last-child { margin-right: 0; }

.finder-page .step-option.all { margin-left: 0.25em; padding-left: 3em; position: relative; }

@media screen and (max-width: 480px) { .finder-page .step-option.all { border-left: none; border-top: 1px solid #DDD; display: block; padding: 2em 0 0; margin: 2em 0 0; width: auto; } }

.finder-page .step-option.all:before { box-sizing: border-box; background: #292A2B; border: 2px solid #777777; border-radius: 50%; color: #fff; content: 'or'; display: block; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; font-size: 16px; font-size: 1rem; height: 2rem; line-height: 1.75; width: 2rem; text-align: center; text-indent: 0; text-transform: uppercase; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; }

@media screen and (max-width: 480px) { .finder-page .step-option.all:before { top: -1rem; right: 0; bottom: auto; left: 0; } }

.finder-page .all-options, .finder-page .additional-options { opacity: 0; visibility: hidden; height: 0; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.finder-page .all-options.show, .finder-page .additional-options.show { opacity: 1; visibility: visible; height: auto; }

.finder-page.no-results #product-wrap { padding-bottom: 30px; }

.finder-page.no-results .tool-progress { margin-bottom: 30px; }

/*
====================
Step Specific Styles
====================
*/
.finder-page { /* BRANDS */ /* SIZES */ /* MODELS */ /* MOUNTS */ /* Mounting Holes */ /* Mount Types */ /* Results - MF */ /* Results - HF */ }

@media screen and (max-width: 480px) { .finder-page .brands { margin-left: -0.5rem; margin-right: -0.5rem; font-size: 0; } }

.finder-page .brands .button { padding: 1em 1em; }

.finder-page .brands .button .logo { background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: none !important; display: block; height: auto; }

.finder-page .brands .button:hover .logo { opacity: 1; }

@media screen and (max-width: 480px) { .finder-page .brands .step-option { display: inline-block; width: 50%; box-sizing: border-box; padding: 0px 0.5rem; }
  .finder-page .brands .step-option .button { display: block; padding: 0.75em 0; width: 100%; }
  .finder-page .brands .step-option.all { display: block; width: auto; padding: 2em 0 0; margin-left: 0.5em; margin-right: 0.5em; } }

.finder-page .ie8 .brands .button .logo { -ms-behavior: url(/backgroundsize.min.htc); }

.finder-page .ie8 .brands .button:hover { background-color: #eee; color: #333; }

@media screen and (max-width: 480px) { .finder-page .sizes { margin-left: -0.5rem; margin-right: -0.5rem; font-size: 0; } }

.finder-page .sizes .largest { width: 28%; }

.finder-page .sizes .large { width: 20.5%; }

.finder-page .sizes .medium { width: 14.875%; }

.finder-page .sizes .small { width: 10.5%; }

.finder-page .sizes .tv-illustration { background-image: url("/img/mountfinder/illustration_tv.jpg"); background-repeat: no-repeat; background-position: center center; background-size: contain; background-color: transparent; display: block; height: 0; padding-bottom: 56.25%; position: relative; width: 100%; -ms-behavior: url(/backgroundsize.min.htc); }

@media screen and (max-width: 860px) { .finder-page .sizes .tv-illustration { background: none !important; height: auto; width: 100%; padding: 0; } }

@media screen and (max-width: 480px) { .finder-page .sizes .tv-illustration { display: block; width: 100%; } }

.finder-page .sizes .tv-illustration .button { background: transparent; border: 1px solid transparent; color: #fff; position: absolute; top: 50%; left: 50%; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; margin-top: -0.75em; margin-left: -0.85em; font-size: 40px; font-size: 2.5rem; padding: 0.25em; }

@media screen and (max-width: 860px) { .finder-page .sizes .tv-illustration .button { position: static; top: auto; left: auto; margin: 0; background: #EEEEEE; border: 1px solid #cccccc; color: #666666; padding: 0.95em 1em; font-size: 16px; font-size: 1rem; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; } }

@media screen and (max-width: 480px) { .finder-page .sizes .tv-illustration .button { display: block; width: 100%; margin: 0.25em 0; padding: 0.75em 0; } }

.finder-page .sizes .tv-illustration:hover .button { background: #fff; border: 1px solid #666; color: #333; }

@media screen and (max-width: 860px) { .finder-page .sizes .tv-illustration:hover .button { background: #333333; border-color: #000; box-shadow: none; color: #fff; } }

.finder-page .sizes .tv-illustration:focus .button { background-color: #cccccc; border: 1px solid #666; color: #333; }

.finder-page .sizes button.selected { background-image: url("/img/mountfinder/illustration_tv.jpg"); background-repeat: no-repeat; background-position: center center; background-size: contain; background-color: transparent; border: none; border-radius: 0; }

@media screen and (max-width: 480px) { .finder-page .sizes button.selected { background: none; } }

.finder-page .sizes button.selected .button, .finder-page .sizes button.selected:hover .button { background: #000; border-color: #000; color: #fff; }

@media screen and (max-width: 860px) { .finder-page .sizes .step-option { width: auto; } }

@media screen and (max-width: 480px) { .finder-page .sizes .step-option { display: inline-block; width: 25%; padding-left: 0.5rem; padding-right: 0.5rem; box-sizing: border-box; } }

@media screen and (max-width: 480px) { .finder-page .sizes .step-option.all { display: block; width: auto; padding: 2em 0 0; margin-left: 0.5em; margin-right: 0.5em; } }

@media screen and (max-width: 480px) { .finder-page .sizes .step-option.all .button { display: block; width: 100%; margin: 0.25em 0; padding: 0.75em 0; } }

@media screen and (max-width: 860px) { .finder-page .svg .sizes .tv-illustration { background: none; height: auto; width: 100%; padding: 0; } }

.finder-page .step-tv-models .models { margin-bottom: 0.5em; width: 50%; }

@media screen and (max-width: 810px) { .finder-page .step-tv-models .models { width: auto; } }

.finder-page .step-tv-models figure { float: right; display: block; width: 48%; }

@media screen and (max-width: 810px) { .finder-page .step-tv-models figure { float: none; width: auto; } }

.finder-page .step-tv-models figcaption p { max-width: none; }

@media screen and (max-width: 480px) { .finder-page .step-tv-models .step-option { display: block; } }

@media screen and (max-width: 480px) { .finder-page .step-tv-models .step-option.all { display: block; width: auto; padding: 2em 0 0; } }

@media screen and (max-width: 480px) { .finder-page .step-tv-models .step-tv-models .button { display: block; padding: 0.75em 0; width: 100%; } }

.finder-page .mount { margin-left: 2px; margin-right: 2px; }

.finder-page .product-area { border: none; outline: none; padding-bottom: 2em; padding-top: 0; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

@media screen and (max-width: 810px) { .finder-page .product-area { padding: 0; } }

.finder-page .product-area h2 { color: #666; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 18px; padding-top: 0; }

@media screen and (max-width: 640px) { .finder-page .product-area h3 { font-size: 16px; } }

.finder-page .product button { border: 1px solid transparent; position: relative; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.finder-page .product button:hover { background: #fff; border: 1px solid #000; }

.finder-page .product button.selected { background: #fff; border: 1px solid #000; }

.finder-page .product button.selected:after { content: ""; display: block; height: 100%; position: absolute; width: 100%; border: 1px solid #000; top: 0; left: 0; }

@media screen and (max-width: 810px) { .finder-page .mounts .product { display: inline-block; height: auto; width: 200px; } }

.finder-page .mounts .product:hover { border: solid transparent 1px; }

@media screen and (max-width: 810px) { .finder-page .mounts .product .product-image { display: block; height: 0; margin: 1em; padding: 0 0 60%; position: relative; width: auto; float: none; }
  .finder-page .mounts .product .product-bar { position: static; height: 4px; width: 100%; }
  .finder-page .mounts .product .product-info { width: auto; height: auto; padding: 0.5em 1em; float: none; }
  .finder-page .mounts .product-info .model { font-size: 1.25rem; text-align: center; }
  .finder-page .mounts .product-info .price { font-size: 0.875rem; text-align: center; }
  .finder-page .mounts .product-info .description { display: block; } }

@media screen and (max-width: 640px) { .finder-page .mounts .product .product-image img { position: absolute; margin: auto; } }

.finder-page .mounts .step-option.all { border: 1px solid transparent; display: inline-block; width: 200px; vertical-align: middle; margin-right: 4px; margin-left: 0; padding-left: 0; -ms-box-sizing: border-box; box-sizing: border-box; }

.finder-page .mounts .step-option.all:hover { border: none; }

.finder-page .mounts .step-option.all button { border: 1px solid #ddd; border-radius: 0; margin: 0; display: block; height: 351px; width: 100%; }

.finder-page .mounts .step-option.all button:hover { border: 1px solid #000; }

.finder-page .mounts-flexslider { display: none; margin: 0 3em; position: relative; }

@media screen and (max-width: 320px) { .finder-page .mounts-flexslider { margin: 0 2em; } }

.finder-page .mounts-flexslider.loaded { display: inherit; }

.finder-page .mounts-flexslider .flex-viewport { z-index: 1; }

.finder-page .mounts-flexslider .flex-control-paging { text-align: center; }

.finder-page .mounts-flexslider .flex-control-paging li { display: inline-block; margin: 0 0.25em; }

.finder-page .mounts-flexslider .flex-control-paging a { display: block; height: 10px; width: 10px; overflow: hidden; text-indent: 100%; border-radius: 100%; background: #999; }

.finder-page .mounts-flexslider .flex-control-paging a:hover { background: #333; cursor: pointer; }

.finder-page .mounts-flexslider .flex-control-paging .flex-active { background: #333; cursor: pointer; }

.finder-page .mounts-flexslider .flex-direction-nav { left: -3em; margin-top: -24px; padding: 0 3em; position: absolute; top: 50%; width: 100%; box-sizing: content-box; }

@media screen and (max-width: 320px) { .finder-page .mounts-flexslider .flex-direction-nav { left: -2em; padding: 0 2em; } }

.finder-page .mounts-flexslider .flex-direction-nav a { color: #eee; font-family: "Flat-UI-Icons"; font-size: 48px; font-size: 3rem; font-weight: normal; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 320px) { .finder-page .mounts-flexslider .flex-direction-nav a { font-size: 2rem; } }

.finder-page .mounts-flexslider .flex-direction-nav a:hover { color: #828385; }

@media screen and (max-width: 320px) { .finder-page .mounts-flexslider .flex-direction-nav li { margin: 0; } }

.finder-page .mounts-flexslider .flex-direction-nav .flex-disabled, .finder-page .mounts-flexslider .flex-direction-nav .flex-disabled:hover { color: #f6f6f6; cursor: default; }

.finder-page .mounts-flexslider .flex-prev { float: left; margin-left: -48px; margin-left: -3rem; }

@media screen and (max-width: 320px) { .finder-page .mounts-flexslider .flex-prev { margin-left: -2rem; } }

.finder-page .mounts-flexslider .flex-next { float: right; margin-right: -48px; margin-right: -3rem; }

@media screen and (max-width: 320px) { .finder-page .mounts-flexslider .flex-next { margin-right: -2rem; } }

.finder-page .no-borderradius .mounts-flexslider .flex-control-paging a { background-color: transparent; background-image: url("/img/ie_slide-nav.png"); background-repeat: no-repeat; background-position: left center; }

.finder-page .no-borderradius .mounts-flexslider .flex-control-paging a:hover { background-position: right center; }

.finder-page .no-borderradius .mounts-flexslider .flex-control-paging .flex-active { background-position: right center; }

.finder-page .mounting-holes { display: table; overflow: hidden; position: relative; width: 100%; table-layout: fixed; }

@media screen and (max-width: 810px) { .finder-page .mounting-holes { display: block; } }

.finder-page .mounting-holes p { max-width: none; height: 4em; }

@media screen and (max-width: 810px) { .finder-page .mounting-holes p { height: auto; } }

.finder-page .mounting-holes > div { display: table-cell; width: 40%; vertical-align: top; }

@media screen and (max-width: 810px) { .finder-page .mounting-holes > div { display: block; width: auto; } }

.finder-page .mounting-holes .step-area-separator { display: table-cell; width: 20%; vertical-align: middle; height: 100%; position: static; }

@media screen and (max-width: 810px) { .finder-page .mounting-holes .step-area-separator { display: block; width: 100%; height: 42px; position: relative; } }

.finder-page .mounting-holes .step-area-separator:before { width: 2px; height: 100%; top: 0; left: 50%; margin-left: -1px; }

@media screen and (max-width: 810px) { .finder-page .mounting-holes .step-area-separator:before { height: 2px; left: 0; margin: auto; top: 20px; width: 100%; } }

.finder-page .mounting-holes .step-area-separator:after { left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; }

@media screen and (max-width: 810px) { .finder-page .mounting-holes .step-area-separator:after { left: 1em; margin: auto; top: 0; } }

.finder-page .mounting-holes button { display: block; width: 100%; }

@media screen and (min-width: 480px) and (max-width: 810px) { .finder-page .mounting-holes button { display: block; margin: auto; width: 50%; } }

@media screen and (max-width: 480px) { .finder-page .mounting-holes button { display: block; padding: 0.75em 0; width: 100%; } }

.finder-page .mounting-holes button.selected { background: transparent; border: none; }

.finder-page .mounting-holes button.selected .button, .finder-page .mounting-holes button.selected:hover .button { background: #000; border-color: #000; color: #fff; }

.finder-page .mounting-holes .illustration { background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; height: 0; width: 100%; padding-bottom: 58.8%; }

.finder-page .mounting-holes .mounting-centered { background-image: url("/img/heightfinder/illustration_mounting-holes_centered.jpg"); }

.finder-page .mounting-holes .mounting-not-centered { background-image: url("/img/heightfinder/illustration_mounting-holes_offset.jpg"); }

.finder-page .svg .mounting-holes .mounting-centered { background-image: url("/img/heightfinder/illustration_mounting-holes_centered.svg"); }

.finder-page .svg .mounting-holes .mounting-not-centered { background-image: url("/img/heightfinder/illustration_mounting-holes_offset.svg"); }

.finder-page .hole-measurements { display: block; margin: 1em 0; }

.finder-page .hole-measurements p { height: auto; }

.finder-page .hole-measurements input[type="number"].alert { margin-bottom: 0; }

.finder-page .mount-types { font-size: 0; }

@media screen and (max-width: 810px) { .finder-page .mount-types { display: none; } }

.finder-page .mount-types .step-option { box-sizing: border-box; width: 25%; padding: 0; vertical-align: top; margin-right: 0; text-align: left; position: relative; /* &.tilting-column.selected:before { background: -webkit-linear-gradient(top,  rgba(240,245,248,1) 0%,rgba(75,144,192,1) 100%); background: linear-gradient(to bottom,  rgba(240,245,248,1) 0%,rgba(75,144,192,1) 100%); } &.fixed-position-column.selected:before { background: -webkit-linear-gradient(top,  rgba(251,248,241,1) 0%,rgba(236,167,9,1) 100%); background: linear-gradient(to bottom,  rgba(251,248,241,1) 0%,rgba(236,167,9,1) 100%); } */ }

@media screen and (max-width: 980px) { .finder-page .mount-types .step-option { width: 34%; } }

.finder-page .mount-types .step-option h2 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 36px; color: #000; line-height: 1; padding-right: 1em; }

.finder-page .mount-types .step-option h3 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; color: #000; font-size: 24px; padding-top: .65em; box-sizing: border-box; }

@media screen and (max-width: 980px) { .finder-page .mount-types .step-option h3 { font-size: 20px; } }

.finder-page .mount-types .step-option.mount-type-column h3 { text-align: center; }

.finder-page .mount-types .step-option img { display: block; margin: 0 auto 1em; max-width: 60%; }

@media screen and (max-width: 810px) { .finder-page .mount-types .step-option img { display: block; margin: 1em auto; max-width: 100px; } }

.finder-page .mount-types .step-option p { max-width: none; margin: 0; font-size: 16px; color: #000; padding: 0 .5em 0 75px; position: relative; }

@media screen and (max-width: 1100px) { .finder-page .mount-types .step-option p { font-size: 14px; } }

.finder-page .mount-types .step-option p span { display: block; font-size: 12px; }

.finder-page .mount-types .step-option p:before { content: ""; position: absolute; top: -7px; left: 0; height: 65px; }

.finder-page .mount-types .step-option p.space-style:before { content: url(/img/mountfinder/mount-type-feature_01.png); }

.finder-page .mount-types .step-option p.protect-kids:before { content: url(/img/mountfinder/mount-type-feature_02.png); }

.finder-page .mount-types .step-option p.reduce-glare:before { content: url(/img/mountfinder/mount-type-feature_03.png); }

.finder-page .mount-types .step-option p.cable-access:before { content: url(/img/mountfinder/mount-type-feature_04.png); }

.finder-page .mount-types .step-option p.up-high:before { content: url(/img/mountfinder/mount-type-feature_05.png); }

.finder-page .mount-types .step-option p.perfect-view:before { content: url(/img/mountfinder/mount-type-feature_06.png); }

.finder-page .mount-types .step-option p.fits-anywhere:before { content: url(/img/mountfinder/mount-type-feature_07.png); }

.finder-page .mount-types .step-option ul li { height: 65px; box-sizing: border-box; margin: 0; padding-top: 7px; }

.finder-page .mount-types .step-option ul li.header { height: 146px; padding: 0; }

.finder-page .mount-types .step-option ul li.even { background-color: #f5f5f5; }

.finder-page .mount-types .step-option .scale { display: block; text-align: center; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; margin-bottom: 1em; font-size: 16px; font-style: 1rem; text-transform: uppercase; }

.finder-page .mount-types .step-option .button { width: 100%; padding: 0.95em 0; box-sizing: border-box; }

.finder-page .mount-types .step-option .watch-video { font-size: 12px; font-size: 0.75rem; width: auto; display: block; margin: 0 auto; color: white; border: none; padding: 0.95em 1em; }

.finder-page .mount-types .step-option .watch-video.full-motion, .finder-page .mount-types .step-option .watch-video.full-motion-plus { background: #62bb46; }

.finder-page .mount-types .step-option .watch-video.tilting { background: #519fd7; }

.finder-page .mount-types .step-option .watch-video.fixed-position { background: #fcaf17; }

@media screen and (max-width: 980px) { .finder-page .mount-types .step-option.mount-type-column { width: 22%; } }

.finder-page .mount-types .step-option.mount-type-column li { padding: 0 0 0 8%; }

.finder-page .mount-types .step-option.mount-type-column li.footer { padding-top: 30px; }

.finder-page .mount-types .step-option .checkmark, .finder-page .mount-types .step-option .x-mark { background-image: url(/img/icons/icon_checkmark.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; height: 20px; width: 20px; margin: 0 auto 0; padding-top: 45px; }

.finder-page .mount-types .step-option .x-mark { background-image: url(/img/icons/icon_x-mark.svg); opacity: .15; }

.finder-page .mount-types .step-option.full-motion-column:before { background: -webkit-linear-gradient(top, #eff7ee 0%, #7cb370 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eff7ee 0%, #7cb370 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ opacity: .1; content: ""; width: 92%; height: 100%; box-sizing: border-box; position: absolute; z-index: 1; margin-left: 8%; }

.finder-page .mount-types .mount-button, .finder-page .mount-types .mount-button.selected { border: none; background: none; display: block; text-align: center; width: 100%; }

@media screen and (max-width: 480px) { .finder-page .mount-types .mount-button, .finder-page .mount-types .mount-button.selected { display: none; } }

.finder-page .mount-types .mount-button:hover { border: none; background: none; display: block; text-align: center; width: 100%; }

.finder-page .mount-types .mount-button:hover + .button { background: #333333; border-color: #000; box-shadow: none; color: #fff; }

@media screen and (max-width: 810px) { .finder-page .mount-types .btn { width: 100%; box-sizing: border-box; } }

@media screen and (max-width: 480px) { .finder-page .mount-types .btn { display: none; } }

.finder-page ul.mount-type-headers { margin-bottom: 0; }

.finder-page ul.mount-type-headers h2 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 36px; color: #000; line-height: 1; padding-right: 1em; }

@media screen and (max-width: 1100px) { .finder-page ul.mount-type-headers h2 { font-size: 28px; } }

@media screen and (max-width: 810px) { .finder-page ul.mount-type-headers h2 { margin: 0 0 .5em; } }

@media screen and (max-width: 640px) { .finder-page ul.mount-type-headers h2 { font-size: 18px; } }

.finder-page ul.mount-type-headers li { box-sizing: border-box; width: 25%; padding: 0; vertical-align: top; margin-right: 0; text-align: left; float: left; margin: 0; }

@media screen and (max-width: 980px) { .finder-page ul.mount-type-headers li { width: 22%; } }

@media screen and (max-width: 810px) { .finder-page ul.mount-type-headers li { width: 33.3333333%; padding: 0 1.5%; } }

@media screen and (max-width: 640px) { .finder-page ul.mount-type-headers li { width: 100%; padding: 0; } }

.finder-page ul.mount-type-headers li .video-container { box-sizing: border-box; width: 92%; margin-left: 8%; position: relative; height: 100%; }

@media screen and (max-width: 810px) { .finder-page ul.mount-type-headers li .video-container { width: 100%; margin-left: 0; } }

.finder-page ul.mount-type-headers li .video-container iframe, .finder-page ul.mount-type-headers li .video-container object { height: auto; min-height: 200px; }

.finder-page ul.mount-type-headers li .video-container .vimeo-video:hover, .finder-page ul.mount-type-headers li .video-container .vimeo-video:hover img, .finder-page ul.mount-type-headers li .video-container .vimeo-video img:hover { box-shadow: none !important; }

.finder-page ul.mount-type-headers li .video-container .vimeo-video:after { font-size: 30px; }

@media screen and (max-width: 640px) { .finder-page ul.mount-type-headers li .video-container .vimeo-video:after { font-size: 40px; } }

.finder-page ul.mount-type-headers li .btn-video { padding: 0; }

.finder-page ul.mount-type-headers li .btn-full-motion:before { content: "MOST POPULAR"; background: url(/img/icons/icon_star-badge.svg) center center no-repeat; height: 33px; width: 43px; position: absolute; right: -20px; top: -20px; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 8px; padding-top: 10px; text-align: center; z-index: 2; }

@media screen and (max-width: 980px) { .finder-page ul.mount-type-headers li.mount-type-heading { width: 34%; } }

@media screen and (max-width: 810px) { .finder-page ul.mount-type-headers li.mount-type-heading { width: 100%; } }

.finder-page ul.mount-type-headers img { margin: 0; }

.finder-page ul.mount-type-headers .mobile-btn { display: none; }

@media screen and (max-width: 640px) { .finder-page ul.mount-type-headers .mobile-btn { display: block; margin: .5em 0 2em; width: 100%; } }

@media screen and (max-width: 640px) { .finder-page .mount-type-footers { display: none; } }

.finder-page .mount-type-footers li { box-sizing: border-box; width: 25%; padding: 0 0 0 2%; vertical-align: top; margin: 1em 0 0; text-align: center; float: left; }

@media screen and (max-width: 980px) { .finder-page .mount-type-footers li { width: 22%; } }

@media screen and (max-width: 810px) { .finder-page .mount-type-footers li { width: 33.3333333%; padding: 0 1.5%; } }

.finder-page .mount-type-footers li .button { width: 100%; }

@media screen and (max-width: 980px) { .finder-page .mount-type-footers li .button { font-size: 13px; } }

@media screen and (max-width: 980px) { .finder-page .mount-type-footers li.empty { width: 34%; } }

@media screen and (max-width: 810px) { .finder-page .mount-type-footers li.empty { display: none; } }

.finder-page #product-wrap > .site-centered > h1 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 30px; margin-bottom: 2rem; }

@media screen and (max-width: 810px) { .finder-page #product-wrap > .site-centered > h1 { margin: 1em 0; } }

@media screen and (max-width: 640px) { .finder-page #product-wrap > .site-centered > h1 { margin-top: 0; font-size: 20px; } }

.finder-page .results-recommended { background: #fafafa; margin-bottom: 2em; padding-bottom: 1em; }

.finder-page .step.step-results { text-align: right; padding-bottom: 1em; }

.finder-page .step.step-results a { font-size: 20px; font-size: 1.25rem; padding: 1em 6em; margin: 1em 0; }

@media screen and (max-width: 640px) { .finder-page .step.step-results a { display: block; padding: 1em 0; } }

.finder-page .step.step-results a.ready { background: #333; border-color: #000; color: #fff; -webkit-animation-name: ready; animation-name: ready; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 3s; animation-duration: 3s; }

.finder-page .step.step-results a.ready:focus { box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); }

.finder-page .product-filter .select-styled-wrap { width: 100%; }

.finder-page .view-filter .select-styled-wrap { width: auto; }

.finder-page .recommended-products { padding: 2em 0 1em; overflow: visible; text-align: center; }

@media screen and (max-width: 810px) { .finder-page .recommended-products { padding: 1em 0; border-top: none; } }

.finder-page .recommended-products .product { background: #fff; border: none; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); width: 30%; margin-top: 0; text-align: left; overflow: hidden; position: relative; opacity: .5; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product { display: block; margin: 0; width: 100%; overflow: hidden; opacity: 1; } }

.finder-page .recommended-products .product:hover { opacity: 1; }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product a { overflow: hidden; } }

.finder-page .recommended-products .product-type { font-size: 24px; font-size: 1.5rem; text-align: center; padding: 0.3em 0; margin: 0; }

.finder-page .recommended-products .product-info { padding: 1em 1em 0.5em; }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product-info { width: -webkit-calc(100% - 200px); width: calc(100% - 200px); float: right; box-sizing: border-box; } }

@media screen and (max-width: 640px) { .finder-page .recommended-products .product-info { width: 66%; padding: 1em; } }

.finder-page .recommended-products .product-info .model { font-size: 24px; font-size: 1.5rem; }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product-info .model { text-align: left; font-size: 1rem; } }

.finder-page .recommended-products .product-info .price { font-size: 28px; font-size: 1.75rem; font-family: "UniversLTW01-47LightCn", "Helvetica", sans-serif; }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product-info .price { text-align: left; font-size: 1rem; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product-info .description { height: auto; } }

.finder-page .recommended-products .product-table td { padding: 0.5em 0; }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product-table td { padding: 0.25em 0; } }

@media screen and (max-width: 940px) { .finder-page .recommended-products .product-image { width: -webkit-calc(100% - 2em); width: calc(100% - 2em); } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product-image { float: left; height: auto; padding: 1em; width: 200px; margin: 0; box-sizing: border-box; background: transparent; text-align: center; } }

@media screen and (max-width: 640px) { .finder-page .recommended-products .product-image { width: 33%; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product-image img { position: relative; } }

@media screen and (max-width: 640px) { .finder-page .recommended-products .product-image img { max-width: 100%; max-height: 100%; width: 100%; min-height: 60px; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product ~ .product { margin: 1em 0 0; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product-bar { height: 2px; } }

@media screen and (max-width: 640px) { .finder-page .recommended-products .product-bar { height: 2px; width: 100%; top: 3em; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product .product-compare { clear: both; width: -webkit-calc(100% - 200px); width: calc(100% - 200px); float: right; box-sizing: border-box; padding-bottom: 0; } }

@media screen and (max-width: 640px) { .finder-page .recommended-products .product .product-compare { float: left; margin-bottom: 12px; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .product.preferred { background: #fff; height: auto; padding-bottom: 0; } }

.finder-page .recommended-products.no-preferred .product { opacity: 1; }

.finder-page .recommended-products .preferred-type { color: #fff; font-size: 16px; font-size: 1rem; text-align: center; text-transform: uppercase; padding: 0.5em 0 0; margin-bottom: 0; }

@media screen and (max-width: 810px) { .finder-page .recommended-products .preferred-type { padding: 0.5em 0; font-size: 0.75rem !important; } }

.finder-page .recommended-products .full-motion .product-type, .finder-page .recommended-products .full-motion .preferred-type, .finder-page .recommended-products .full-motion-plus .product-type, .finder-page .recommended-products .full-motion-plus .preferred-type { background-color: #62bb46; color: #fff; }

.finder-page .recommended-products .tilting { margin: 0 4.5%; }

@media screen and (max-width: 925px) { .finder-page .recommended-products .tilting { margin: 0 4%; } }

.finder-page .recommended-products .tilting .product-type, .finder-page .recommended-products .tilting .preferred-type { background-color: #519fd7; color: #fff; }

.finder-page .recommended-products .low-profile .product-type, .finder-page .recommended-products .low-profile .preferred-type { background-color: #fcaf17; color: #fff; }

.finder-page .recommended-products .full-motion.preferred, .finder-page .recommended-products .full-motion-plus.preferred { background-image: -webkit-linear-gradient(top, transparent 70%, rgba(98, 187, 70, 0.05) 100%); background-image: linear-gradient(to bottom, transparent 70%, rgba(98, 187, 70, 0.05) 100%); border: solid 1px #62bb46; }

.finder-page .recommended-products .tilting.preferred { background-image: -webkit-linear-gradient(top, transparent 70%, rgba(81, 159, 215, 0.05) 100%); background-image: linear-gradient(to bottom, transparent 70%, rgba(81, 159, 215, 0.05) 100%); border: solid 1px #519fd7; }

.finder-page .recommended-products .low-profile.preferred { background-image: -webkit-linear-gradient(top, transparent 70%, rgba(252, 175, 23, 0.05) 100%); background-image: linear-gradient(to bottom, transparent 70%, rgba(252, 175, 23, 0.05) 100%); border: solid 1px #fcaf17; }

.finder-page .recommended-products .full-motion-plus { display: none; }

.finder-page .recommended-products .preferred { margin-top: 0; overflow: visible; opacity: 1; }

.finder-page .recommended-products .preferred:before { content: "YOUR PICK"; background: url(/img/icons/icon_star-badge.svg) center center no-repeat; background-size: 100% 100%; height: 33px; width: 33px; position: absolute; right: -20px; top: -20px; font-family: "UniversLTW01-67BoldCn", "Helvetica", sans-serif; font-size: 9px; padding: 10px 5px 0; color: #fff; text-align: center; z-index: 2; }

@media screen and (max-width: 640px) { .finder-page .recommended-products .preferred:before { right: -15px; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .preferred .product-image { float: left; height: auto; padding: 1em 1em 0; width: 200px; margin: 0; box-sizing: border-box; background: transparent; text-align: center; } }

@media screen and (max-width: 640px) { .finder-page .recommended-products .preferred .product-image { width: 33%; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .preferred .product-image:before { display: none; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .preferred .product-image img { position: relative; } }

@media screen and (max-width: 640px) { .finder-page .recommended-products .preferred .product-image img { max-width: 100%; max-height: 100%; } }

@media screen and (max-width: 810px) { .finder-page .recommended-products .preferred .model { color: #4b4b4b; border-color: #cccccc; }
  .finder-page .recommended-products .preferred .description { color: #737373; }
  .finder-page .recommended-products .preferred .price { color: #0071DF; }
  .finder-page .recommended-products .preferred.full-motion .preferred-type { background: #62bb46; }
  .finder-page .recommended-products .preferred.tilting .preferred-type { background: #519fd7; }
  .finder-page .recommended-products .preferred.low-profile .preferred-type { background: #fcaf17; } }

@media screen and (max-width: 640px) { .finder-page .recommended-products .preferred .product-bar { top: 0; } }

.finder-page .recommended-products-info { margin: 0; padding: 0; }

@media screen and (max-width: 810px) { .finder-page .recommended-products-info { display: none; } }

.finder-page .recommended-products-info li { display: inline-block; width: 270px; text-align: center; padding: 0 0.5em; box-sizing: border-box; vertical-align: top; }

@media screen and (max-width: 1110px) { .finder-page .recommended-products-info li { width: 25%; margin-right: -0.26em; vertical-align: top; } }

.finder-page .recommended-products-info span { border-top: 1px solid #cccccc; color: #999999; display: block; font-size: 14px; font-size: 0.875rem; padding: 1em 0; margin: 0 1em; min-height: 5.25em; }

@media screen and (max-width: 900px) { .finder-page .recommended-products-info span { min-height: 6.5em; } }

.finder-page .recommended-products-info .button { font-size: 12px; font-size: 0.75rem; display: block; border: none; color: #fff; width: 100%; }

.finder-page .recommended-products-info .button.full-motion, .finder-page .recommended-products-info .button.full-motion-plus { background: #62bb46; }

.finder-page .recommended-products-info .button.tilting { background: #519fd7; }

.finder-page .recommended-products-info .button.fixed-position { background: #fcaf17; }

.finder-page .product.filter-hidden { display: none; }

.finder-page .svg .svg-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.finder-page .svg .stars { fill: #999; }

.finder-page .svg .recommended-products .svg-overlay { fill: #fff; background: none; }

.finder-page .svg .recommended-products .bar-container:after, .finder-page .svg .recommended-products .bar-container .svg-overlay { background: none; }

.finder-page .svg .recommended-products .bar-container.star .overlay { background: none; display: none; }

@media screen and (max-width: 810px) { .finder-page .svg .recommended-products .preferred .stars { fill: #cccccc; } }

@media screen and (max-width: 810px) { .finder-page .svg .recommended-products .product.preferred .svg-overlay { border-color: #fff; fill: #fff; } }

.finder-page .other-recommendations > h2 { color: #000; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 20px; font-size: 1.75rem; margin-bottom: 1em; }

.finder-page .other-recommendations .finder-content { padding-right: 0; width: 74%; }

@media screen and (max-width: 1024px) { .finder-page .other-recommendations .finder-content { width: 100%; padding: 0 0 1em; } }

@media screen and (max-width: 1024px) { .finder-page .other-recommendations .product-filter { max-height: none; } }

.finder-page .other-recommendations .sidebar { padding-left: 0; padding-right: 0; width: 24%; }

@media screen and (max-width: 1024px) { .finder-page .other-recommendations .sidebar { width: 100%; padding: 0 0 1em; } }

.finder-page .other-recommendations .sidebar.is-fixed { position: fixed; top: 16px; }

.finder-page .other-recommendations .sidebar.is-bottom { position: absolute; bottom: 0; }

.finder-page .hole-placement { padding-top: 2em; padding-bottom: 2em; }

@media screen and (max-width: 640px) { .finder-page .hole-placement { padding-top: 0; } }

.finder-page .hole-placement-header .button { cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; margin-left: 1em; padding: 0.75em 1em; }

.finder-page .hole-placement-header .button:before { font-family: "Flat-UI-Icons"; font-size: 12px; font-size: 1.125rem; font-weight: normal; margin-right: 0.5em; vertical-align: middle; }

.finder-page .placement-header h2 { color: #000; font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 26px; padding: 0 0 1em; }

.finder-page .placement-header .left { width: 70%; }

.finder-page .bracket-placement img, .finder-page .hole-placement-results img { display: block; margin: 0 auto; }

.finder-page .results-secondary { position: relative; }

.finder-page #compareImages { top: 5em; }

.finder-page .hf-main-measurements { padding: 1em 0; max-width: 875px; }

.finder-page .hf-main-measurements .measurement { float: left; margin: 0 2% 0 0; padding-bottom: 6px; position: relative; width: 18%; }

.finder-page .hf-main-measurements .measurement:after { bottom: 0; content: ""; display: block; height: 2px; left: 0; position: absolute; width: 100%; }

.finder-page .hf-main-measurements .label { color: #333; display: block; margin: 0 0 5px; font-size: 14px; font-size: 0.875rem; font-weight: normal; text-align: left; border: none; white-space: normal; }

.finder-page .hf-main-measurements .measure { color: #333; display: block; font-size: 28px; font-weight: bold; margin-top: auto; }

.finder-page .hf-main-measurements .measure.wp-input { padding: .05em .25em; }

.finder-page .hf-main-measurements sup { letter-spacing: normal; top: -0.25em; }

.finder-page .hf-main-measurements .top-hole:after { background: #dc0000; }

.finder-page .hf-main-measurements .bottom-hole:after { background: #ffa800; }

.finder-page .hf-main-measurements .top-tv:after, .finder-page .hf-main-measurements .bottom-tv:after, .finder-page .hf-main-measurements .middle-tv:after { display: none; }

.finder-page .hf-placement { position: relative; border-bottom: dashed 1px #cccccc; padding-bottom: 2em; margin-bottom: 2em; }

.finder-page .hf-canvas { margin-bottom: 1em; max-width: 875px; padding: 0; position: relative; }

.finder-page .hf-canvas img { margin-bottom: 0; display: block; }

.finder-page .hf-canvas .measure { color: #333333; font-weight: bold; position: absolute; }

.finder-page .hf-canvas .horizontal:after, .finder-page .hf-canvas .horizontal:before, .finder-page .hf-canvas .vertical:after, .finder-page .hf-canvas .vertical:before { font-family: "Flat-UI-Icons"; font-size: 10px; line-height: 1; position: absolute; }

.finder-page .hf-canvas .horizontal { border-top: 2px dashed #333; margin: 0 2%; text-align: center; width: 96%; }

.finder-page .hf-canvas .horizontal:after, .finder-page .hf-canvas .horizontal:before { margin-top: -0.5em; top: -1px; }

.finder-page .hf-canvas .horizontal:after { content: "\e002"; left: 100%; }

.finder-page .hf-canvas .horizontal:before { content: "\e000"; right: 100%; }

.finder-page .hf-canvas .vertical:after, .finder-page .hf-canvas .vertical:before { margin-right: -0.5em; right: -1px; }

.finder-page .hf-canvas .vertical { border-right: 2px dashed #333; }

.finder-page .hf-canvas .vertical:after { content: "\e003"; bottom: 100%; }

.finder-page .hf-canvas .vertical:before { content: "\e001"; top: 100%; }

.finder-page .hf-render-dimensions { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.finder-page .hf-render-dimensions.show { display: block; }

.finder-page .hf-render-dimensions .horizontal { left: 0; padding-top: 0.25em; top: 5%; }

.finder-page .hf-render-dimensions .vertical { height: 84%; left: 20%; margin: 2% 0; padding-bottom: 23%; padding-right: 0.25em; padding-top: 23%; top: 0; box-sizing: border-box; }

.finder-page .hf-render-furniture { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.finder-page .hf-tv { cursor: move; display: block; height: 0; left: 0; position: absolute; width: 100%; }

.finder-page .hf-tv-container { display: block; height: 90%; left: 0; margin: auto; position: absolute; right: 0; top: 0; }

.finder-page .hf-mount { height: 100%; position: absolute; width: 100%; }

.finder-page .hf-mount img { margin: auto; }

.finder-page .hf-ghost-tv { background: #000; border: 2px solid #fff; display: block; height: 100%; left: 0; opacity: 0.1; position: absolute; top: 0; width: 100%; box-sizing: border-box; }

.finder-page .hf-hole { position: absolute; left: 50%; width: 75%; }

.finder-page .hf-hole .measurement { color: #333333; font-weight: bold; left: 100%; margin-left: 0.5em; position: absolute; top: 0; }

.finder-page .hf-hole .line { display: block; }

.finder-page .hf-top-hole .measurement { margin-top: -1em; }

.finder-page .hf-top-hole .line { border-top: #dc0000 2px dashed; }

.finder-page .hf-bottom-hole .line { border-top: #ffa800 2px dashed; }

.finder-page .hf-controls-top h3 { font-family: "Univers LT W02 45 Light", "Helvetica", sans-serif; font-size: 20px; font-size: 1.25rem; }

.finder-page .hf-controls-top .button { margin: 0 1% 0 0; width: 49%; box-sizing: border-box; float: left; background: #eee url(/img/icons/icon_arrow-up.svg) center center no-repeat; background-size: 15px 18px; height: 50px; }

.finder-page .hf-controls-top .button#hf-down { margin: 0 0 0 1%; background: #eee url(/img/icons/icon_arrow-down.svg) center center no-repeat; background-size: 15px 18px; }

@media screen and (max-width: 875px) { .finder-page .hf-controls-top .button#hf-down { margin: 0 0 0.5em; } }

.finder-page .hf-controls-top .button img { width: 15px; margin: 0; }

.finder-page .hf-controls-bottom .button { margin: 0.5em 0 0; width: 100%; box-sizing: border-box; }

.finder-page .hf-placement-info { padding-left: 0; }

.finder-page .hf-placement-info .video-container { width: 50%; box-sizing: border-box; padding: 0 2% 32% 0; }

.finder-page .hf-placement-info .video-container:last-child { padding: 0 0 32% 2%; }

.finder-page .hf-placement-illustration { float: right; margin-left: 3em; position: relative; }

.finder-page .hf-placement-illustration p { font-size: 10px; font-size: 0.625rem; }

.finder-page .hf-placement-illustration .tv-caption { left: 12%; position: absolute; top: 40%; }

.finder-page .hf-placement-illustration .eyes-caption { position: absolute; right: 0; top: 13%; text-align: right; }

.finder-page .hf-placement-illustration .height-caption { bottom: 33%; left: 44%; position: absolute; width: 15%; }

.finder-page .hf-placement-illustration .distance-caption { left: 23%; position: absolute; top: 20%; }

.finder-page .hf-placement-downloads p { color: #737373; border-bottom: dashed 1px #cccccc; padding-bottom: 5px; margin-bottom: 5px; }

.finder-page .hf-placement-downloads ul { margin: 0; }

.finder-page .hf-placement-downloads .button { background-color: #fff; }

.finder-page .hf-placement-downloads .button:hover { background-color: #fff; border-color: #cccccc; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5); cursor: pointer; }

.finder-page .finger-illustration { padding: 10px 0; position: relative; height: 110px; }

.finder-page .finger-illustration img { position: absolute; top: 0; -webkit-animation-name: finger; animation-name: finger; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 4s; animation-duration: 4s; }

@media screen and (max-width: 1100px) { .finder-page .finder-content .hf-main-measurements { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

@media screen and (max-width: 640px) { .finder-page .finder-content .hf-main-measurements { padding-top: 0; } }

@media screen and (max-width: 540px) { .finder-page .finder-content .hf-main-measurements { display: block; } }

@media screen and (max-width: 820px) { .finder-page .finder-content .hf-main-measurements .measurement { padding-bottom: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

@media screen and (max-width: 540px) { .finder-page .finder-content .hf-main-measurements .measurement { width: 48%; display: block; margin-bottom: 0.25em; }
  .finder-page .finder-content .hf-main-measurements .measurement.top-hole { clear: both; } }

@media screen and (max-width: 640px) { .finder-page .finder-content .hf-main-measurements .measurement:after { border-radius: 2px; height: 4px; } }

@media screen and (max-width: 640px) { .finder-page .finder-content .hf-main-measurements .label { font-size: 0.75rem; } }

@media screen and (max-width: 640px) { .finder-page .finder-content .hf-main-measurements .measure { font-size: 1.25rem; } }

@media screen and (max-width: 1100px) { .finder-page .finder-content .hf-placement-info { width: 100%; } }

@media screen and (max-width: 810px) { .finder-page .finder-content .hf-placement-info p { overflow: hidden; } }

@media screen and (max-width: 875px) { .finder-page .finder-content .hf-canvas, .finder-page .finder-content .hf-placement-controls { float: none; padding: 0; width: auto; } }

@media screen and (max-width: 875px) { .finder-page .finder-content .hf-placement-controls { margin-bottom: 1em; } }

@media screen and (max-width: 810px) { .finder-page .finder-content .hf-placement-illustration { width: 50%; } }

@media screen and (max-width: 640px) { .finder-page .finder-content .hf-placement-illustration { float: none; margin-left: 0; max-width: 409px; width: auto; } }

@media screen and (max-width: 810px) { .finder-page .finder-content .hf-placement-illustration p { font-size: 50%; } }

@media screen and (max-width: 875px) { .finder-page .finder-content .hf-controls-top { float: none; position: relative; width: auto; } }

@media screen and (max-width: 875px) { .finder-page .finder-content .hf-controls-top .button { width: 100%; display: block; margin: 0 0 0.5em; } }

@media screen and (max-width: 875px) { .finder-page .finder-content .hf-controls-top img { float: right; } }

@media screen and (max-width: 1100px) { .finder-page .finder-content .hf-controls-bottom { bottom: auto; position: static; right: auto; width: auto; } }

@media screen and (max-width: 875px) { .finder-page .finder-content .hf-controls-bottom { bottom: auto; padding: 0; position: static; right: auto; width: 100%; } }

@media screen and (max-width: 875px) { .finder-page .finder-content .hf-controls-bottom .button { margin: 0 0 .5em; width: 32.9%; } }

@media screen and (max-width: 810px) { .finder-page .finder-content .hf-controls-bottom .button { margin: 0 0 0.5em; width: 100%; box-sizing: border-box; } }

@media print { .finder-page .finder-content .hf-placement-controls { display: none; }
  .finder-page .finder-content .finder-content .hf-main-measurements, .finder-page .finder-content .finder-content .hf-placement-info { width: 100%; max-width: none; }
  .finder-page .finder-content .finder-content .hf-placement-illustration { display: inline-block; float: none; } }

/*
===========
Brand Logos
===========
*/
.brands .button .svg.logo { display: none; }

.button.selected .logo { opacity: 1; }

.svg .brands .button { height: 3em; padding: 0 1em; }

.svg .brands .button .svg.logo { display: block; fill: #000; max-width: 100%; height: 20px; opacity: 0.4; margin: 0 auto; -webkit-transition-property: opacity, fill; transition-property: opacity, fill; -webkit-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.svg .button .logo { background-image: none !important; display: block; height: auto; }

.svg .button.selected .svg.logo, .svg .button:hover .svg.logo { fill: #fff; opacity: 1; }

.svg .sizes .tv-illustration, .svg .sizes button.selected { background-image: url("/img/mountfinder/illustration_tv.svg"); }

/* Main Logos */
.button { /* Other Logos */ }

.button.samsung .logo { background-image: url("/img/logos/brands-black/logo_samsung.png"); width: 112px; }

.button.samsung:hover .logo, .button.samsung.selected .logo { background-image: url("/img/logos/brands-white/logo_samsung.png"); }

.button.sharp .logo { background-image: url("/img/logos/brands-black/logo_sharp.png"); width: 101px; }

.button.sharp:hover .logo, .button.sharp.selected .logo { background-image: url("/img/logos/brands-white/logo_sharp.png"); }

.button.sony .logo { background-image: url("/img/logos/brands-black/logo_sony.png"); width: 96px; }

.button.sony:hover .logo, .button.sony.selected .logo { background-image: url("/img/logos/brands-white/logo_sony.png"); }

.button.lg-electronics .logo { background-image: url("/img/logos/brands-black/logo_lg.png"); width: 43px; }

.button.lg-electronics:hover .logo, .button.lg-electronics.selected .logo { background-image: url("/img/logos/brands-white/logo_lg.png"); }

.button.panasonic .logo { background-image: url("/img/logos/brands-black/logo_panasonic.png"); width: 117px; }

.button.panasonic:hover .logo, .button.panasonic.selected .logo { background-image: url("/img/logos/brands-white/logo_panasonic.png"); }

.button.dell .logo { background-image: url("/img/logos/brands-black/logo_dell.png"); width: 59px; }

.button.dell:hover .logo, .button.dell.selected .logo { background-image: url("/img/logos/brands-white/logo_dell.png"); }

.button.fujitsu .logo { background-image: url("/img/logos/brands-black/logo_fujitsu.png"); width: 43px; }

.button.fujitsu:hover .logo, .button.fujitsu.selected .logo { background-image: url("/img/logos/brands-white/logo_fujitsu.png"); }

.button.hisense .logo { background-image: url("/img/logos/brands-black/logo_hisense.png"); width: 111px; }

.button.hisense:hover .logo, .button.hisense.selected .logo { background-image: url("/img/logos/brands-white/logo_hisense.png"); }

.button.hitachi .logo { background-image: url("/img/logos/brands-black/logo_hitachi.png"); width: 117px; }

.button.hitachi:hover .logo, .button.hitachi.selected .logo { background-image: url("/img/logos/brands-white/logo_hitachi.png"); }

.button.hp .logo { background-image: url("/img/logos/brands-black/logo_hp.png"); width: 87px; }

.button.hp:hover .logo, .button.hp.selected .logo { background-image: url("/img/logos/brands-white/logo_hp.png"); }

.button.insignia .logo { background-image: url("/img/logos/brands-black/logo_insignia.png"); width: 71px; }

.button.insignia:hover .logo, .button.insignia.selected .logo { background-image: url("/img/logos/brands-white/logo_insignia.png"); }

.button.jvc .logo { background-image: url("/img/logos/brands-black/logo_jvc.png"); width: 52px; }

.button.jvc:hover .logo, .button.jvc.selected .logo { background-image: url("/img/logos/brands-white/logo_jvc.png"); }

.button.nec .logo { background-image: url("/img/logos/brands-black/logo_nec.png"); width: 68px; }

.button.nec:hover .logo, .button.nec.selected .logo { background-image: url("/img/logos/brands-white/logo_nec.png"); }

.button.philips .logo { background-image: url("/img/logos/brands-black/logo_philips.png"); width: 90px; }

.button.philips:hover .logo, .button.philips.selected .logo { background-image: url("/img/logos/brands-white/logo_philips.png"); }

.button.pioneer .logo { background-image: url("/img/logos/brands-black/logo_pioneer.png"); width: 119px; }

.button.pioneer:hover .logo, .button.pioneer.selected .logo { background-image: url("/img/logos/brands-white/logo_pioneer.png"); }

.button.sanyo .logo { background-image: url("/img/logos/brands-black/logo_sanyo.png"); width: 64px; }

.button.sanyo:hover .logo, .button.sanyo.selected .logo { background-image: url("/img/logos/brands-white/logo_sanyo.png"); }

.button.toshiba .logo { background-image: url("/img/logos/brands-black/logo_toshiba.png"); width: 112px; }

.button.toshiba:hover .logo, .button.toshiba.selected .logo { background-image: url("/img/logos/brands-white/logo_toshiba.png"); }

.button.viewsonic .logo { background-image: url("/img/logos/brands-black/logo_viewsonic.png"); width: 113px; }

.button.viewsonic:hover .logo, .button.viewsonic.selected .logo { background-image: url("/img/logos/brands-white/logo_viewsonic.png"); }

.button.vizio .logo { background-image: url("/img/logos/brands-black/logo_vizio.png"); width: 72px; }

.button.vizio:hover .logo, .button.vizio.selected .logo { background-image: url("/img/logos/brands-white/logo_vizio.png"); }

.button.westinghouse .logo { background-image: url("/img/logos/brands-black/logo_westinghouse.png"); width: 78px; }

.button.westinghouse:hover .logo, .button.westinghouse.selected .logo { background-image: url("/img/logos/brands-white/logo_westinghouse.png"); }

/** VendorFinder Only */
.Mountfinder #product-wrap > .site-centered > h1, .MountfinderResults #product-wrap > .site-centered > h1 { margin-top: 1em; }

.Mountfinder ul.mount-type-headers li .btn-full-motion:before, .Mountfinder .recommended-products .preferred:before, .MountfinderResults ul.mount-type-headers li .btn-full-motion:before, .MountfinderResults .recommended-products .preferred:before { height: 43px; width: 43px; }

.Mountfinder .alert, .MountfinderResults .alert { margin: 0 0 1em; }

.Mountfinder .alert.alert-error, .MountfinderResults .alert.alert-error { background-color: #fdf8e4; border-color: #c7b199; }

.Mountfinder .alert.alert-error p, .MountfinderResults .alert.alert-error p { color: #aaa085; }

/** IE Only */
.ie-cover { display: none; }

.ie8 .ie-cover { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url("/img/bg_white-overlay.png"); background-color: transparent; background-repeat: repeat; z-index: 1; }

.ie8 .step.active .ie-cover, .ie8 .step.completed .ie-cover { display: none; }

.ie8 .step.loading .ie-cover { background-image: url("/img/loading_profile-spinner.gif"); background-position: center 25%; background-repeat: no-repeat; background-color: white; }

.mf-only { display: none; }

.mountfinder .mf-only, .Mountfinder .mf-only { display: block; }

/** Print Styles for SANUS 3.0 **/
@media print { /* RESET */
  body { background: #fff; color: #737373; }
  /* Elements to be hidden */
  .site-header-main, .page-feature, .page-feature .blurb, #homepage-slider, .site-footer-top, .learn-page .button, .site-aux, .product-area #sidebar, .finder-page .sidebar, .product-compare, #compareImages, .ui-tabs-nav, .star, #limit-bottom-wrap, #loadMore, .product-quick-info .download, .product-social, .product-sell, #BVCustomerRatings, #productVideos, .product-features .teaser, .product-installation-tools .image-wrap, .product-reviews-container, #disqus, .hf-placement-controls, .news-page section.full h2, .news-page #search-container, .news-page #sidebar, .news-page .button, .support-page section.full h2, .support-page #search-container, .support-page .two-thirds, .support-page #sidebar .button.big, .contact-page .two-thirds, .contact-page #sidebar .button.big, .news-story .button, .store-directions { display: none; height: 0; }
  /* General Site Elements */
  li, p, a { color: #424242; }
  .site-header { min-height: 10px; }
  .site-header .site-aux { background: none; }
  .site-header #site-logo { margin-bottom: 10px; top: 0; background: none; }
  .logo_print { display: block; }
  .page-header, .product-category-page .page-header { height: 0; background: none; box-shadow: none; }
  .page-header h1, .product-category-page .page-header h1 { margin: 0 0 0 1%; background: none; color: #000; text-align: left; padding: 10px 0 13px; font-size: 36px; }
  #hierarchy-nav { margin-bottom: 0px; }
  .spacer { margin-bottom: 1em; padding-bottom: 1em; }
  .third { width: 30%; }
  .site-footer-bottom { margin-top: 15px; }
  /* Homepage */
  .home-page .page-feature { display: block; height: auto; }
  .home-page .featured-tabs { border-top: none; border-bottom: 1px dashed #cccccc; }
  /* Product Category & Grid */
  .product-category-page .teaser p { text-align: left; font-size: 21px; }
  .product-area { padding-top: 10px; padding-bottom: 0; margin-bottom: 0; }
  .product-area .three-quarters { width: 98%; }
  .featured-tabs { padding-top: 0; box-shadow: none; border-top: 1px dashed #ccc; }
  .product { margin-bottom: .5em; }
  .product .product-description { height: 3.8em; margin: 0; }
  /* Product Detail */
  .product-image-container li { max-width: 100%; }
  .product-image-flexslider.loaded img, .product-image-thumbnails.loaded img { display: block; width: 298px; }
  .product-image-thumbnails ul.slides { max-width: 100%; margin-top: 10px; }
  .product-image-thumbnails ul.slides .slide { width: 31% !important; margin: 0 0 3% 2%; }
  .product-quick-info li { width: 100%; }
  .product-quick-info .label { background: #000 !important; color: #fff !important; display: block; float: none; width: auto; }
  .product-quick-info .label-caption { bottom: auto; font-size: inherit; left: auto; line-height: inherit; position: static; width: auto; }
  .product-quick-info .label-caption:after { content: ": "; }
  .product-quick-info .value { display: block; padding: 0; }
  .product-quick-info .quick-stat { height: auto; line-height: inherit; text-align: left; }
  .product-description p { font-size: 11px; }
  .product-features { border-bottom: 1px dashed #cccccc; page-break-inside: avoid; }
  .product-features-slider { background: none; }
  .product-features-slider .slide-description { font-size: 14pt; }
  .product-installation-tools { page-break-inside: avoid; }
  .product-installation-tools ul { list-style-type: disc; list-style-position: inside; page-break-inside: avoid; }
  .product-installation-tools li { width: 48%; padding-bottom: 0; }
  .product-installation-tools .name { padding: 0; }
  .product-specifications { page-break-inside: avoid; }
  .spec-table { width: 98%; }
  .spec-table tr { border-bottom: 1px solid #cccccc; }
  .spec-table td:first-child { width: 35%; }
  /* Learn Pages */
  .learn-page .step a { display: block; }
  .learn-page .flexslider img { max-width: 310px; }
  .fms-work { padding-bottom: 3em; }
  .fms-steps { margin-bottom: 20px; }
  .fms-steps a { background: #fff !important; color: #000 !important; }
  /* MountFinder/HeightFinder */
  .finder-page .page-header { height: 0; background: none !important; }
  .finder-page .page-header h1 { margin-top: 0; }
  .hf-step-4 ul.slides { max-width: 100%; }
  .hf-canvas, .hf-main-measurements, .hf-placement-info { width: 100%; }
  .hf-placement-illustration { float: none; margin: none; width: 409px; }
  .hf-placement-info { page-break-inside: avoid; }
  .placement-header h2 { font-size: 28px; }
  .finder-progress-container { display: none !important; }
  /* News */
  #newsArticleListContainer { width: 98%; }
  /* Contact & Support Pages */
  .contact-page #sidebar, .support-page #sidebar { width: 98%; margin-bottom: 0; }
  .contact-page .quick-contact-info, .contact-page .office, .support-page .quick-contact-info, .support-page .office { width: 40%; float: left; }
  .featured-sections section { page-break-inside: avoid; }
  /* Store Locator */
  #map { width: 98%; margin-bottom: 20px; page-break-after: avoid; }
  .store-locator .input-search { display: none !important; }
  .store { box-sizing: border-box; display: inline-block; min-height: 10em; padding: 2%; width: 33%; vertical-align: top; page-break-inside: avoid; }
  #output { height: auto; overflow: auto; position: relative; width: 98%; page-break-before: always; } }

@media print and (orientation: landscape) { /* landscape styles */
  .hf-canvas { width: 70%; }
  /* Because wasting paper isn't cool */ }
