/*
------------------------ =SCAFFOLDING ------------------------ */
.wrap {
clear: both;
display: block;
margin: 0 auto;
position: relative;
width: 990px;
max-width: 990px;
zoom: 1;
}
/* ------------------------ row structure ------------------------ */
.row {
clear: both;
display: block;
margin: 0 auto;
position: relative;
width: auto;
zoom: 1;
}
.row .row {
margin-right: -0.75rem;
margin-left: -0.75rem;
}
.row .row.maintain-structure {
margin-right: 0.75rem;
margin-left: 0.75rem;
}
.wrap:before,
.wrap:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.wrap:after,
.row:after {
clear: both;
}
/* ------------------------ column structure ------------------------ */
.column {
float: left;
padding-right: 0.75rem;
padding-left: 0.75rem;
position: relative;
width: 100%;
min-height: 1px;
}
.column.centered {
float: none;
margin: 0 auto;
overflow: hidden;
}
.column.no-padding {
padding-right: 0;
padding-left: 0;
}
/* ------------------------ column widths [nano+] ------------------------ */
.row .medium63dot5 {
width:63.5%;
}
.row .whole,
.row .two-halves,
.row .three-thirds,
.row .four-fourths,
.row .five-fifths,
.row .six-sixths,
.row .eight-eights,
.row .ten-tenths,
.row .twelve-twelfths {
width: 100%;
}
.row .half,
.row .two-fourths,
.row .three-sixths,
.row .four-eights,
.row .five-tenths,
.row .six-twelfths {
width: 50%;
}
.row .one-third,
.row .two-sixths,
.row .four-twelfths {
width: 33.3332%;
}
.row .two-thirds,
.row .four-sixths,
.row .eight-twelfths {
width: 66.6665%;
}
.row .one-fourth,
.row .two-eighths,
.row .three-twelfths {
width: 25%;
}
.row .three-fourths,
.row .six-eighths,
.row .nine-twelfths {
width: 75%;
}
.row .one-fifth,
.row .two-tenths {
width: 20%;
}
.row .two-fifths,
.row .four-tenths {
width: 40%;
}
.row .three-fifths,
.row .six-tenths {
width: 60%;
}
.row .four-fifths,
.row .eight-tenths {
width: 80%;
}
.row .one-sixth,
.row .two-twelfths {
width: 16.6665%;
}
.row .five-sixths,
.row .ten-twelfths {
width: 83.3332%;
}
.row .one-eighth {
width: 12.5%;
}
.row .three-eighths {
width: 37.5%;
}
.row .five-eighths {
width: 62.5%;
}
.row .seven-eighths {
width: 87.5%;
}
.row .one-tenth {
width: 10%;
}
.row .three-tenths {
width: 30%;
}
.row .seven-tenths {
width: 70%;
}
.row .nine-tenths {
width: 90%;
}
.row .one-twelfth {
width: 8.3332%;
}
.row .five-twelfths {
width: 41.6665%;
}
.row .seven-twelfths {
width: 58.332%;
}
.row .eleven-twelfths {
width: 91.6665%;
}
.row .golden-small {
width: 38.2716%;
}
.row .golden-large {
width: 61.7283%;
}
.row .width-auto {
width: auto;
}
/* ------------------------ column push ------------------------ */
.row .push-half,
.row .push-two-fourths,
.row .push-three-sixths,
.row .push-four-eights,
.row .push-five-tenths,
.row .push-six-twelfths {
left: 50%;
}
.row .push-one-third,
.row .push-two-sixths,
.row .push-four-twelfths {
left: 33.3332%;
}
.row .push-two-thirds,
.row .push-four-sixths,
.row .push-eight-twelfths {
left: 66.6665%;
}
.row .push-one-fourth,
.row .push-two-eighths,
.row .push-three-twelfths {
left: 25%;
}
.row .push-three-fourths,
.row .push-six-eighths,
.row .push-nine-twelfths {
left: 75%;
}
.row .push-one-fifth,
.row .push-two-tenths {
left: 20%;
}
.row .push-two-fifths,
.row .push-four-tenths {
left: 40%;
}
.row .push-three-fifths,
.row .push-six-tenths {
left: 60%;
}
.row .push-four-fifths,
.row .push-eight-tenths {
left: 80%;
}
.row .push-one-sixth,
.row .push-two-twelfths {
left: 16.6665%;
}
.row .push-five-sixths,
.row .push-ten-twelfths {
left: 83.3332%;
}
.row .push-one-eighth {
left: 12.5%;
}
.row .push-three-eighths {
left: 37.5%;
}
.row .push-five-eighths {
left: 62.5%;
}
.row .push-seven-eighths {
left: 87.5%;
}
.row .push-one-tenth {
left: 10%;
}
.row .push-three-tenths {
left: 30%;
}
.row .push-seven-tenths {
left: 70%;
}
.row .push-nine-tenths {
left: 90%;
}
.row .push-one-twelfth {
left: 8.3332%;
}
.row .push-five-twelfths {
left: 41.6665%;
}
.row .push-seven-twelfths {
left: 58.332%;
}
.row .push-eleven-twelfths {
left: 91.6665%;
}
.row .push-golden-small {
left: 38.2716%;
}
.row .push-golden-large {
left: 61.7283%;
}
.row .push-none {
left: auto;
}
/* ------------------------ column pull ------------------------ */
.row .pull-half,
.row .pull-two-fourths,
.row .pull-three-sixths,
.row .pull-four-eights,
.row .pull-five-tenths,
.row .pull-six-twelfths {
right: 50%;
}
.row .pull-one-third,
.row .pull-two-sixths,
.row .pull-four-twelfths {
right: 33.3332%;
}
.row .pull-two-thirds,
.row .pull-four-sixths,
.row .pull-eight-twelfths {
right: 66.6665%;
}
.row .pull-one-fourth,
.row .pull-two-eighths,
.row .pull-three-twelfths {
right: 25%;
}
.row .pull-three-fourths,
.row .pull-six-eighths,
.row .pull-nine-twelfths {
right: 75%;
}
.row .pull-one-fifth,
.row .pull-two-tenths {
right: 20%;
}
.row .pull-two-fifths,
.row .pull-four-tenths {
right: 40%;
}
.row .pull-three-fifths,
.row .pull-six-tenths {
right: 60%;
}
.row .pull-four-fifths,
.row .pull-eight-tenths {
right: 80%;
}
.row .pull-one-sixth,
.row .pull-two-twelfths {
right: 16.6665%;
}
.row .pull-five-sixths,
.row .pull-ten-twelfths {
right: 83.3332%;
}
.row .pull-one-eighth {
right: 12.5%;
}
.row .pull-three-eighths {
right: 37.5%;
}
.row .pull-five-eighths {
right: 62.5%;
}
.row .pull-seven-eighths {
right: 87.5%;
}
.row .pull-one-tenth {
right: 10%;
}
.row .pull-three-tenths {
right: 30%;
}
.row .pull-seven-tenths {
right: 70%;
}
.row .pull-nine-tenths {
right: 90%;
}
.row .pull-one-twelfth {
right: 8.3332%;
}
.row .pull-five-twelfths {
right: 41.6665%;
}
.row .pull-seven-twelfths {
right: 58.332%;
}
.row .pull-eleven-twelfths {
right: 91.6665%;
}
.row .pull-golden-small {
right: 38.2716%;
}
.row .pull-golden-large {
right: 61.7283%;
}
.row .pull-none {
right: auto;
}
/* ------------------------ column offset ------------------------ */
.row .offset-half,
.row .offset-two-fourths,
.row .offset-three-sixths,
.row .offset-four-eights,
.row .offset-five-tenths,
.row .offset-six-twelfths {
margin-left: 50%;
}
.row .offset-one-third,
.row .offset-two-sixths,
.row .offset-four-twelfths {
margin-left: 33.3332%;
}
.row .offset-two-thirds,
.row .offset-four-sixths,
.row .offset-eight-twelfths {
margin-left: 66.6665%;
}
.row .offset-one-fourth,
.row .offset-two-eighths,
.row .offset-three-twelfths {
margin-left: 25%;
}
.row .offset-three-fourths,
.row .offset-six-eighths,
.row .offset-nine-twelfths {
margin-left: 75%;
}
.row .offset-one-fifth,
.row .offset-two-tenths {
margin-left: 20%;
}
.row .offset-two-fifths,
.row .offset-four-tenths {
margin-left: 40%;
}
.row .offset-three-fifths,
.row .offset-six-tenths {
margin-left: 60%;
}
.row .offset-four-fifths,
.row .offset-eight-tenths {
margin-left: 80%;
}
.row .offset-one-sixth,
.row .offset-two-twelfths {
margin-left: 16.6665%;
}
.row .offset-five-sixths,
.row .offset-ten-twelfths {
margin-left: 83.3332%;
}
.row .offset-one-eighth {
margin-left: 12.5%;
}
.row .offset-three-eighths {
margin-left: 37.5%;
}
.row .offset-five-eighths {
margin-left: 62.5%;
}
.row .offset-seven-eighths {
margin-left: 87.5%;
}
.row .offset-one-tenth {
margin-left: 10%;
}
.row .offset-three-tenths {
margin-left: 30%;
}
.row .offset-seven-tenths {
margin-left: 70%;
}
.row .offset-nine-tenths {
margin-left: 90%;
}
.row .offset-one-twelfth {
margin-left: 8.3332%;
}
.row .offset-five-twelfths {
margin-left: 41.6665%;
}
.row .offset-seven-twelfths {
margin-left: 58.332%;
}
.row .offset-eleven-twelfths {
margin-left: 91.6665%;
}
.row .offset-golden-small {
margin-left: 38.2716%;
}
.row .offset-golden-large {
margin-left: 61.7283%;
}
.row .offest-none {
margin-left: 0;
}
.row .offset-cust-03 {
margin-left: 3%;
}
.row .offset-cust-06 {
margin-left: 6%;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: 700;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*
------------------------ BASE ELEMENTS ------------------------ */
*,
*:before,
*:after { /* Apply a natural box layout model to all elements */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*For IE 10 (desktop) to work in it's new "snap mode" you need to use this */
@-moz-viewport {
width: device-width;
zoom: 1.0;
}
@-ms-viewport {
width: device-width;
zoom: 1.0;
}
@-o-viewport {
width: device-width;
zoom: 1.0;
}
@-webkit-viewport {
width: device-width;
zoom: 1.0;
}
@viewport {
width: device-width;
zoom: 1.0;
}
html#desktop,
body.desktop {
min-width: 1000px;
overflow-x: visible !important;
}
html,
body { /* Set and to inherit the height of the viewport */
min-height: 100%;
overflow-x: hidden;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
background: #fff;
font-size: 100%;
overflow-y: scroll;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
/* ------------------------ boxed layout ------------------------ */
.boxed,
.boxed .stuck {
border: solid #ebebeb;
border-width: 0 1px;
margin: 0 auto;
max-width: 1600px;
}
/* ------------------------ set conditional content based on browser width for pairing CSS and JavaScript breakpoints ------------------------ */
/*body:after {
content: 'nano';
display: none;
}*/
body:after {
/*content: 'large';*/
}
/*@media screen and (min-width: 1170px) {
body:after {
content: 'x-large';
}
}*/
/* ------------------------ global elements ------------------------ */
address,
blockquote,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
menu,
ol,
p,
pre,
summary,
table,
ul {
margin: 0;
margin-bottom: 1rem;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
::selection:window-inactive {
background: #dedede;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
[disabled] {
cursor: not-allowed;
}
/* ------------------------ back to top link ------------------------ */
.back-to-top {
color: #fff;
cursor: pointer;
display: none;
position: fixed;
right: 2rem;
bottom: 6rem;
text-align: center;
}
.back-to-top span {
display: inline-block;
font-size: 2rem;
line-height: 2rem;
vertical-align: middle;
width: 2rem;
height: 2rem;
}
/*
------------------------ TYPOGRAPHY ------------------------ */
html,
button,
select,
input,
textarea {
color: #333;
}
body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-size: 1rem;
-webkit-font-smoothing: antialiased;
font-weight: 400;
line-height: 1.5;
text-align: left;
hyphens: none !important;
}
a,
a:active,
a:visited {
outline: none;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out all;
transition: 0.2s ease-in-out all;
}
a {
color: #4d4d4d; /* was #333 */
}
a:hover {
color: #ffc125;
outline: none;
}
a:active {
color: #f69b00;
}
.touch a,
.touch a:hover {
text-decoration: none;
}
.decoration,
.decoration:hover {
text-decoration: underline;
}
.no-decoration,
.no-decoration:hover {
text-decoration: none;
}
abbr,
acronym,
dfn[title] {
border-bottom: 1px dotted #999;
cursor: help;
}
abbr a {
text-decoration: none;
}
acronym {
text-transform: uppercase;
}
blockquote {
border-left: 0.375rem solid #efefef;
font: italic 1.333rem Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
padding-left: 1rem;
}
blockquote p {
margin: 0;
}
blockquote p + p {
margin-top: 1.50rem;
}
blockquote cite {
color: #777;
font: italic 0.75rem Arial, Helvetica, sans-serif;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a {
color: #777;
}
blockquote.blockquote-reverse {
border-left: 0 none;
border-right: .375rem solid #efefef;
padding-left: 0;
padding-right: 1rem;
text-align: right;
}
caption,
p,
table,
textarea,
td,
th {
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
word-wrap: break-word;
}
dl dt {
color: #222;
font-weight: 700;
}
dl dd {
margin: 0;
}
del {
color: #777;
text-decoration: line-through;
}
details {
cursor: pointer;
}
em,
i,
cite {
font-style: italic;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
color: #4d4d4d;
font-weight: 700;
}
h1,
.h1 {
font-size: 1.50rem;
line-height: 1;
}
h2,
.h2 {
font-size: 1.25rem;
line-height: 1.2;
}
h3,
.h3 {
font-size: 1.125rem;
line-height: 1.33333;
}
h4,
.h4 {
font-size: 1rem;
line-height: 1.5;
}
h5,
.h5 {
font-size: 0.875rem;
line-height: 1.71429;
}
h6,
.h6 {
font-size: 0.75rem;
line-height: 2;
}
/* ------------------------ non-mobile ------------------------ */
@media only screen and (min-width: 960px) {
h1,
.h1 {
font-size: 2.25rem;
line-height: 1.33333;
}
h2,
.h2 {
font-size: 1.875rem;
line-height: 1.6;
}
h3,
.h3 {
font-size: 1.125rem;
line-height: 1;
}
h4,
.h4 {
font-size: 1.25rem;
line-height: 1.2;
}
h5,
.h5 {
font-size: 1rem;
line-height: 1.5;
}
h6,
.h6 {
font-size: 0.875rem;
line-height: 1.71429;
}
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
font-weight: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
font-size: 65%;
line-height: 1;
}
hr {
border: 0;
border-bottom: 1px solid #dfe1e1;
margin: 1rem 0;
}
hr.symbol {
border: 0;
height: 1.333rem;
margin: 0 0 1rem;
padding: 1rem 0;
}
hr.symbol:before {
border: 0;
color: #222;
content: "⁂";
display: block;
font-size: 1.333rem;
line-height: 1;
text-align: center;
width: 100%;
}
ins,
mark {
background: #ff9;
color: #222;
text-decoration: none;
}
nav ul,
nav ol {
margin: 0;
padding: 0;
list-style: none;
}
ol {
list-style: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ul ul ul ul {
list-style: decimal-leading-zero;
}
ol ol,
ol ul,
ul ul,
ul ol {
margin-bottom: 0;
}
.no-list {
list-style: none;
margin: 0;
padding: 0;
}
/* ------------------------ lined list ------------------------ */
.lined-list li {
border-bottom: 1px solid #dfe1e1;
padding-bottom: 0.25rem;
padding-top: 0.25rem;
}
.lined-list li:last-child,
.lined-list li.last-child,
.lined-list li li {
border-bottom: none;
}
/* ------------------------ inline list ------------------------ */
.inline-list {
display: block;
margin-left: 0px;
}
.inline-list li {
display: inline;
margin-right: 1.50rem;
}
.inline-list li:last-child,
.inline-list li.last-child {
margin-right: 0;
}
/* ------------------------ inline lined list ------------------------ */
.lined-list.inline-list li {
margin-right: 0.75rem;
}
.lined-list.inline-list li:after {
color: #dfe1e1;
content: "|";
margin-left: 0.75rem;
}
.lined-list.inline-list li:last-child:after,
.lined-list.inline-list li.last-child:after {
content: "";
}
.run-in {
color: #222;
float: left;
font-size: 1rem;
font-weight: 700;
letter-spacing: 2px;
margin: 0;
margin-right: 0.317rem;
text-transform: uppercase;
}
small,
.small {
display: inline-block;
font-size: 0.75em;
line-height: 1.5;
}
.font-d75 {
font-size: .75rem;
}
.font-d875 {
font-size: 0.875rem;
}
.font-d9 {
font-size: 0.90rem;
}
.micro {
font-size: 0.625rem;
line-height: 2.4;
}
.small-caps {
font-family: inherit;
font-size: 1.125rem;
font-weight: 700;
letter-spacing: 2px;
line-height: inherit;
text-transform: uppercase;
}
sub,
sup {
font-size: 0.75rem;
}
sup {
top: -0.475rem;
}
sub {
bottom: -0.238rem;
}
var {
font-style: normal;
}
/*
------------------------ =Weights, Styles and Case ------------------------ */
.light {
font-weight: 300;
}
.normal {
font-weight: 400;
}
.medium {
font-weight: 500;
}
.semibold {
font-weight: 600;
}
.bold,
.required {
font-weight: 700;
}
.ultrabold {
font-weight: 900;
}
.italic {
font-style: italic;
}
.lowercase {
text-transform: lowercase;
}
.normalcase {
text-transform: none;
}
.uppercase {
text-transform: uppercase;
}
.strike {
text-decoration: line-through;
}
.underline {
text-decoration: underline;
}
/*
------------------------ =Word Wrap ------------------------ */
.breakword {
word-wrap: break-word;
}
.normal-wrap {
word-wrap: normal;
}
.inherit-wrap {
word-wrap: auto;
}
/*
------------------------ =Drop Capitals ------------------------ */
.drop-cap:first-letter {
background: transparent;
color: #222;
float: left;
font: 700 4.209rem Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
line-height: 1;
margin: auto 0.75rem auto auto;
padding: inherit;
text-indent: 0;
text-transform: uppercase;
}
p + .drop-cap {
margin-top: 0;
text-indent: 0;
}
/*
------------------------ =BUTTONS ------------------------ */
.button {
background-color: #292929;
border: 1px solid transparent;
border-radius: 0.25rem;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 100%;
height: 2em;
line-height: 2;
margin: 0;
overflow: visible;
padding: 0 0.75em;
text-align: center;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out all;
transition: 0.2s ease-in-out all;
vertical-align: middle;
white-space: nowrap;
}
.button,
.button:active,
.button:focus,
.button:hover,
.button:visited {
text-decoration: none;
}
.button:focus,
.button:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.button:hover {
/*color: #fff;*/
}
a.button:focus,
a.button:hover {
}
.button:active {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
outline: 0 none;
}
.bg-transparent.button:focus,
.bg-transparent.button:hover,
.bg-transparent.button:active {
box-shadow: none;
outline: 0 none;
}
.button::-moz-focus-inner {
border: 0;
padding: 0;
}
.button[disabled],
.button.disabled {
box-shadow: none;
color: #777;
cursor: not-allowed;
opacity: 0.50;
text-shadow: none;
}
.ie8 .button[disabled],
.ie8 .button.disabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.button *[data-icon] {
margin-right: 0.25em;
}
/* ------------------------ button sizing ------------------------ */
.button-mini {
font-size: 0.75rem;
height: 1.5em;
line-height: 1.5;
padding-right: 0.50em;
padding-left: 0.50em;
width: auto;
}
.button-mini-two {
padding: 0.3rem;
height: 1.5rem;
line-height: .75rem;
width:5.5rem;
}
.button-medium {
height: 3em;
line-height: 3;
padding-right: 1em;
padding-left: 1em;
width: auto;
}
.button-large {
height: 4em;
line-height: 4;
padding-right: 1.50em;
padding-left: 1.50em;
width: auto;
}
.button-block {
display: block;
padding-right: 0;
padding-left: 0;
width: 100%;
}
.button-auto-height {
height: auto;
}
/* ------------------------ button font sizing ------------------------ */
.button-small-font {
font-size: 0.75rem;
}
.button-normal-font {
font-size: 1rem;
}
.button-large-font {
font-size: 2rem;
}
/* ------------------------ button styles ------------------------ */
.button-hollow {
background: transparent;
}
.button-square {
border-radius: 0;
}
.button-pill {
border-radius: 5em;
}
.button-inline {
font-size: inherit;
height: auto;
line-height: inherit;
padding-right: 0.50em;
padding-left: 0.50em;
vertical-align: baseline;
}
/* ------------------------ non-mobile ------------------------ */
.medium-button-mini {
font-size: 0.75rem;
height: 1.5em;
line-height: 1.5;
padding-right: 0.50em;
padding-left: 0.50em;
width: auto;
}
.medium-button-medium {
height: 3em;
line-height: 3;
padding-right: 1em;
padding-left: 1em;
width: auto;
}
.medium-button-large {
height: 4em;
line-height: 4;
padding-right: 1.50em;
padding-left: 1.50em;
width: auto;
}
.medium-button-block {
display: block;
padding-right: 0;
padding-left: 0;
width: 100%;
}
/*disabled button fixes 11-2-15*/
#js-add-to-cart[disabled] {
opacity:1;
color:black;
cursor:pointer;
pointer-events:none;
}/*
------------------------ =FONTS [use @font-face] ------------------------ */
/* ------------------------ Elegant Icon Font [http://www.elegantthemes.com/blog/resources/elegant-icon-font] ------------------------ */
@font-face {
font-family: 'ElegantIcons';
src:url('../fonts/ElegantIcons.eot');
src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
url('../fonts/ElegantIcons.woff') format('woff'),
url('../fonts/ElegantIcons.ttf') format('truetype'),
url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
content: attr(data-icon);
font-family: 'ElegantIcons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-transform: none;
}
/*
------------------------------- =GLOBAL FORM ELEMENTS ------------------------------- */
.form-row {
clear: both;
display: block;
margin-bottom: 0.50rem;
overflow: hidden;
}
button,
html input[type="button"],
input[type="checkbox"],
input[type="file"],
input[type="image"],
input[type="radio"],
input[type="reset"],
input[type="submit"],
label,
select {
cursor: pointer;
}
fieldset {
border: 0;
min-width: 0;
padding: 0;
}
fieldset > *:last-child,
fieldset > *.last-child {
margin-bottom: 0;
}
fieldset {
font-size: 1.125rem;
}
.fieldset-border {
border: 1px solid #dfe1e1;
padding: 1rem;
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
display: inline-block;
width: auto;
}
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
border: 1px solid #929292;
border-radius: 0;
display: block;
font-family: inherit;
font-size: 100%;
height: 2em;
line-height: 2;
outline: 0 none;
padding: 0 0.50rem;
vertical-align: middle;
width: 100%;
}
/* ------------------------ input sizing ------------------------ */
input.input-medium,
select.input-medium {
height: 3em;
line-height: 3;
}
input.input-large,
select.input-large,
input.input-block {
height: 4em;
line-height: 4;
}
/* ------------------------ input font sizing ------------------------ */
input.input-small-font,
select.input-small-font {
font-size: 0.75rem;
}
input.input-normal-font,
select.input-normal-font {
font-size: 1rem;
}
input.input-large-font,
select.input-large-font {
font-size: 2rem;
}
input.medium-input-medium,
select.medium-input-medium {
height: 3em;
line-height: 3;
}
input.medium-input-large,
select.medium-input-large,
input.medium-input-block {
height: 4em;
line-height: 4;
}
input.medium-input-small-font,
select.medium-input-small-font {
font-size: 0.75rem;
}
input.medium-input-normal-font,
select.medium-input-normal-font {
font-size: 1rem;
}
input.medium-input-large-font,
select.medium-input-large-font {
font-size: 2rem;
}
.input-block {
display: block;
}
input.all-hidden {
display: none;
}
input.required:required:valid,
textarea.required:required:valid {
border-color: #2ecc40;
}
input.required:focus:invalid,
textarea.required:focus:invalid {
background: #FBE3E3;
border-color: #ff4136;
}
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus,
textarea:focus {
box-shadow: inset 0.1rem 0.1rem 0.238rem hsla(0, 0%, 0%, 0.15);
outline: 0 none;
}
input[type="file"] {
cursor: pointer;
max-width: 100%;
}
input[type="search"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled],
select[disabled],
textarea[disabled] {
background-color: #eaeded;
color: #cad2d3;
cursor: not-allowed;
}
input:not([type])[disabled] {
background-color: #eaeded;
color: #cad2d3;
cursor: not-allowed;
}
input[readonly],
select[readonly],
textarea[readonly] {
background: #eee;
border-color: #ccc;
color: #777;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #8a7b7b;
font-size: inherit;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #8a7b7b;
font-size: inherit;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #8a7b7b;
font-size: inherit;
line-height: inherit;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #8a7b7b;
font-size: inherit;
line-height: inherit;
}
legend {
border: 0;
color: #222;
font-weight: 700;
padding: 0;
}
.fieldset-border legend {
background: #fff;
margin: 0;
padding: 0 0.356rem;
}
select {
background: #fff;
color: #2a2a2a;
}
select:focus {
outline: 1px dotted #222;
}
@-moz-document url-prefix() {
select {
max-height: 4rem;
}
}
textarea {
height: 5em;
resize: vertical;
}
/* ------------------------ inline labeling ------------------------ */
.inline-labeling label {
width: auto;
}
.inline-labeling {
font-size: 0.875rem;
}
.inline-labeling label {
display: inline-block;
margin-right: 0.50em;
text-align: right;
vertical-align: middle;
width: 32%;
}
.inline-labeling input[type="date"],
.inline-labeling input[type="datetime"],
.inline-labeling input[type="datetime-local"],
.inline-labeling input[type="email"],
.inline-labeling input[type="month"],
.inline-labeling input[type="number"],
.inline-labeling input[type="password"],
.inline-labeling input[type="search"],
.inline-labeling input[type="tel"],
.inline-labeling input[type="text"],
.inline-labeling input[type="time"],
.inline-labeling input[type="url"],
.inline-labeling input[type="week"],
.inline-labeling select,
.inline-labeling textarea {
display: inline-block;
vertical-align: middle;
width: 65%;
}
.inline-labeling textarea {
vertical-align: top;
}
.inline-labeling input:not([type]) {
display: inline-block;
vertical-align: middle;
width: 65%;
}
/*
------------------------ =TABLES ------------------------ */
table {
/*border-spacing: 0;
border-collapse: collapse;*/
empty-cells: show;
max-width: 100%;
width: 100%;
}
table caption {
font-weight: 700;
font-style: italic;
padding-bottom: 0.317rem;
}
table th,
table tfoot td {
color: #222;
font-weight: 700;
text-align: left;
}
table thead th,
table tfoot td {
background-color: #efefef;
}
table th,
table td {
overflow: visible;
padding: 0.633rem;
vertical-align: top;
}
/* ------------------------ add border ------------------------ */
.table-border {
border: 1px solid #d0d0d0;
}
/* ------------------------ add borders for rows & columns ------------------------ */
.table-border-all th,
.table-border-all td {
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
}
/* ------------------------ add borders for rows only ------------------------ */
.table-border-rows th,
.table-border-rows td {
border-top: 1px solid #d0d0d0;
}
/* ------------------------ remove top border to avoid double border on .border tables ------------------------ */
.table-border.border-all thead:first-child tr:first-child th,
.table-border.border-all thead:first-child tr:first-child td,
.table-border.border-rows thead:first-child tr:first-child th,
.table-border.border-rows thead:first-child tr:first-child td {
border-top: 0;
}
.table-.border-all tr th:first-child,
.table-border-all tr td:first-child {
border-left: 0;
}
.table-border-all tr:first-child th,
.table-border-all thead:first-child tr:first-child th {
border-top: 0;
}
/* ------------------------ add bottom border to last row in the table ------------------------ */
.table-border-rows tr:last-child td,
.table-border-rows tr.last-child td {
border-bottom: 1px solid #d0d0d0;
}
/* ------------------------ add stripes ------------------------ */
.table-stripe tbody > tr:nth-child(odd) > td {
background: #f8f8f8;
}/*
------------------------ =BACKGROUND COLORS ------------------------ */
.bg-navy {
background-color: #001f3f;
}
.bg-blue {
background-color: #0074d9;
}
.bg-sky {
background-color: #16c0d5;
}
.bg-aqua {
background-color: #7fdbff;
}
.bg-teal {
background-color: #39cccc;
}
.bg-olive {
background-color: #3d9970;
}
.bg-green {
background-color: #2ecc40;
}
.bg-lime {
background-color: #01ff70;
}
.bg-yellow {
background-color: #ffdc00;
}
.bg-orange {
background-color: #ff851b;
}
.bg-red {
background-color: #f42434;
}
.bg-fuchsia {
background-color: #f012be;
}
.bg-purple {
background-color: #b10dc9;
}
.bg-maroon {
background-color: #731e11;
}
.bg-white {
background-color: #fff;
}
.bg-charcoal {
background-color: #202020;
}
.bg-gray {
background-color: #ddd;
}
.bg-dark-gray {
background-color: #595959;
}
.bg-light-gray {
background-color: #f7f7f7;
}
.bg-silver {
background-color: #ddd;
}
.bg-black {
background-color: #000;
}
.bg-transparent,
.bg-transparent:hover,
.button-hollow:hover {
background-color: transparent;
color: inherit;
}
.bg-dgray-gradient {
background: rgba(93,93,93,1);
background: -moz-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(117,117,117,1) 32%, rgba(117,117,117,1) 67%, rgba(93,93,93,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93,93,93,1)), color-stop(32%, rgba(117,117,117,1)), color-stop(67%, rgba(117,117,117,1)), color-stop(100%, rgba(93,93,93,1)));
background: -webkit-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(117,117,117,1) 32%, rgba(117,117,117,1) 67%, rgba(93,93,93,1) 100%);
background: -o-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(117,117,117,1) 32%, rgba(117,117,117,1) 67%, rgba(93,93,93,1) 100%);
background: -ms-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(117,117,117,1) 32%, rgba(117,117,117,1) 67%, rgba(93,93,93,1) 100%);
background: linear-gradient(to bottom, rgba(93,93,93,1) 0%, rgba(117,117,117,1) 32%, rgba(117,117,117,1) 67%, rgba(93,93,93,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#5d5d5d', GradientType=0 );
}
.bg-gray-gradient {
background: rgba(183,183,183,1);
background: -moz-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(249,249,249,1) 50%, rgba(183,183,183,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(183,183,183,1)), color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(183,183,183,1)));
background: -webkit-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(249,249,249,1) 50%, rgba(183,183,183,1) 100%);
background: -o-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(249,249,249,1) 50%, rgba(183,183,183,1) 100%);
background: -ms-linear-gradient(top, rgba(183,183,183,1) 0%, rgba(249,249,249,1) 50%, rgba(183,183,183,1) 100%);
background: linear-gradient(to bottom, rgba(183,183,183,1) 0%, rgba(249,249,249,1) 50%, rgba(183,183,183,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#b7b7b7', GradientType=0 );
}
.bg-gray-two {
background: rgba(93,93,93,1);
background: -moz-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(93,93,93,1) 10%, rgba(115,115,115,1) 41%, rgba(116,116,116,1) 53%, rgba(93,93,93,1) 86%, rgba(93,93,93,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93,93,93,1)), color-stop(10%, rgba(93,93,93,1)), color-stop(41%, rgba(115,115,115,1)), color-stop(53%, rgba(116,116,116,1)), color-stop(86%, rgba(93,93,93,1)), color-stop(100%, rgba(93,93,93,1)));
background: -webkit-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(93,93,93,1) 10%, rgba(115,115,115,1) 41%, rgba(116,116,116,1) 53%, rgba(93,93,93,1) 86%, rgba(93,93,93,1) 100%);
background: -o-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(93,93,93,1) 10%, rgba(115,115,115,1) 41%, rgba(116,116,116,1) 53%, rgba(93,93,93,1) 86%, rgba(93,93,93,1) 100%);
background: -ms-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(93,93,93,1) 10%, rgba(115,115,115,1) 41%, rgba(116,116,116,1) 53%, rgba(93,93,93,1) 86%, rgba(93,93,93,1) 100%);
background: linear-gradient(to bottom, rgba(93,93,93,1) 0%, rgba(93,93,93,1) 10%, rgba(115,115,115,1) 41%, rgba(116,116,116,1) 53%, rgba(93,93,93,1) 86%, rgba(93,93,93,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#5d5d5d', GradientType=0 );
}
.bg-gray-three {
background: rgba(231,231,231,1);
background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 44%, rgba(116,116,116,1) 95%, rgba(116,116,116,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,231,231,1)), color-stop(44%, rgba(231,231,231,1)), color-stop(95%, rgba(116,116,116,1)), color-stop(100%, rgba(116,116,116,1)));
background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 44%, rgba(116,116,116,1) 95%, rgba(116,116,116,1) 100%);
background: -o-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 44%, rgba(116,116,116,1) 95%, rgba(116,116,116,1) 100%);
background: -ms-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 44%, rgba(116,116,116,1) 95%, rgba(116,116,116,1) 100%);
background: linear-gradient(to bottom, rgba(231,231,231,1) 0%, rgba(231,231,231,1) 44%, rgba(116,116,116,1) 95%, rgba(116,116,116,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#747474', GradientType=0 );
}
.bg-yellow-gradient {
background: #FFBE22;
background: -moz-linear-gradient(top, #FFBE22 0%, #FFBD22 52%, #F6A52A 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,190,34,1)), color-stop(52%, rgba(255,189,34,1)), color-stop(100%, rgba(246,165,42,1)));
background: -webkit-linear-gradient(top, rgba(255,190,34,1) 0%, rgba(255,189,34,1) 52%, rgba(246,165,42,1) 100%);
background: -o-linear-gradient(top, rgba(255,190,34,1) 0%, rgba(255,189,34,1) 52%, rgba(246,165,42,1) 100%);
background: -ms-linear-gradient(top, rgba(255,190,34,1) 0%, rgba(255,189,34,1) 52%, rgba(246,165,42,1) 100%);
background: linear-gradient(to bottom, #FFBE22 0%, #FFBD22 52%, #F6A52A 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffbe22", endColorstr="#f6a52a", GradientType=0 );
}
.bg-yellow-gradient:hover {
background: rgba(246,165,42,1);
background: -moz-linear-gradient(top, rgba(246,165,42,1) 0%, rgba(255,189,34,1) 52%, rgba(255,189,34,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,165,42,1)), color-stop(52%, rgba(255,189,34,1)), color-stop(100%, rgba(255,189,34,1)));
background: -webkit-linear-gradient(top, rgba(246,165,42,1) 0%, rgba(255,189,34,1) 52%, rgba(255,189,34,1) 100%);
background: -o-linear-gradient(top, rgba(246,165,42,1) 0%, rgba(255,189,34,1) 52%, rgba(255,189,34,1) 100%);
background: -ms-linear-gradient(top, rgba(246,165,42,1) 0%, rgba(255,189,34,1) 52%, rgba(255,189,34,1) 100%);
background: linear-gradient(to bottom, rgba(246,165,42,1) 0%, rgba(255,189,34,1) 52%, rgba(255,189,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a52a', endColorstr='#ffbd22', GradientType=0 );
color: #000;
/*text-decoration: underline;*/
}
/* ------------------------ button hovers ------------------------ */
.button.bg-navy:hover {
background-color: #002a53;
}
.button.bg-blue:hover {
background-color: #006dc5;
}
.button.bg-sky:hover {
background-color: #00b3d3;
}
.button.bg-aqua:hover {
background-color: #75cceb;
color: #333;
}
.button.bg-teal:hover {
background-color: #33b8b8;
color: #333;
}
.button.bg-olive:hover {
background-color: #358562;
}
.button.bg-green:hover {
background-color: #29b839;
color: #333;
}
.button.bg-lime:hover {
background-color: #01eb68;
color: #333;
}
.button.bg-yellow:hover {
background-color: #ebcc00;
color: #333;
}
.button.bg-orange:hover {
background-color: #eb7b19;
}
.button.bg-red:hover {
background-color: #e82532;
}
.button.bg-fuchsia:hover {
background-color: #dc10b1;
}
.button.bg-purple:hover {
background-color: #9d0bb5;
}
.button.bg-maroon:hover {
background-color: #872314;
}
.button.bg-white:hover {
background-color: #ebebeb;
color: #333;
}
.button.bg-charcoal:hover {
background-color: #111;
}
.button.bg-gray:hover {
background-color: #969696;
}
.button.bg-silver:hover {
background-color: #c9c9c9;
color: #333;
}
.button.bg-black:hover {
background-color: #333;
}
/*
------------------------ =BORDER COLORS ------------------------ */
.border-navy {
border-color: #001f3f;
}
.border-blue {
border-color: #0074d9;
}
.border-sky {
border-color: #16c0d5;
}
.border-aqua {
border-color: #7fdbff;
}
.border-teal {
border-color: #39cccc;
}
.border-olive {
border-color: #3d9970;
}
.border-green {
border-color: #2ecc40;
}
.border-lime {
border-color: #01ff70;
}
.border-yellow {
border-color: #ffdc00;
}
.border-orange {
border-color: #ff851b;
}
.border-red {
border-color: #f42434;
}
.border-fuchsia {
border-color: #f012be;
}
.border-purple {
border-color: #b10dc9;
}
.border-maroon {
border-color: #731e11;
}
.border-white {
border-color: #fff;
}
.border-charcoal {
border-color: #7f7f7f;
}
.border-gray {
border-color: #aaa;
}
.border-silver {
border-color: #ddd;
}
.border-black {
border-color: #111;
}
.border-transparent {
border-color: transparent;
}
/*
------------------------ =FONT COLORS ------------------------ */
.navy {
color: #001f3f;
}
.blue {
color: #0074d9;
}
.sky {
color: #16c0d5;
}
.aqua {
color: #7fdbff;
}
.teal {
color: #39cccc;
}
.olive {
color: #3d9970;
}
.green {
color: #2ecc40;
}
.lime {
color: #01ff70;
}
.yellow {
color: #f1bb1a;
}
.gold {
color: #ffcd07;
}
.orange {
color: #F69E32;
}
.error,
.red {
color: #f42434;
}
.fuchsia {
color: #f012be;
}
.purple {
color: #b10dc9;
}
.maroon {
color: #731e11;
}
.white {
color: #fff;
}
.charcoal {
color: #7f7f7f;
}
.gray {
color: #aaa;
}
.silver {
color: #ddd;
}
.black {
color: #111;
}
.transparent {
color: transparent;
}
.gray2 {
color: #797878;
}
/*
------------------------ =SOCIAL NETWORKS ------------------------ */
.blogger {
color: #fb8f3d;
}
.facebook {
color: #3b5998;
}
.googleplus {
color: #dd4b39;
}
.instagram {
color: #517fa4;
}
.linkedin {
color: #007bb6;
}
.pinterest {
color: #cb2027;
}
.twitter {
color: #00aced;
}
.vimeo {
color: #90d5ec;
}
.youtube {
color: #b00;
}
.blogger,
.facebook,
.googleplus,
.instagram,
.linkedin,
.pinterest,
.twitter,
.vimeo,
.youtube,
.bg-blogger,
.bg-facebook,
.bg-googleplus,
.bg-instagram,
.bg-linkedin,
.bg-pinterest,
.bg-twitter,
.bg-vimeo,
.bg-youtube {
text-decoration: none;
}
.bg-blogger {
background-color: #fb8f3d;
}
.bg-facebook {
background-color: #3b5998;
}
.bg-googleplus {
background-color: #dd4b39;
}
.bg-instagram {
background-color: #517fa4;
}
.bg-linkedin {
background-color: #007bb6;
}
.bg-pinterest {
background-color: #cb2027;
}
.bg-twitter {
background-color: #00aced;
}
.bg-vimeo {
background-color: #90d5ec;
}
.bg-youtube {
background-color: #b00;
}
.bg-facebook:hover,
.bg-googleplus:hover,
.bg-instagram:hover,
.bg-linkedin:hover,
.bg-pinterest:hover,
.bg-twitter:hover,
.bg-youtube:hover {
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
color: #fff;
text-decoration: none;
}
/*
------------------------ =GRADIENTS ------------------------ */
/*
------------------------------- =MAGNIFIC POPUP v0.9.9 ------------------------------- */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 990px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure,
.mfp-figure figcaption {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/* Youtube inside Quickview -- popup */
.quickview .mfp-content {top:-40px;}
#desktop .edit-options-iframe .mfp-content {
width: 600px;
}
#js-EDITOPTIONS {
padding: 1rem;
}
#mobile .mfp-iframe-holder .mfp-content {
height: 80%;
}/*
------------------------ =HELPER CLASSES ------------------------ */
/* ------------------------ alignment ------------------------ */
.pos-relative {
position:relative;
}
.pos-absolute {
position:absolute;
}
.align-center {
text-align: center;
}
.align-justify {
text-align: justify;
}
.align-left {
text-align: left;
}
.i-align-left {
text-align: left !important;
}
.align-right {
text-align: right;
}
.align-baseline {
vertical-align: baseline;
}
.align-bottom {
vertical-align: bottom;
}
.align-middle {
vertical-align: middle;
}
.align-top {
vertical-align: top;
}
.vertical-align-parent {
-webkit-transform-style: preserve-3d;
}
.vertical-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.one-pixel-pl {
padding-left: 1px;
}
.no-brd {
border: 0 !important;
}
.medium-align-center {
text-align: center;
}
.medium-align-justify {
text-align: justify;
}
.medium-align-left {
text-align: left;
}
.medium-align-right {
text-align: right;
}
.medium-align-baseline {
vertical-align: baseline;
}
.medium-align-bottom {
vertical-align: bottom;
}
.medium-align-middle {
vertical-align: middle;
}
.medium-align-top {
vertical-align: top;
}
/* ------------------------ positioning (floating) ------------------------ */
.clear {
clear: both;
}
.clear-height {
height: auto !important;
line-height: normal !important;
}
.float-left {
float: left;
}
.float-none {
float: none;
}
.float-right {
float: right;
}
.medium-float-left {
float: left;
}
.medium-float-none {
float: none;
}
.medium-float-right {
float: right;
}
/* ------------------------ image positioning (floating) ------------------------ */
.img-left {
float: left;
margin: 0.20rem 0.75rem 0.75rem 0;
}
.img-right {
float: right;
margin: 0.20rem 0 0.75rem 0.75rem;
}
/* ------------------------ non-mobile ------------------------ */
.medium-img-left {
float: left;
margin: 0.20rem 0.75rem 0.75rem 0;
}
.medium-img-right {
float: right;
margin: 0.20rem 0 0.75rem 0.75rem;
}
/* ------------------------ breaker (
substitutes for non-specific sections) ------------------------ */
.breaker {
display: block;
height: 0.75rem;
}
/* ------------------------ non-mobile ------------------------ */
@media only screen and (min-width: 768px) {
.breaker {
height: 1.50rem;
}
}
/* ------------------------ display ------------------------ */
.all-hidden {
display: none;
visibility: hidden;
}
.all-shown {
display: block;
visibility: visible;
}
.block {
display: block;
}
.hide {
display: none;
}
.show {
display: block;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
/* ------------------------ non-mobile ------------------------ */
.medium-all-shown {
display: block;
visibility: visible;
}
.medium-all-hidden {
display: none;
visibility: hidden;
}
.medium-hide {
display: none;
}
.medium-show {
display: block;
}
.medium-inline {
display: inline;
}
.medium-inline-block {
display: inline-block;
}
.medium-invisible {
visibility: hidden;
}
.medium-visible {
visibility: visible;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
height: 1px;
/* http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/ */
}
/* ------------------------ remove borders ------------------------ */
.nb,
button.nb,
input.nb,
select.nb,
textarea.nb {
border: none;
}
.ntb,
button.ntb,
input.ntb,
select.ntb,
textarea.ntb {
border-top: none;
}
.nrb,
button.nrb,
input.nrb,
select.nrb,
textarea.nrb {
border-right: none;
}
.nbb,
button.nbb,
input.nbb,
select.nbb,
textarea.nbb {
border-bottom: none;
}
.nlb,
button.nlb,
input.nlb,
select.nlb,
textarea.nlb {
border-left: none;
}
/* ------------------------ remove margins ------------------------ */
.nm {
margin: 0;
}
.i-nm {
margin: 0 !important;
}
.ntm {
margin-top: 0;
}
.nrm {
margin-right: 0;
}
.nbm {
margin-bottom: 0;
}
.nlm {
margin-left: 0;
}
/* ------------------------ non-mobile ------------------------ */
.medium-nm {
margin: 0;
}
.medium-ntm {
margin-top: 0;
}
.medium-nrm {
margin-right: 0;
}
.medium-nbm {
margin-bottom: 0;
}
.medium-nlm {
margin-left: 0;
}
/* ------------------------ remove padding ------------------------ */
.np {
padding: 0;
}
.ntp {
padding-top: 0;
}
.nrp {
padding-right: 0;
}
.nbp {
padding-bottom: 0;
}
.nlp {
padding-left: 0;
}
.i-nlp {
padding-left: 0 !important;
}
.i-nrp {
padding-right: 0 !important;
}
.i-ntp {
padding-top: 0 !important;
}
/* ------------------------ non-mobile ------------------------ */
.medium-np {
padding: 0;
}
.medium-ntp {
padding-top: 0;
}
.medium-nrp {
padding-right: 0;
}
.medium-nbp {
padding-bottom: 0;
}
.medium-nlp {
padding-left: 0;
}
.i-medium-nlp {
padding-left: 0 !important;
}
.i-medium-nrp {
padding-right: 0 !important;
}
/* ------------------------ browers goodies ------------------------ */
.corners {
border-radius: 0.25rem;
}
.no-corners {
border-radius: 0;
}
.shadows {
box-shadow: 0 2px 4px 0 rgba(51, 51, 51, .3);
}
.bottom-shadow {
box-shadow: 0 6px 8px -6px rgba(0, 0, 0, .2);
}
.text-shadow {
text-shadow: 1px 1px 1px rgba(51, 51, 51, .3);
}
/* ------------------------ alerts and messages ------------------------ */
.message {
background-color: #e6e6e6;
border-radius: 0.25rem;
color: #5a6c7f;
margin: 1.50rem 0;
padding: 0.75rem 1rem;
}
.message.closable .close {
color: #333;
font-size: 2rem;
line-height: 1;
margin-top: -1rem;
opacity: 0.3;
position: absolute;
top: 50%;
right: 0.25rem;
text-decoration: none;
}
.message br:first-child {
display: none;
}
.message p,
.message ol,
.message ul {
margin-bottom: 0;
}
.message-info {
background: #e4f4fd;
border: 1px solid #a8cce2;
color: #407ea1;
}
.message-success {
background: #e6f4d8;
border: 1px solid #a5d76f;
color: #61801b;
}
.message-warning {
background: #f9f9d5;
border: 1px solid #d6cd77;
color: #7c7548;
}
.message-error {
background: #fbe3e3;
border: 1px solid #f7b5b7;
color: #d34047;
}
/* ------------------------ what??? they have an old brower ------------------------ */
.message.browsehappy {
margin: 0 0 0 -300px;
position: fixed;
top: 0;
left: 50%;
width: 600px;
z-index: 99999;
}
/* ------------------------ tags ------------------------ */
.tag {
border-radius: 0.25rem;
font-size: 0.75rem;
font-weight: 700;
line-height: 1;
padding: 0.25rem 0.375rem;
vertical-align: baseline;
white-space: nowrap;
}
/* ------------------------ notifications ------------------------ */
.notification {
border-radius: 1.25rem;
font-size: 0.75rem;
line-height: 1;
padding: 0.25rem 0.5rem;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
/* ------------------------ For Image Replacements ------------------------ */
.ir {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
.ir br {
display: none;
}
/* ------------------------ The Magnificent Clearfix ------------------------ */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/* ------------------------ embedded content ------------------------ */
audio,
video {
width: 100%;
}
audio:focus,
video:focus {
outline: 1px dotted #222;
}
embed,
img,
object,
video {
height: auto;
max-width: 100%;
}
img.constrain {
max-height: 100%;
}
iframe {
max-width: 100%;
}
embed,
object {
height: 100%;
}
figcaption {
font-size: 0.75rem;
font-style: italic;
margin-top: 0.50rem;
}
.flex-video {
height: 0;
overflow: hidden;
margin-bottom: 1rem;
padding-top: 1.5625rem;
padding-bottom: 67.5%;
position: relative;
}
.flex-video.widescreen {
padding-bottom: 57.25%;
}
.flex-video.vimeo {
padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
img {
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
/* ------------------------ syntactical elements ------------------------ */
code,
kbd,
pre,
samp {
color: #444;
font-size: 0.875rem;
font-family: Monaco, "Lucida Sans Typewriter", Consolas, "Courier New", monospace;
}
code {
background: #f8f8f8;
border: 1px solid #dedede;
border-radius: 0.178rem;
margin: 0;
padding: 0.064rem 0.317rem;
white-space: nowrap;
}
kbd {
background: #f8f8f8;
border: 1px solid #dedede;
border-radius: 0.238rem;
box-shadow: 0 1px 0 #dedede, inset 0 0 0 1px #fff;
margin-bottom: 1px;
padding: 0.064rem 0.317rem;
position: relative;
top: -1px;
white-space: nowrap;
}
pre {
position: relative;
overflow: auto;
padding: 1rem;
background: #222;
box-shadow: inset 0 0 0.356rem hsla(0, 0%, 0%, 0.6);
color: #ccc;
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
-moz-tab-size: 4;
tab-size: 4;
white-space: pre;
word-wrap: normal;
word-break: normal;
}
pre code {
background: transparent;
border: none;
border-radius: 0;
color: inherit;
display: block;
height: 100%;
margin: 0;
overflow: auto;
padding: 0;
white-space: pre;
}
/* ------------------------------ Fonts -------------------------------- */
.oswald {
font-family: 'Oswald',"Maven Pro", Helvetica, Arial, sans-serif;
}
.roboto {
font-family: 'Roboto',"Maven Pro", Helvetica, Arial, sans-serif;
}
.size-875 {
font-size: .875rem;
}
.size-750 {
font-size: .750rem;
}
.size-115 {
font-size: 1.15rem;
}
/* ------------------------------ Margins -------------------------------- */
.mt1 {
margin-top: 1rem;
}
.i-nm {
margin: 0 !important;
}
.i-nlm {
margin-left: 0 !Important;
}
.i-nrm {
margin-right: 0 !important;
}
/* ------------------------------ List Styles -------------------------------- */
.no-list-style {
list-style: none;
}
/* ------------------------------ Custom Styles ------------------------------ */
.fw-normal {
font-weight: 500;
}
.mt1 {
margin-top: 1rem;
}
.pt1 {
padding-top: 1rem;
}
.pt2 {
padding-top: 2rem;
}
.pb1 {
padding-bottom: 1rem;
}
.pb2 {
padding-bottom: 2rem;
}
.pldot75 {
padding-left: .75rem
}
.pldot875 {
padding-left: .875rem;
}
.pl2 {
padding-left: 2rem;
}
.p1 {
padding: 1rem;
}
.pl1 {
padding-left: 1rem;
}
.prdot75 {
padding-right: .75rem;
}
.pl3 {
padding-left: 3rem;
}
.pr1 {
padding-right: 1rem;
}
.pr3 {
padding-right: 3rem;
}
.p1dot5 {
padding: 1.5rem;
}
.p1dot25 {
padding: 1.25rem;
}
.pdot75 {
padding: .75rem !important;
}
.pdot5 {
padding: .5rem;
}
.pdot25 {
padding: .25rem;
}
.mldot3 {
margin-left: .3rem;
}
.mb1 {
margin-bottom: 1rem;
}
.mtdot75 {
margin-top: .75rem;
}
.mtbdot75 {
margin: .75rem 0;
}
.pointer {
cursor: pointer;
}
/*
+-+-+-+-+-+-+ GLOBAL STYLES +-+-+-+-+-+-+
=BODY
=HEADER
=NAVIGATION BAR
=MAIN
=COLUMN-LEFT
=COLUMN-RIGHT
=BOTTOM WRAP
=FOOTER
=DISCLAIMERS
=MOBILE FOOTER
*/
/*
------------------------------- =BODY ------------------------------- */
body {
background-color: #fff;
}
/*
------------------------------- =HEADER ------------------------------- */
#js-header {
position: relative;
}
a.masthead_logo {
display: inline-block;
/*background: url(../images/sts-transparent.png) no-repeat;*/
width: 130px;
height: 140px;
}
span.free_shipping_img {
display: inline-block;
background: url(../images/sts_sprite.jpg) no-repeat -136px 0;
width: 136px;
height: 88px;
position: absolute;
top: 30px;
left: 172px;
}
.header {border-bottom: 3px solid #e5ac00;}
.header {
background: #000;
margin: 0 auto;
}
.header.stuck,
.header .main-header.stuck {
background: #fff;
box-shadow: 0 2px 4px -2px rgba(51, 51, 51, .2);
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
z-index: 1000;
}
/* ------------------------ pre-header ------------------------ */
.pre-header {
}
.pre-header nav {
z-index: 2;
}
.pre-header li {
font-size: 1.50rem;
height: 3.25rem;
line-height: 2;
}
.pre-header .mobile-menu-button span,
.pre-header .mobile-basket-button span {
border-radius: 0.25rem;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 2.50rem;
}
.pre-header .mobile-basket-button span {
line-height: 1.75;
}
.basket-count {
padding: 0.125rem 0.25rem;
position: absolute;
top: 0.125rem;
right: 0.125rem;
}
.pre-header li {
color: #fff;
font-size: 0.875rem;
height: 2.50rem;
line-height: 2.5;
padding-right: 0.50rem;
}
.pre-header a {
color: #fff;
display: inline-block;
position: relative;
text-decoration: none;
vertical-align: middle;
}
.pre-header a:hover {
color: #16c0d5;
}
.pre-header a + span {
padding-left: 0.75rem;
vertical-align: middle;
}
.pre-header .social-links a {
margin-right: 0.50rem;
text-align: center;
vertical-align: bottom;
width: 2rem;
height: 2rem;
}
.pre-header .social-links a:last-child {
margin-right: 0;
}
.global-sign-in {
background: #fff;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
float: none;
font-size: 0.75rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
position: absolute;
top: -15rem;
right: 0;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
z-index: 1002;
}
.global-sign-in.open {
top: 2.50rem;
}
.global-sign-in form,
.global-sign-in p {
margin-bottom: 0.50rem;
}
.global-sign-in a {
color: #0074d9;
}
/* ------------------------ top-links ---------------------------*/
.top-links ul {
padding:0;
margin: .8rem 0 0;
}
.top-links ul li {
display: inline-block;
padding: 0 .8rem;
position: relative;
}
.top-links ul li a {
color: #fff;
font-weight: 700;
font-size: .875rem;
}
.top-links ul li:last-child {
border-right: 0;
}
.top-links ul li:last-child a {
color: #ffcd07;
}
.top-links ul li:after {
content: '|';
color: #fff;
font-weight: 700;
position: absolute;
right: -3px;
}
.top-links ul li:last-child:after {
content: ''
}
/* ------------------------ main-header ------------------------ */
.main-header {
font-size: 0.875rem;
z-index: 1;
height: 158px;
}
.main-header .breaker {
height: 1.75rem;
}
/* ------------------------ global-search ------------------------ */
.global-search {
margin-bottom: 0;
overflow: hidden;
}
.global-search *[data-icon] {
float: left;
font-size: 1rem;
line-height: 2;
text-align: center;
vertical-align: middle;
}
.global-search input[type="search"] {
display: inline-block;
height: 2rem;
float: left;
}
.global-search input[type="submit"] {
float: right;
font-weight: 700;
height: 2rem;
background: url(/images/sts_sprite.jpg) -351px -10px;
text-indent: -99999px;
}
/* ------------------------ mini-basket ------------------------ */
.mini-basket {
display: block;
font-size: 0.875rem;
font-weight: 700;
margin-top: .75rem;
padding: 0.50rem;
}
#js-mini-basket span.basket-icon {
background: url(/images/sts_sprite.jpg) no-repeat -288px -10px;
width: 45px;
height: 38px;
display: inline-block;
vertical-align: middle;
margin-right: .5rem;
zoom:1;
*display: inline;
}
.mini-basket a {
text-decoration: none;
font-size: 1rem;
font-weight: 500;
}
.mini-basket small {
font-size: 0.75em;
font-weight: 400;
}
.mini-basket *[data-icon] {
border-right: 1px solid #333;
font-size: 1.25rem;
margin-right: 0.50rem;
padding-right: 0.50rem;
vertical-align: middle;
}
.mini-basket-container {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3);
float: none;
position: absolute;
top: -40rem;
right: 0;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
z-index: 1001;
background: #fff;
width: 464px;
}
.mini-basket-container.open {
top: -46px;
}
.mini-basket-content {
background: #fff;
cursor: default;
padding-bottom: 0.50rem;
}
.mini-basket-content h5 {
line-height: 1;
margin: 0.50rem 0;
}
.mini-basket-table-wrap {
border: solid #cecece;
border-width: 1px 0;
font-size: 0.75rem;
overflow: hidden;
overflow-y: auto;
max-height: 300px;
}
.mini-basket-row {
border-top: 1px solid #cecece;
padding: 0.50rem 0;
}
.mini-basket-row:first-child {
border-top: none;
}
.mini-basket-row img {
margin-top: 0.50rem;
}
.mini-basket-row button {
font-size: 1.75rem;
padding: 0;
}
.mini-basket-row button:hover {
box-shadow: none;
}
.mini-basket-row button span[data-icon] {
margin: 0;
}
.mini-basket-row button span[data-icon]:hover {
color: #333;
}
.mini-basket-content a.button {
color: #000;
font-weight: 500;
}
/*
------------------------------- =NAVIGATION BAR ------------------------------- */
.navigation-bar {
text-align: center;
}
.navigation-set {
height: 0;
opacity: 0;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navigation-set {
font-size: 0;
margin: 0 auto;
opacity: 1;
padding: 0;
text-align: left;
max-width: 990px;
height: 100%;
}
#js-header #js-navigation-bar .navigation-set > li {
display: inline-block;
font-size: 0.75rem;
height: 2.4rem;
line-height: 2.7;
list-style: none;
margin: 0;
text-align: center;
padding: 0;
width: 105px;
white-space: nowrap;
background: url(../images/nav-sprite.png) left -168px repeat-x;
}
#js-header #js-navigation-bar .navigation-set > li:hover {
background: url(../images/nav-sprite.png) left -210px repeat-x;
}
#js-header #js-navigation-bar .navigation-set > li:first-child {
background: url(../images/nav-sprite.png) repeat-x;
width: 123px;
padding: 0 0 0 .9rem;
}
#js-header #js-navigation-bar .navigation-set > li:last-child {
background: url(../images/nav-sprite.png) left -84px repeat-x;
width: 132px;
padding: 0 1.75rem 0 0;
}
#js-header #js-navigation-bar .navigation-set > li:hover:first-child {
background: url(../images/nav-sprite.png) left -42px repeat-x;
}
#js-header #js-navigation-bar .navigation-set > li:hover:last-child {
background: url(../images/nav-sprite.png) left -126px repeat-x;
}
.navigation-set li a {
color: #fff;
display: block;
padding: 0 .25rem;
text-decoration: none;
font-size: .875rem;
}
.navigation-set li:hover a {
color: #000;
}
.navigation-set > li:last-child a,
.navigation-set > li.last-child a {
border-right: none;
box-shadow: none;
}
/* ------------------------ first sub-level ------------------------ */
.navigation-set li ul {
margin: 0;
opacity: 0;
padding: 1rem;
position: absolute;
left: 0;
-webkit-transition: opacity 0s linear, visibility 0s linear;
transition: opacity 0s linear, visibility 0s linear;
visibility: hidden;
width: 100%;
z-index: 999;
}
.navigation-set li:last-child ul,
.navigation-set li.last-child ul,
.navigation-set li.go-left ul {
left: auto;
right: 0;
}
.navigation-set li:hover ul {
background: #2b2b2b;
border: 1px solid #2b2b2b;
box-shadow: 0 4px 0 0 #f6ab36, 0 4px 8px -4px rgba(0, 0, 0, .50);
/*display: block;*/
opacity: 1;
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
visibility: visible;
}
.navigation-set li ul li {
display: block;
position: relative;
}
.navigation-set .navigation-block > li {
margin-bottom: 1rem;
width: 24%;
}
.navigation-set li ul li a {
color: #2361a7;
font-size: 0.9075rem;
font-weight: 400;
line-height: 1;
}
.navigation-set li ul li a:after {
content: '';
display: block;
height: 1px;
margin: 0.25rem 0;
}
.navigation-set li ul li a:hover {
text-decoration: underline !important;
}
.navigation-set li ul li:hover > span a {
box-shadow: none;
}
.navigation-set li:hover.level-1 a {
color: #000;
}
.navigation-set .level-2 a {
color: #fff !important;
}
/* ------------------------ second and subsequent sub-levels ------------------------ */
.navigation-set li:hover ul ul {
border: 0 none;
box-shadow: none;
display: none;
padding: 0;
}
.navigation-set li ul li ul {
display: none;
position: absolute;
top: 0;
left: 100%;
}
.navigation-set li ul li:hover > ul {
display: block;
}
.navigation-set li ul li ul a {
color: #4d4d4d;
font-size: 0.875rem;
line-height: 1.50;
text-transform: none;
}
.navigation-set li ul li ul a:after {
display: none;
}
.navigation-set ul > li {
width: 159px; /* was 16.16666% */
display: block !important;
top: auto;
left: auto;
float: left;
text-align: left;
}
/* ------------------------ horizontal-mega-menu ------------------------ */
.navigation-set.horizontal-mega-menu li ul li {
display: inline-block;
height: auto;
vertical-align: top;
}
.navigation-set.horizontal-mega-menu li ul li ul {
display: block;
position: relative;
top: auto;
left: auto;
}
.navigation-set.horizontal-mega-menu li ul li ul li {
display: block;
}
.horizontal-mega-menu a[target="_parent"] {
color: #ffc125 !important;
}
/* ------------------------ vertical-fly-out ------------------------ */
.vertical-fly-out li {
display: block;
}
.vertical-fly-out li ul {
top: 0;
left: 100%;
}
/* ------------------------ single-navigation-column ------------------------ */
.single-navigation-column {
display: inline-block;
padding-right: 1rem;
vertical-align: top;
}
.single-navigation-column li {
display: block;
font-size: 0.75rem;
height: auto;
line-height: 1.75;
}
.single-navigation-column .single-navigation-title {
font-size: 1rem;
font-weight: 700;
height: 2em;
line-height: 2;
margin-bottom: 0.25rem;
text-transform: uppercase;
}
.single-navigation-column li a {
padding: 0;
}
.single-navigation-column li:hover > a {
background: transparent;
color: #7fdbff;
}
/*
------------------------ =MAIN ------------------------ */
.main-content {
background: #fff;
margin-top: 1.25rem;
padding: .5rem 0 1rem;
}
.hdft-header,
.hdft-footer,
.prod-ctgy-hdft-header,
.prod-ctgy-hdft-footer,
.content-item,
.page-title {
clear: both;
}
/*
------------------------ =COLUMN-LEFT ------------------------ */
.column-left {
float: left;
width: 221px;
margin-right: 24px;
}
.single-column .column-left {
display: none;
}
/* ------------------------ category tree navigation ------------------------ */
.category-tree {
font-size: 0.875rem;
margin-bottom: 3rem;
padding: 0 1px;
}
.category-tree ul:after {
display: block;
background: url(/mm5/graphics/00000001/bottom-nav-tree.jpg) no-repeat;
height: 27px;
content: '';
}
.category-tree ul {
background: rgba(111,111,111,1);
background: -moz-linear-gradient(left, rgba(111,111,111,1) 0%, rgba(254,254,254,1) 14%, rgba(200,200,200,1) 52%, rgba(254,254,254,1) 86%, rgba(111,111,111,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(111,111,111,1)), color-stop(14%, rgba(254,254,254,1)), color-stop(52%, rgba(200,200,200,1)), color-stop(86%, rgba(254,254,254,1)), color-stop(100%, rgba(111,111,111,1)));
background: -webkit-linear-gradient(left, rgba(111,111,111,1) 0%, rgba(254,254,254,1) 14%, rgba(200,200,200,1) 52%, rgba(254,254,254,1) 86%, rgba(111,111,111,1) 100%);
background: -o-linear-gradient(left, rgba(111,111,111,1) 0%, rgba(254,254,254,1) 14%, rgba(200,200,200,1) 52%, rgba(254,254,254,1) 86%, rgba(111,111,111,1) 100%);
background: -ms-linear-gradient(left, rgba(111,111,111,1) 0%, rgba(254,254,254,1) 14%, rgba(200,200,200,1) 52%, rgba(254,254,254,1) 86%, rgba(111,111,111,1) 100%);
background: linear-gradient(to right, rgba(111,111,111,1) 0%, rgba(254,254,254,1) 14%, rgba(200,200,200,1) 52%, rgba(254,254,254,1) 86%, rgba(111,111,111,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#6f6f6f', GradientType=1 );
}
.category-tree ul ul {
}
.category-tree ul li {
list-style: none;
}
/*.category-tree .level-1 {
font-weight: 700;
line-height: 2.7;
text-transform: uppercase;
padding-left: 1.75rem;
}*/
.category-tree .level-1 {
font-weight: 700;
line-height: 2.4;
text-transform: uppercase;
padding-left: 1.75rem;
background: url(//cdn.searchspring.net/ajax_search/sites/g1p3sr/img/stsfacetitlebg.png) no-repeat top left;
}
.category-tree .level-1 a {
color: #fff;
}
.category-tree .level-2,
.category-tree .level-3,
.category-tree .level-4 {
font-size: 0.75rem;
line-height: 1.8;
padding-left: 1.50rem;
}
.category-tree .level-2 a {
font-weight: 600;
}
.category-tree .level-3 {
padding-left: 2rem;
}
.category-tree .level-4 {
padding-left: 2.50rem;
}
/*.category-tree a {
color: #000;
display: block;
text-decoration: none;
font-size: .875rem;
text-transform: capitalize;
font-style: normal;
}*/
.category-tree a {
color: #000;
display: block;
text-decoration: none;
font-size: .875rem;
text-transform: capitalize;
font-style: normal;
height: 34px;
overflow: hidden;
}
.category-tree a span {
display: inline-block;
font-size: 1rem;
}
.category-tree a:hover {
color: #f69b00;
}
.category-tree h5 {
margin: 0;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
text-align: center;
background: #000;
padding: .25rem 0;
color: #f69b00;
font-size: 1.2rem;
}
/*
------------------------ =COLUMN RIGHT ------------------------ */
.column-right {
min-height: 30rem;
float: right;
width: 734px;
}
.single-column .row .column-right {
border: none;
left: auto;
width: 100%;
}
/* ------------------------ page titles ------------------------ */
.page-title {
border-bottom: 1px solid #ddd;
margin-bottom: 0.50rem;
text-transform: uppercase;
}
/* ------------------------ breadcrumbs ------------------------ */
.breadcrumbs {
/*border-bottom: 1px solid #ddd;*/
clear: both;
font-size: 0.75rem;
line-height: 1.5;
margin-bottom: 0.50rem;
}
@media only screen and (min-width: 768px) {
.breadcrumbs {
line-height: 2;
}
}
.page-title + .breadcrumbs {
margin-top: -0.30rem;
}
.breadcrumbs li {
display: inline-block;
}
.breadcrumbs a {
margin: 0 0.50rem;
text-decoration: none
}
.breadcrumbs li:first-child a {
margin-left: 0;
}
.breadcrumbs .current-item {
color: #333;
font-weight: 700;
margin: 0 0.50rem;
}
/*
------------------------ =BOTTOM WRAP ------------------------ */
.bottom-wrap {
clear: both; /* important - do not remove */
height: 0;
}
/*
------------------------ =FOOTER ------------------------ */
.footer {
background: url(../images/hazard_tile.jpg) repeat-x #000;
padding: 80px 0 0;
}
.footer-trust-box .row {
margin-bottom: 1rem;
}
/* ------------------------ top-footer-row ------------------------ */
.top-footer-row {
border-bottom: 1px solid rgba(0, 0, 0, .23);
box-shadow: 0 1px 0 0 rgba(228, 248, 255, .23);
line-height: 4.25;
padding: 0.50rem 0;
}
/* ------------------------ global-newsletter-form ------------------------ */
.global-newsletter-form {
}
.global-newsletter-form input[type="email"] {
display: inline-block;
font-size: .75rem;
}
.global-newsletter-form .message {
display: none;
line-height: 1.25;
margin: 0;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
/* ------------------------ footer-social ------------------------ */
.footer-social {
}
.footer-social strong {
font-size: 0.875rem;
}
.footer-social a {
display: inline-block;
line-height: 2;
margin-left: 0.25rem;
text-align: center;
vertical-align: middle;
width: 2rem;
height: 2rem;
}
/* ------------------------ bottom-footer-row ------------------------ */
.bottom-footer-row {
padding: 0.75rem 0;
}
.bottom-footer-row h5 {
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 0.75rem;
text-transform: uppercase;
}
.bottom-footer-row h6 {
font-size: 1rem;
}
.bottom-footer-row ul {
margin-bottom: 1rem;
}
.bottom-footer-row a {
color: #fff;
display: block;
font-size: 0.875rem;
line-height: 2;
text-decoration: none;
}
.bottom-footer-row a:hover {
text-decoration: underline;
}
.footer-trust-box img {
margin-bottom: 0.50rem;
}
.newsletter-iframe .mfp-content {
width: 600px;
height: 145px;
}
/*
------------------------ =DISCLAIMERS ------------------------ */
.disclaimers {
clear: both;
font-size: 0.75rem;
padding: 0.50rem 0;
}
.disclaimers a {
text-decoration: none;
}
.disclaimers a:hover {
color: #fff;
}
/*
------------------------ editng type of field for email addresses ------------------------ */
#BillEmail, #ShipEmail {
width:100%;
}/*
+-+-+-+-+-+-+ PAGE SPECIFIC STYLES +-+-+-+-+-+-+
=SFNT PAGE
=CTGY PAGE
=PROD AND PATR PAGES
=POUT PAGE
=SRCH PAGE
=BASK PAGE
=OCST, OSEL, OPAY AND INVC PAGES
=ORDP PAGE
=ACLN PAGE
=CTUS PAGE
=NTFD PAGE
=SMAP PAGE
*/
/*
------------------------ =SFNT PAGE ------------------------ */
/*
------------------------ =CTGY PAGE ------------------------ */
.quick-view {
border: dashed #fff;
border-width: 1px 0;
box-shadow: 0 0 0 4px #7f7f7f;
display: none;
margin: -14px 0 0 -55px;
position: absolute;
top: 50%;
left: 50%;
}
.quick-view:hover {
box-shadow: 0 0 0 4px #111;
}
/* ------------------------ category-subcategory ------------------------ */
.sub-category {
margin-bottom: 1rem;
text-align: center;
}
.sub-category a {
border: 1px solid transparent;
display: block;
font-size: 0.875rem;
padding: 1rem 0.50rem 0.50rem;
position: relative;
}
.sub-category a:hover {
border: 1px solid #ddd;
}
.sub-category a:hover .quick-view {
display: block;
}
.sub-category img {
display: block;
margin: 0 auto 0.50rem;
}
/* ------------------------ category-product ------------------------ */
.category-product {
}
.category-product strong {
color: #333;
display: block;
font-size: 0.75rem;
}
/* ------------------------ product filtering options ------------------------ */
.filter-items-container {
/*border-bottom: 1px solid #ddd;*/
font-size: 0.875rem;
margin-bottom: 1rem;
}
.filter-items-container.bottom-pagination {
border-top: 1px solid #ddd;
border-bottom: 0 none;
margin-bottom: 0;
}
/* ------------------------ sorting ------------------------ */
.bot-ctgy-page-header div {
margin-top: -.5rem;
}
#js-CTGY .breadcrumbs,
#js-SRCH .breadcrumbs {
margin-bottom: 0;
}
.top-ctgy-page-header {
margin-top: .75rem;
}
#sorting-wrap {
margin-top: 0;
}
.sorting,
.per-page,
.page-links {
line-height: 1.7;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
select#Sort_By,
.mobile-per-page select[name="Per_Page"] {
background: rgba(254,254,254,1);
background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(235,235,235,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(235,235,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ebebeb', GradientType=0 );
border-radius: 5px;
color: #000;
height: 2.10rem;
vertical-align: middle;
}
.sorting {
padding-top: .4rem;
padding-bottom: 0;
}
.sorting label {
line-height: 2.5;
font-weight: bold;
vertical-align: middle;
}
/* ------------------------ products per page ------------------------ */
.per-page li {
display: inline-block;
}
.per-page a {
padding: 0 0.25rem;
}
.per-page a[data-selected="selected"] {
/* color: #0074d9; */
}
/* ------------------------ pagination ------------------------ */
.page-links-previous, .page-links-next {
border-radius: 5px;
}
.page-links-title,
.page-links-container,
.page-links-results {
vertical-align: middle;
}
.page-links-title {
display: inline-block;
margin-right: 0.25rem;
}
.page-links-results {
padding-left: 0.50rem;
}
.page-links a,
.page-links-deactivated,
.page-links-active {
color: #000;
display: inline-block;
margin-right: 0.25rem;
padding: 0 0.15rem;
text-decoration: none;
}
.touch .page-links a,
.touch .page-links-deactivated,
.touch .page-links-active {
margin-right: 0.50rem;
}
.page-links a:hover {
/* background: #ddd; */
text-decoration: underline;
}
.page-links-deactivated:hover {
cursor: not-allowed;
}
a.page-links-next {
margin: 0;
}
.page-links-active {
font-weight: bold;
}
/*
------------------------ =PROD AND PATR PAGES ------------------------ */
.full-prod-details-link a {font-size: 14px; margin-top: 25px; font-weight: bold;}
/* ------------------------ product-information ------------------------ */
.product-information {
margin-bottom: 1rem;
padding-top: 0.15rem; /* was .75 */
}
#js-PROD .js-product-code,
#js-PATR .js-product-code {
margin: 0px;
font-size: .9375rem;
}
#js-price-value {
font-size: 0.875rem;
}
div#product-top-bar {
width: 635px;
}
/* ------------------------ product images ------------------------ */
img#brand-image {
position: absolute;
right: 20px;
top: 35px;
}
img#js-main-image {
/*max-height: 246px;*/
}
.product-information--images {
margin-bottom: 2rem;
text-align: center;
/*border:1px solid #e3e3e5;*/
}
.main-prod-image {
width: 635px !important;
/*height: 316px;*/
text-align: center;
/*display: table-cell;
vertical-align: middle;*/
display: block;
padding: 1.188rem 0;
border: 1px solid #e3e3e4;
position: relative;
}
.main-prod-image {
width: 100%;
text-align: center;
display: block;
padding: 1.188rem 0;
border: 1px solid #e3e3e4;
position: relative;
}
.thumbnails .column {
border: 1px solid #e3e3e4;
margin-right: .75rem;
width: 90px !important;
height:66px;
text-align: center;
}
/*.wraptocenter {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
border: 0;
}*/
.p100 {
padding-top: 100%;
}
.image-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align:center;
font: 0/0 a;
padding: 5px;
}
.image-container .wraptocenter {
display: inline-block;
vertical-align: middle;
height: 100%;
}
.image-container img {
vertical-align: middle;
display: inline-block;
}
/* ------------------------ additional product images ------------------------ */
.thumbnail-wrapper {
padding-right: 0;
padding-left: 0;
margin: .75rem 0 0 !important;
width: 635px;
}
/* ------------------------ product icons --------------------------- */
a.footwear-legend-link {
color: #f7b246;
font-size: .875rem;
font-weight: bold;
display: block;
text-decoration: underline;
margin-top: .75rem;
}
.footwear-icons {
margin: 0;
}
.footwear-icons img {
height: 48px;
margin-right: 7px;
}
/* ------------------------ product purchase ------------------------ */
#js-PROD .js-add-to-cart label{margin-top:8px;display:block;text-align: center;}
#js-PROD .js-add-to-cart #l-quantity{margin-top:6px;}
.product-information--purchase {
margin-bottom: 1.50rem;
margin-top: 1.55rem;
position: relative;
}
.ql-prod-wrap .product-information--purchase {
margin-top: 0;
position: relative;
}
.product-information--purchase label[for="l-quantity"] {
font-size:.875rem;
line-height: 2;
}
.add-to-cart {
padding-right: 2.50rem;
padding-left: 2.50rem;
}
.purchase-message {
display: none;
margin: 0;
position: absolute;
top: 45%;
width: 96%;
z-index: 50;
}
.processing-purchase {
background: rgba(255, 255, 255, 0.6);
display: none;
position: absolute;
text-align: center;
width: 100%;
/*width: calc(100% - 0.75rem);*/
height: 100%;
z-index: 50;
}
.processing-purchase img {
margin: -4rem 0 0 -4rem;
position: absolute;
top: 50%;
left: 50%;
}
/* ------------------------ print button ------------------------ */
.print-page:hover {
box-shadow: none;
color: #005596;
}
/* ------------------------ product social buttons ------------------------ */
.social-button {
display: inline-block;
line-height: 2;
margin-right: 0.25rem;
text-align: center;
width: 2rem;
height: 2rem;
}
.social-button span {
vertical-align: middle;
}
.social-button.bg-blue:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
color: #fff;
}
.mobile-social-button {
font-size: 0.75rem;
line-height: normal;
}
.mobile-social-button span {
display: block;
font-size: 1rem;
}
/* ------------------------ product attributes ------------------------ */
/* ------------------------ product swatches ------------------------ */
/* ------------------------ tell-a-friend ------------------------ */
.tell-a-friend {
background: #fff;
max-width: 30rem;
padding: 1rem;
}
.tell-a-friend fieldset {
font-size: 1rem;
text-align: left;
}
/* ------------------------ related products ------------------------ */
.related-product {
text-align: center;
}
/*
------------------------ =SRCH PAGE ------------------------ */
/*
------------------------ =BASK PAGE ------------------------ */
/* ------------------------ basket ------------------------ */
.basket-product-row {
font-size: .75rem; /* was .825rem */
padding: 0.50rem 0;
}
.basket-header-row {
font-size: .90rem;
border: 0;
background: #ddd;
line-height: normal;
padding: .25rem 0;
}
.basket-footer-row {
padding-top: 0.50rem;
}
.basket-product-row a {
text-decoration: none;
}
.basket-product-row p {
line-height: normal;
margin: 10px 0;
}
.basket-product-row p:first-of-type {
margin-top: 0;
}
.edit-options {
cursor: pointer;
border: 1px solid #fff;
}
.update-btn {
margin: 0.5rem 0 0;
}
.remove-item {
color: rgb(0, 0, 0);
margin-top: 0.5rem;
text-align: center;
}
.basket-footer-row {
border-bottom: 1px solid #dfe1e1;
padding-bottom: 0.50rem;
}
.basket-button-row {
padding-top: 1rem;
border-top: 3px solid #dfe1e1;
}
.basket-top-button-row .button {
height: 2.5rem;
line-height: 2.45rem;
}
.row.basket-button-row .column {
padding: 0 .3rem;
}
#js-BASK .bask-qty input[name="Quantity"]{width:50% !important;}
#js-BASK .basket-header-row .bask-prod{width:453px;}
#js-BASK .bask-prod-list .bask-thumb{width:127px;}
#js-BASK .bask-prod-list .bask-prod-info{width:326px;}
#js-BASK .bask-price{width:75px;}
#js-BASK .bask-qty{width:121px;}
#js-BASK .bask-total{width:85px;}
#js-BASK .basket-header-row.altBaskRowLayout .bask-prod{width:286px;}
#js-BASK .bask-prod-list.altBaskRowLayout .bask-thumb{width:90px;}
#js-BASK .bask-prod-list.altBaskRowLayout .bask-prod-info{width:196px;}
#js-BASK .altBaskRowLayout .bask-savings{width:75px;}
#js-BASK .altBaskRowLayout .bask-discount{width:92px;}
/*
#js-BASK .bask-prod-list.altBaskRowLayout .bask-price{width:75px;}
#js-BASK .bask-prod-list.altBaskRowLayout .bask-savings{width:75px;}
#js-BASK .bask-prod-list.altBaskRowLayout .bask-discount{width:75px;}
#js-BASK .bask-prod-list.altBaskRowLayout .bask-qty{width:121px;}
#js-BASK .bask-prod-list.altBaskRowLayout .bask-total{width:85px;}
*/
/* ------------------------ cart summary ------------------------ */
.bask .cart-summary .basket-header-row {
margin-bottom: 0.50rem;
}
/* ------------------------ shipping calculator ------------------------ */
.shipping-estimator {
text-align: center;
}
.shipping-estimate-dialog {
display: none;
overflow: hidden;
padding-top: 0.50rem;
text-align: left;
}
.shipping-estimate-dialog label {
font-size: 0.75rem;
}
.shipping-estimate-results {
border: solid #e0e0e0;
border-width: 1px 0;
font-size: 0.875rem;
margin-top: 0.25rem;
margin-bottom: 0.50rem;
text-align: left;
}
.shipping-estimate-results-row {
clear: both;
overflow: hidden;
padding: 0.25rem 0;
}
.shipping-estimate-results-row:nth-child(odd) {
background: #f4f4f4;
}
/*
------------------------ =OCST, OSEL, OPAY AND INVC PAGES ------------------------ */
/* CVV2 */
input[name=AuthorizeNet_Cvv] {
width: 21% !important;
margin-right: 43%;
}
/* Vertically align email on INVC "share" tab */
#sui-email span {position:relative; top: -2px;}
.ordl .mobile-navigation-bar,
.ocst .mobile-navigation-bar,
.ous1 .mobile-navigation-bar,
.ousm .mobile-navigation-bar,
.uatm .mobile-navigation-bar,
.uatr .mobile-navigation-bar,
.osel .mobile-navigation-bar,
.opay .mobile-navigation-bar,
.invc .mobile-navigation-bar {
display: none;
}
/* ------------------------ checkout headers ------------------------ */
.checkout-headers {
font-size: 0.75rem;
max-width: 1170px;
overflow: hidden;
text-align: center;
}
.checkout-headers .column {
padding: 0 0 0.50rem;
}
.checkout-headers span {
display: block;
font-size: 2rem;
}
.checkout-headers .current-step {
background: #999;
}
/* ------------------------ customer fields ------------------------ */
.customer-fields {
}
.customer-fields .bill-to,
.customer-fields .ship-to {
margin-bottom: 0.75rem;
}
.fields-key {
font-size: 0.75rem;
}
.fields-heading {
font-size: 1rem;
line-height: 2.5;
}
.controls-heading {
padding-right: 1rem;
}
.fields-heading .controls {
font-size: 0.75rem;
font-weight: 400;
visibility: hidden;
}
.fields-heading .controls label {
margin-right: 0;
text-align: left;
width: auto;
}
.invalid input,
.invalid select,
.invalid textarea {
background: #fbe3e3;
border-color: #ff4136;
}
invalid label {
color: #ff4136;
}
#js-OCST .customer-fields .form_row {
margin: 0 0 0.25rem;
}
.customer-fields .form_row {
margin: 0 0 0.50rem;
}
.customer-fields select {
font-size: 0.875rem;
height: 2rem;
}
.update-record label {
width: auto;
}
#js-OCST #clear-btn{margin:-7px 0 0 44px;}
#js-OCST #clear-btn:hover{color: #ffc125; outline: none;}
#js-OCST .stateRow{width:236px;}
#js-OCST .zipRow{width:107px;}
#js-OCST .emailRow{width:226px;}
#js-OCST .phoneRow{width:117px;}
#js-OCST #billing_controls{margin:0 0 0 58px;}
#js-OCST #billing_to_show{vertical-align: middle;}
#js-OCST label[for="BrontoSubscribe"],
#js-OCST label[for="textUpdates"],
#js-OCST label[for="promoUpdates"]
{
display: inline; font-weight: bold;
}
#js-OCST .ocst-signups {
margin-bottom: 12px;
}
#js-OCST #ocst-promo-updates,
#js-OCST #ocst-text-updates
{
display: inline-block;
}
.disclaimer a {
color: blue;
font-size: 0.85em;
}
.checkoutBask .bask-prod{width:594px;}
.checkoutBask .altBaskRowLayout .bask-prod{width:469px;}
.checkoutBask .bask-thumb{width:127px;}
.checkoutBask .bask-prod-info{width:467px;}
.checkoutBask .altBaskRowLayout .bask-prod-info{width:342px;}
.checkoutBask .bask-qty{width:125px;}
.checkoutBask .bask-qty input[name="Quantity"]{width:45% !important;}
.checkoutBask input[name="Quantity"]{width:30% !important;}
#js-BASK .product-code,.checkoutBask .product-code{margin-bottom:6px;font-size:.90rem;}
#js-BASK .product-name,.checkoutBask .product-name{margin-bottom:6px;}
/* ------------------------ cart summary layout ------------------------ */
.cart-summary {
margin-bottom: 1rem;
}
/* ------------------------ cart summary basket ------------------------ */
.ocst .cart-summary .basket-header-row,
.osel .cart-summary .basket-header-row,
.opay .cart-summary .basket-header-row,
.invc .cart-summary .basket-header-row {
cursor: pointer;
}
.ocst .cart-summary .basket-product-row,
.osel .cart-summary .basket-product-row,
.opay .cart-summary .basket-product-row,
.invc .cart-summary .basket-product-row {
font-size: 0.75rem;
overflow: hidden;
}
.cart-summary .basket-total {
font-size: 1rem;
}
/* ------------------------ cart summary customer information ------------------------ */
.cart-summary .h6 {
margin-bottom: 0.50rem;
}
.cart-summary address {
margin-bottom: 0;
}
/* ------------------------ ocst log in and forgot password forms ------------------------ */
/*.ocst-login,*/
.forgot-password {
background: #fff;
max-width: 30rem;
padding: 1rem;
}
/* ------------------------ coupon-redemption ------------------------ */
.coupon-redemption input {
width: 80%;
}
/* ------------------------ payment-method-selectors ------------------------ */
.payment-method-selectors label {
display: block;
margin-bottom: 0.75rem;
text-align: center;
}
.payment-method-selectors input {
display: none;
visibility: hidden;
}
.ie8 .payment-method-selectors input {
display: inline-block;
visibility: visible;
}
.payment-method-selectors input:checked + img {
box-shadow: 0 0 4px 4px rgba(0, 85, 150, .75);
outline: 2px solid #fff;
}
/* ------------------------ opay form layout ------------------------ */
.cc_exp select {
display: inline-block;
width: 31%;
}
.cvv input {
display: inline-block;
width: 25%;
}
.cvv a {
margin-left: 1rem;
text-decoration: none;
}
.cvv a span {
font-size: 1.50rem;
margin-left: 0.25rem;
vertical-align: middle;
}
.cvv-information {
background: #fff;
max-width: 30rem;
padding: 1rem;
}
/*
------------------------ =ORDP PAGE ------------------------ */
/*
------------------------ =ACLN PAGE ------------------------ */
.acln .account-links {
margin: 2rem 0 1rem;
}
.acln .account-links .column {
margin-bottom: 1rem;
}
.acln .account-links a {
text-decoration: none;
}
.acln .account-links a span {
font-size: 3rem;
}
/*
------------------------ =CTUS PAGE ------------------------ */
#git_img{width: 160px; margin-right: 151px;}
#js-CTUS .content-item a{text-decoration: underline;}
/*
------------------------ =NTFD PAGE ------------------------ */
/*
------------------------ =SMAP PAGE ------------------------ */
.site-map {
margin: 0.50rem 0;
text-align: center;
}
.site-map a {
border: 1px solid transparent;
display: block;
font-size: 0.875rem;
padding: 0.50rem;
position: relative;
}
.site-map a:hover {
border-color: #ddd;
}
/*------------------------ =discounts PAGE ------------------------ */
#js-discount .contact-info span{padding: 0px 28px; font-weight: bold;}
#js-discount .contact-info span:last-of-type {padding-right:0;}
#js-discount .contact-info a{text-decoration: underline;}
#js-discount #topshadow{height: 35px; background-image: url(/images/Shadow-Divider-3.jpg);}
#js-discount #bottomshadow{height: 35px; background-image: url(/images/Shadow-Divider-2.jpg);}
/*------------------------ =employment PAGE ------------------------ */
#js-employment address{font-weight:bold;}
/*------------------------ =FAQS PAGE ------------------------ */
#js-FAQS .content-item a{text-decoration: underline;}
#js-FAQS .content-item h3{margin-top:40px;color: #FA9800;}
#js-FAQS .content-item .sub_p{margin-left:30px;}
/*------------------------ =Glossary PAGE ------------------------ */
#js-glossary .content-item h2{color: #FA9800;}
/*------------------------ =SARP PAGE ------------------------ */
#js-SARP .content-item a{text-decoration: underline;}
#js-SARP .shipping-table{border:1px solid #ccc;padding:10px;width:477px;margin:30px auto 0 auto;}
#js-SARP .shipping-table .left{float:left;width:300px;}
/*------------------------ =PRPO PAGE ------------------------ */
#js-PRPO .content-item a{text-decoration: underline;}
#js-PRPO .content-item h3{color: #FA9800;}
/*Fixes */
html.win.safari #js-header #js-navigation-bar .navigation-set > li {
margin-right:-4px;
}
#js-ORDS .basket-product-row p {margin:0;}
a.forgot-your-password:hover {color: #000;}
.phone-number a {color: #ffcd07;}
/*Using ×
button.mfp-close:before {
border-radius: 50%;
width: 28px;
height: 28px;
z-index: 2;
line-height: 0.875rem;
font-size: 21px;
padding: 5px 1px 0 0px;
color: #fff;
cursor: pointer;
font-weight: bold;
display: inline-block;
text-align: center;
border: 2px solid #fff;
content: '×';
margin-right: 5px;
}*/
#tracking-info {
width: 50%;
margin: 0 auto;
background-color: #fff;
padding: 2rem;
border-radius: 5px;
}/*
+-+-+-+-+-+-+ ADDITIONAL CSS (OUTSIDE FRAMEWORK) STYLES +-+-+-+-+-+-+
*/
/*
------------------------ =GLOBAL ELEMENTS ------------------------ */
nav#js-navigation-bar {
width: 990px;
margin: 0 auto;
position: relative;
}
.navigation-element.top_navbar {
position: absolute;
top: -18px;
}
.top_navbar {
z-index: 9;
}
.one-px-left {
padding-left: 1px !important;
}
.checkout-header {
margin-bottom: 1rem;
}
a.edit-cust-btn {
vertical-align: top;
margin: .1rem 1rem 0;
border-radius: 0;
}
hr.gray {
background: #a8a8a8;
border-bottom: 1px solid #a8a8a8;
}
.save-btn {
font-size: 1rem;
padding: 0 2rem;
}
i.mfp-close-icn {
border-radius: 50%;
width: 28px;
height: 28px;
z-index: 2;
line-height: 0.875rem;
font-size: 21px;
padding: 5px 3px 0 0px;
color: #fff;
/* background: #fff; */
cursor: pointer;
font-weight: bold;
display: inline-block;
text-align: center;
border: 2px solid #fff;
}
.mfp-inline-holder button.mfp-close {
top: -40px;
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
button.mfp-close {
font-size: 18px;
}
.print-icon {
font-size: 1rem;
vertical-align: middle;
}
div#request_fields {
/*width: 75%;*/
margin: auto;
}
input#requestquote_submit {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #000;
border-radius: 0px;
background: #FFBE22;
background: -moz-linear-gradient(top, #FFBE22 0%, #FFBD22 52%, #F6A52A 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,190,34,1)), color-stop(52%, rgba(255,189,34,1)), color-stop(100%, rgba(246,165,42,1)));
background: -webkit-linear-gradient(top, rgba(255,190,34,1) 0%, rgba(255,189,34,1) 52%, rgba(246,165,42,1) 100%);
background: -o-linear-gradient(top, rgba(255,190,34,1) 0%, rgba(255,189,34,1) 52%, rgba(246,165,42,1) 100%);
background: -ms-linear-gradient(top, rgba(255,190,34,1) 0%, rgba(255,189,34,1) 52%, rgba(246,165,42,1) 100%);
background: linear-gradient(to bottom, #FFBE22 0%, #FFBD22 52%, #F6A52A 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffbe22", endColorstr="#f6a52a", GradientType=0 );
}
/*
------------------------ =LOGN PAGE ------------------------ */
#js-LOGN #return-or-create .button,
#js-ACLN .logout-btn {
height: 32px;
width: 150px;
font-size: 1rem;
line-height: 1.95rem;
}
.account-links div {
min-height: 125px;
}
/*
------------------------ =BASK PAGE ------------------------ */
span#request-quote-btn:hover {
color: #ffc125;
}
div#basket-total-savings {
margin: 0 0 0 .3rem;
}
div#free-catalogs .product-item {
padding: 0;
width: 170px;
margin: 0 .5rem;
}
#js-BASK .cpn-remove {
width: 292px;
font-size: .875em;
padding: 0 .5rem 0 0;
}
/*
------------------------ =SFNT PAGE ------------------------ */
#deal-of-the-week .product-name {
font-size: 0.875rem;
font-weight: bold;
text-align: center;
min-height: 4rem;
margin: 0.75rem 0px 0px;
line-height: 15px;
}
#deal-of-the-week .product-name a:hover {
color: #000;
}
.sfnt-promo {
margin: 0 0 15px;
}
.sfnt-promo-img-banner {
margin:2.5rem 0;
text-align: center;
}
.sfnt-grid-label {
background: url("../images/gold_arrow.png") no-repeat 158px 7px #262626;
color: #FFF;
padding: 0.15rem 1rem;
}
.sfnt-grid-label a {
display: block;
}
.sfnt-cat-item {
border: 1px solid #e2e2e2;
width: 176px;
margin: 0 0 1rem 0.5rem;
}
.sfnt-cat-item.nlm {
margin-left: 0 !important;
}
#js-SFNT .product-table-row {
width: 470px;
}
.sfnt-slider > div {
line-height: 0;
}
/*
------------------------ =PROD PAGE ------------------------ */
.see-full-details:hover {
color: #000;
}
div#back-to-results a:hover,
div#print-page-btn a:hover {
color: #7C7C7C;
}
span#price-value-additional {
font-size: .875rem;
}
#js-PROD div#js-product-attributes select {
/*margin-left: 1px;*/
}
.prods-found {
padding: .75rem 0;
line-height: 1.7;
}
.quicklook .icon-row {
padding: .75rem 0;
border-bottom: 1px solid #e3e3e4;
font-size: .875rem;
}
.quicklook .icon-row img {
height: 43px;
}
/*.youtube-thumbnail {
width: 90px;
height: 58px;
border: 1px solid #e3e3e4;
overflow: hidden;
text-transform: uppercase;
font-family: "Oswald";
font-size: .75rem;
line-height: 1.1rem;
padding: .35rem 0 0;
cursor: default;
}*/
.related-prod-container .category-product {
padding:0 .75rem;
}
.related-prod-container .category-product:hover {
-webkit-box-shadow: 0px 0px 6px 0px #c5c5c5;
-moz-box-shadow: 0px 0px 6px 0px #c5c5c5;
box-shadow: 0px 0px 6px 0px #c5c5c5;
}
.related-prod-container a:hover {
color: #000;
}
.youtube-thumbnail {
width: 90px;
height: 66px;
border: 1px solid #E3E3E4;
overflow: hidden;
text-transform: uppercase;
font-family: "Oswald";
font-size: 0.75rem;
line-height: 1.1rem;
padding: 0.75rem 0px 0px;
cursor: default;
}
.youtube-video-wrapper {
position: absolute;
z-index: 3;
height: 357px;
}
.youtube-thumbnail span {
font-size: 1.5rem;
color: #a1a1a1;
}
.product-promo {
background: url("/images/icons/new-icon.png") no-repeat;
width: 77px;
color: #fff;
position: absolute;
z-index: 9;
top: 15px;
right: 15px;
}
.results-count {
padding: 0.75rem 0px;
display: block;
line-height: 1.7;
}
.product-table-item:hover .product-promo {
display: none;
}
.product-information--purchase h3 {
line-height: 1.35rem;
margin: 0 0 1rem;
}
.social-media-buttons {
margin:1rem 0;
}
.ql-prod-wrap {
padding: 2rem .5rem;
}
.ql-window header#js-header {
border-bottom: 0;
}
.js-product-stars {
margin: 0 0 1rem;
}
#js-product-attributes {
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
#js-product-attributes label {
vertical-align: middle;
}
/*.breadcrumbs li:last-child {
display: none;
}*/
#back-to-results a {
font-size: .9375rem;
font-family: "Oswald";
}
#print-page-btn, #print-page-btn a {
font-size: .75rem;
font-family: "Oswald";
}
div#print-page-btn {
line-height: 1.65rem;
}
h5#related-prod-title {
margin: .58rem 0 .5rem;
font-weight: normal;
font-size: 1rem;
}
#related-prod-list .sub-category a {
font-family: "Roboto";
color: #4d4d4d;
}
#related-prod-list span.related-price {
font-size: 1rem;
font-weight: 300;
}
#related-prod-list .sub-category a:hover {
color: #000;
}
#related-prod-list .category-product strong {
font-size: .9375rem;
color: #5e5e5e;
}
#back-to-results span {
color: #f6a62a;
vertical-align: middle;
font-size: 1.15rem;
}
#js-PROD #js-product-list,
#js-PATR #js-product-list {
border: 1px solid #e3e3e3;
padding-top: .65rem;
}
#js-PROD #js-add-to-cart,
#js-PROD #ql-add-to-cart,
#js-PATR #js-add-to-cart {
background: #FFBE22;
background: -moz-linear-gradient(top, #FFBE22 0%, #FFBD22 52%, #F6A52A 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,190,34,1)), color-stop(52%, rgba(255,189,34,1)), color-stop(100%, rgba(246,165,42,1)));
background: -webkit-linear-gradient(top, rgba(255,190,34,1) 0%, rgba(255,189,34,1) 52%, rgba(246,165,42,1) 100%);
background: -o-linear-gradient(top, rgba(255,190,34,1) 0%, rgba(255,189,34,1) 52%, rgba(246,165,42,1) 100%);
background: -ms-linear-gradient(top, rgba(255,190,34,1) 0%, rgba(255,189,34,1) 52%, rgba(246,165,42,1) 100%);
background: linear-gradient(to bottom, #FFBE22 0%, #FFBD22 52%, #F6A52A 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffbe22", endColorstr="#f6a52a", GradientType=0 );
font-family: "Oswald";
font-size: 1.25rem;
height: 3rem;
line-height: 1.5rem;
border: 1px solid #f6a62a;
}
a#js-checkout-btn {
background: url(../images/bg_gray.jpg) repeat-x;
border-radius: 0;
color: #000;
/* padding: 1.20rem 1.15rem; */
font-size: 1rem;
width: 100px;
height: 40px;
line-height: 2.5rem;
margin-top: 1.1rem;
}
div#prod-info-2col {
width: 635px;
margin-right: 1rem;
}
/* Additional Options (PROD Upsell) */
div#qv-basket-content {
background: #f7f7f7;
padding: 1rem;
border-radius: 6px;
border: 1px solid #ccc;
}
.qv-panel-name {
font-size: 1.25rem;
font-weight: 500;
font-family: "Roboto";
}
.qv-panel-price {
font-size: 1.75rem;
}
div#qv-panel {
padding: 1rem;
border-top: 1px solid #e3e3e4;
border-bottom: 1px solid #e3e3e4;
}
div#qv-panel div {
margin-bottom: .5rem;
}
div#addServices {
margin: 0 auto;
padding: 1.5rem;
position: relative;
background: #fff;
}
.addService.row {
margin-bottom: 1rem;
}
.qv-prod-image {
text-align: center;
display: block;
padding: 1rem;
border: 1px solid #e3e3e4;
}
.qv-prod-image.active {
border-color: #f69b00;
}
img.addService-image {
display: inline !important;
height: 75px;
}
.qv-slider {
margin-top: 1rem;
}
.qv-panel-info {
width: 100%;
}
#qv-quantity-label {
margin-right: 1rem;
}
#qv-quantity-field {
width: 25%;
text-align: center;
}
#addServices div#js-purchase-message {
position: absolute;
top: 208px;
left: 50px;
padding: 1rem;
z-index: 4;
}
#addServices div#js-purchase-message.error {
background: rgb(255, 239, 176);
border: 1px solid #f69b00;
}
#addServices div#js-purchase-message.success {
background: #92DBEC;
}
/* Customers Also Bought (PROD) */
div#yt-player {
width: 640px;
height: 390px;
background: #fff;
margin: 0 auto;
position: relative;
}
#js-PROD div#customer-also-bought, #js-PATR div#customer-also-bought {
width: 100%;
margin: 0 auto;
}
img.slick-img-arrow {
position: absolute;
top: 38%;
}
.slick-img-prev {
left: -28px;
}
.slick-img-next {
right: -28px;
}
.also-bought-name, .also-bought-price {
font-size: 1rem;
text-align: center;
color: #5e5e5e;
}
.also-bought-price {
font-weight:300;
}
.also-bought-image {
text-align: center;
padding: .75rem;
height: 200px;
line-height: 200px;
}
.also-bought-image img {
display: inline !important;
max-height: 172px;
}
.also-bought-name {
height: 50px;
margin-bottom: .5rem;
overflow: hidden;
}
.also-bought-name a {
font-weight: bold;
font-size: .875rem;
}
.also-bought-name a:hover {
color: #000;
}
/*
------------------------ =CTGY/SRCH PAGE ------------------------ */
/* Product Table Listing */
/*.product-table-row {
display: table-row;
}*/
.product-table-item {
padding: 0.4rem;
text-align: center;
position: relative;
}
#deal-of-the-week .product-table-item {
width: 50%;
}
.product-table-item:hover {
-webkit-box-shadow: 0px 0px 6px 0px #c5c5c5;
-moz-box-shadow: 0px 0px 6px 0px #c5c5c5;
box-shadow: 0px 0px 6px 0px #c5c5c5;
}
.product-table-name {
font-size: 0.875rem;
font-weight: bold;
text-align: center;
height: 4.25rem;
line-height: 15px;
margin: 0.75rem 0px 0px;
overflow: hidden;
}
.product-table-name a:hover {
color: #000;
}
.product-table-price {
font-size: 1rem;
font-weight: 300;
}
.product-table-button {
margin: 0.15rem 0px 0px;
}
.product-table-button .button {
border-radius: 0px;
font-size: 0.75rem;
font-weight: bold;
line-height: 1.45rem;
background: none repeat scroll 0% 0% rgb(77, 77, 77);
}
.product-table-content {
position: relative;
}
.product-table-ql {
position: absolute;
top: 5%;
right: 1rem;
border-radius: 50%;
width: 45px;
height: 45px;
z-index: 2;
font-size: 0.75rem;
line-height: 0.875rem;
padding: .65rem 0 0;
color: #7e7e7e;
-webkit-box-shadow: 0px 0px 3px 0px #867f7f;
-moz-box-shadow: 0px 0px 3px 0px #867f7f;
box-shadow: 0px 0px 3px 0px #867f7f;
display: none;
background: #fff;
cursor: pointer;
font-weight: bold;
}
.product-table-ql:hover {
color: #4d4d4d;
box-shadow: 0px 0px 3px 0px #4d4d4d;
-webkit-box-shadow: 0px 0px 3px 0px #4d4d4d;
-moz-box-shadow: 0px 0px 3px 0px #4d4d4d;
}
.ql-window img#js-main-image {
/* max-height: 285px; */
}
/* Product Reviews */
i.custom-star-empty,
i.custom-star-fill {
width: 17px;
height: 17px;
display: inline-block;
background: url(/images/icons/review-star-empty.jpg) no-repeat;
}
i.custom-star-fill {
background: url(/images/icons/review-star-fill.jpg) no-repeat;
}
.ql-window .gd-rating-review-link {
display: none;
}
/*
------------------------ =BASK PAGE ------------------------ */
/* Customers Also Bought (BASK) */
div#options-modal {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.bask-ship-estimate a, .bask-quote-request span{
line-height: 1.45rem;
padding: .38rem 0;
height: 60px;
}
.bask-cont-next .button,
.bask-cont-shopping .button {
height: 60px;
font-size: 1.1rem;
line-height: 3.75rem;
}
.basket-cpn-redeem .nm {
font-size: 0.875rem;
padding: 0.75rem;
margin-right: 1rem;
}
#js-BASK input[type="tel"],
#js-OCST input[type="tel"],
#js-OSEL input[type="tel"],
#js-OPAY input[type="tel"] {
width: 20%;
margin: 0px auto;
border: 1px solid #000;
height: 2rem;
}
#js-BASK .row.basket-top-button-row {
margin-bottom: .5rem;
}
#js-BASK .row.basket-top-button-row h2 {
line-height: 1.3;
}
.cpn-label {
width: 156px;
}
#js-BASK .basket-cpn-redeem .nm {
margin: 0 !important;
}
/*
------------------------ =ORDS PAGE ------------------------ */
.ords-order-information strong {
display: inline-block;
width: 82px;
}
.ords-order-information .payment-digits {
padding-left: 5.25rem;
}
.invc-order-information strong {
display: inline-block;
width: 75px;
}
.invc-order-information .payment-digits {
padding-left: 4.9rem;
}
/*
------------------------ =OCST PAGE ------------------------ */
.cont-checkout-btn {
height: 2.5rem;
line-height: 2.5;
}
.cont-checkout-btn-large {
height: 3rem;
font-size: 1.25rem;
line-height: 2.25;
}
input#ShipFirstName,
input#ShipEmail {
margin-left: 1px;
}
#shipping_fields {
position:relative;
}
#shipping_fields:after {
content: '';
background: #929292;
width: 1px;
height: 375px;
position: absolute;
top: 0;
right: -12px;
}
#js-OCST div#update-record {
clear: both;
padding-left: 1rem;
}
#js-OCST .shipping-disclaimer {
font-size: .75rem;
}
#js-OCST .inline-labeling label {
text-align: left;
width: 100%;
}
#js-OCST .inline-labeling input[type="text"] {
width: 100%;
}
#js-OCST span#billing_controls label,
#js-OCST span#shipping_controls label {
width: 32%;
}
#js-OCST #ship-to h2, #js-OCST #bill-to h2 {
padding: 0;
margin: 0;
color: #000;
}
#js-OCST .customer-fields .form-row {
margin: 0;
}
#js-OCST .customer-fields {
background: #d9cbae;
border-radius: 2px;
border: 1px solid #b3b3b3;
color: #000;
padding-bottom: .75rem;
margin-bottom: 1rem;
-webkit-box-shadow: 2px 2px 5px 0px rgba(168,168,168,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(168,168,168,1);
box-shadow: 2px 2px 5px 0px rgba(168,168,168,1);
}
#js-OCST .inline-labeling .shipto-cntry-select label,
#js-OCST .inline-labeling .billto-cntry-select label {
width: 32%;
vertical-align: middle;
}
#js-OCST h3.order-summary-title,
#js-OSEL h3.order-summary-title,
#js-OPAY h3.order-summary-title {
display: block;
position: absolute;
bottom: 0; /* was 12 */
}
#js-OCST h3.order-summary-title {
bottom: 12px;
}
#js-OCST .bottom-customer-row {
margin-bottom: .75rem;
clear: both;
padding: 0 .75rem;
}
#js-OCST .inline-labeling .shipto-cntry-select input[type="radio"],
#js-OCST .inline-labeling .billto-cntry-select input[type="radio"] {
vertical-align: middle;
}
#js-OCST .create-account-tip-content {
position: absolute;
background: #f7f7f7;
border: 3px solid #ccc;
padding: .5rem 1rem;
top: 0;
right: -265px;
width: 284px;
border-radius: 5px;
z-index: 2;
font-size: .75rem;
}
#js-OCST .create-account-tip-content h2 {
font-size: 1.15rem;
text-align: center;
padding: 0;
margin: 0 0 0.5rem;
}
#js-ocst-login-select form label, #ocst-create-account label {
font-size: .75rem;
width: 32%;
font-weight: 400;
display: inline-block;
}
#js-ocst-login-select #l-Customer_LoginEmail, #js-ocst-login-select #l-Customer_Password, #ocst-create-account #l-CustomerEmailCreate, #ocst-create-account #l-CustomerCreate {
width: 66%;
display: inline-block;
height: 1.25rem;
padding: 0 .5rem;
line-height: normal;
font-size: .75rem;
border: 1px solid #a8a8a8;
}
div#ocst-create-account {
font-size: .75rem;
padding: .75rem 0 0;
}
#js-ocst-login-select .button-mini-two {
width: 5rem;
font-weight: 500;
border: 1px solid #a8a8a8;
}
.form-row.shipto-cntry-select,
.form-row.billto-cntry-select {
text-align: center;
padding: .75rem 0;
}
.one-pixel-pl select,
#BillCityAPO,
#ShipCityAPO {
width: 100%;
height: 1.75rem;
}
div#select-account-login {
margin: 0 0 1rem;
}
.cpn-label, .cpn-redeem, .cpn-button {
margin: 0 0 .5rem;
}
.cpn-remove {
width: 331px;
font-size: .875em;
}
/* Customer Select Menu */
#js-OCST .shipping-disclaimer {
font-size: .75rem;
}
.customer-type-select {
background: #d9cbae;
padding: 1.5rem .75rem;
border: 1px solid #b3b3b3;
color: #000;
margin: 0 0 1.25rem;
border-radius: 2px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(168,168,168,1);
-moz-box-shadow: 10px 10px 5px 0px rgba(168,168,168,1);
box-shadow: 2px 2px 5px 0px rgba(168,168,168,1);
}
.customer-type-select label {
font-size: 1rem;
font-weight: 600;
}
.customer-type-select label span {
font-size: .75rem;
margin-left: 1rem;
font-weight: normal;
}
span.create-account-tip {
margin-left: .5rem !important;
text-decoration: underline;
}
/* Request Quotes */
div#request-quote-modal {
width: 450px;
margin: 0 auto;
background: #fff;
padding: 1rem 2rem;
border-radius: 5px;
position: relative;
}
/* ------------- OSEL Page Template --------------- */
#js-OSEL #l-voucher-redeem .button, #js-OSEL #l-bask-redeem .button {
width: 122px;
margin-left: 1rem;
text-align: center;
}
.payment-options {
margin: 2rem 0;
font-size:.875rem;
}
.payment-options label {
font-weight: 600;
}
.cc-payment-label {
width: 170px;
}
.cc-payment-select {
width: 362px;
padding-left: 0px;;
}
.osel-form-contents, #js-OPAY #js-opay-form .cart-contents {
min-height: 302px;
}
#po-choices h4 {
font-size: 1.05rem;
}
#po-choices .cc-payment-label {
width: 110px;
vertical-align: middle;
padding: 0.25rem 0 0;
}
#po-choices .cc-payment-select {
width: 320px;
vertical-align: middle;
}
#po-choices #pg-cc-payment-options {
padding-left: 1rem;
}
#po-choices .cc-payment-label label {
font-weight: 500;
}
/*------------- OPAY Page Template ----------------*/
#js-OPAY .inline-labeling label {
display: inline-block;
margin-right: 0.50em;
text-align: left;
vertical-align: middle;
width: 29%;
}
#js-OPAY .cart-summary {
width: 432px;
}
#js-OPAY #js-opay-form .cart-contents,
#js-OSEL .osel-form-contents {
background: #d9cbae;
border: 1px solid #b3b3b3;
width: 558px;
}
#js-OPAY h2.fields-heading,
#js-OSEL h2.fields-heading {
margin: 0 0 .5rem;
line-height: normal;
}
#js-OPAY .inline-labeling input[type="date"],
#js-OPAY .inline-labeling input[type="datetime"],
#js-OPAY .inline-labeling input[type="datetime-local"],
#js-OPAY .inline-labeling input[type="email"],
#js-OPAY .inline-labeling input[type="month"],
#js-OPAY .inline-labeling input[type="number"],
#js-OPAY .inline-labeling input[type="password"],
#js-OPAY .inline-labeling input[type="search"],
#js-OPAY .inline-labeling input[type="tel"],
#js-OPAY .inline-labeling input[type="text"],
#js-OPAY .inline-labeling input[type="time"],
#js-OPAY .inline-labeling input[type="url"],
#js-OPAY .inline-labeling input[type="week"],
#js-OPAY .inline-labeling select,
#js-OPAY .inline-labeling textarea {
width: 68%;
}
#js-OPAY .payment-methods-fields {
width: 90%;
margin: 0 auto;
}
#js-OPAY .disclaimer h3 {
font-size: .875rem;
}
#js-OPAY #bill-to-fields,
#js-OPAY #ship-to-fields,
#js-OSEL #bill-to-fields,
#js-OSEL #ship-to-fields {
padding-left:1.5rem;
font-size:.75rem;
}
#js-OPAY #js-cart-summary-contents,
#js-OSEL #js-cart-summary-contents {
padding-left: 2rem;
}
.complete-order-btn {
font-size: 1.35rem;
font-family: oswald;
color: #000;
padding: 1rem 3.5rem;
height: 4rem;
line-height: 1.5rem;
font-weight: bold;
}
#basket-charges {
font-size: .75rem;
}
#basket-final-total {
font-size: 1.5rem;
border-top: 3px solid #dfe1e1;
padding: .75rem 0 0;
}
#basket-charges .charge-row {
margin-bottom: 0.75rem;
}
#basket-total-savings span {
padding-left: 1.25rem;
}
.place-order-btn {
font-size: 1.25rem;
line-height: 2.25;
height: 3rem;
text-align: center;
}
/* ------ ORDS ------- */
#js-ORDS address {
font-size: .875rem;
font-style: normal;
}
#js-ORDS h5.fields-heading {
border-bottom: 1px solid #ddd;
}
#tracking-info {
width: 50%;
margin: 0 auto;
background-color: #fff;
padding: 2rem;
border-radius: 5px;
position: relative;
}
span.track-order {
cursor: pointer;
}
/*-------- INVC ----------*/
#js-INVC div#inv-tabs {
border-bottom: 3px solid #e5ac00;
}
#js-ORDP #ship-to-fields,
#js-ORDP #bill-to-fields,
#js-INVC #ship-to-fields,
#js-INVC #bill-to-fields {
font-style: normal;
font-size: .75rem;
padding-left: .5rem;
}
#js-INVC div#corporate-accounts {
position: absolute;
right: 0;
bottom: 2px;
}
#js-INVC .slick-slider {
margin-bottom: 0;
}
/* ----------- Custom media queries -------- */
#js-PROD div#customer-also-bought, #js-PATR div#customer-also-bought {
width: 480px;
position: relative;
}
#js-PROD div#customer-also-bought.full-width, #js-PATR div#customer-also-bought.full-width {
width: 100%;
position: relative;
}
.product-table-item:hover .product-table-ql {
display: block;
}
.product-table-row {
display: table;
table-layout: fixed;
/*width: 736px;*/
}
.product-table-item {
display: table-cell;
vertical-align: bottom;
/* width: 184px; */
width: 188px;
position: relative;
}
#js-BASK .product-table-item {
width: 33.3332%;
}
div#addServices {
height: 700px;
width: 980px;
}
#js-OPAY #js-cc_exp select {
width: 21% !important;
}
/*allow minibask to display correctly greater than 2 digit nums*/
.mini-basket {
padding: 0.5rem 0.14rem;
}/*
------------------------ =PRINT STYLES ------------------------ */
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dppx) {
/* Style adjustments for high resolution devices */
.hd-show {
display: block;
visibility: visible;
}
.hd-hide {
display: none;
visibility: hidden;
}
}
@media print {
@page {
margin: 0.50cm;
}
*,
*:before,
*:after {
background: transparent !important;
color: black !important;
-webkit-filter: none !important;
filter: none !important;
text-shadow: none !important;
}
body {
background-color: #fff;
color: #000;
font: 1em / 1.3 Helvetica, Arial, sans-serif;
}
body {
font-family: Helvetica, Arial, sans-serif !important;
}
a,
a:visited {
color: #444 !important;
text-decoration: underline;
word-wrap: break-word;
}
/*a[href]:after {
content: " (" attr(href) ")";
font-size: smaller;
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after,
.ir a:after {
content: "\0020";
}*/
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
q:after {
content: " (Source: " attr(cite) ")";
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
.print-show {
display: block;
visibility: visible;
}
a.masthead_logo {
display: inline-block;
background: url(../images/sts-white.jpg) no-repeat !important;
width: 130px;
height: 140px;
content: ' ';
}
a[href].masthead_logo:after {
content: ' ';
}
.phone-number h5 {
font-size: 1.5rem;
}
.phone-number {
width: 198px !important;
position: absolute;
top: 87px;
left: -220px;
}
a[href^="#"]:after,
audio,
embed,
footer,
nav,
object,
video,
iframe,
.footer,
#js-navigation-bar,
.print-icon,
.breadcrumbs,
.print-hide,
.free_shipping_img,
.mini-basket,
.header-checkout-btn,
.phone-number-label,
.global-search,
.c2-print,
.top-links,
.social-tabs,
#corporate-accounts,
.checkout-header,
#invc-cta-btns,
#product-top-bar,
#l-quantity,
label[for="l-quantity"],
#js-add-to-cart,
#related-prod-list,
#customer-also-bought,
#cb-title
{
display: none;
visibility: hidden;
}
#prod-info-2col {
width: 100% !important;
}
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(1400, 0, 0);
-moz-transform: translate3d(1400, 0, 0);
-ms-transform: translate3d(1400, 0, 0);
-o-transform: translate3d(1400, 0, 0);
transform: translate3d(1400, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 48px;
height: 48px;
margin-top: -10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before, .slick-next:before {
font-family: 'ElegantIcons';
font-size: 48px;
line-height: 1;
opacity: .75;
color: rgb(115, 115, 115);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '4';
}
[dir=rtl] .slick-prev:before
{
content: '5';
}
.slick-next
{
right: -25px;
}
[dir=rtl] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '5';
}
[dir=rtl] .slick-next:before
{
content: '4';
}
/* Dots */
.slick-slider
{
/*margin-bottom: 30px;*/
margin-bottom: 40px;
position: relative;
}
.slick-dots
{
position: absolute;
bottom: -44px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: url(../images/dots.png) no-repeat -22px 0;
}
.slick-dots li.slick-active button {
background: url(../images/dots.png) no-repeat 0 0 !important;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
/* content: '•'; */
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
#addServices .slick-prev, #addServices .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 40%;
display: block;
width: 48px;
height: 48px;
margin-top: -10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: #f7f7f7;
border: 1px solid #e3e3e4;
}
#addServices .slick-prev {
left: 0;
}
#addServices .slick-next {
right: 0;
}
#addServices .slick-prev:hover, #addServices .slick-prev:focus, #addServices .slick-next:hover, #addServices .slick-next:focus {
color: transparent;
outline: none;
background: #f7f7f7;
}
#addServices .slick-prev:before, #addServices .slick-next:before {
font-family: 'ElegantIcons';
font-size: 48px;
line-height: .75;
opacity: .75;
color: rgb(115, 115, 115);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}li:first-child.r-tabs-tab {
margin: 0;
}
li.r-tabs-state-active {
background: #fff !important;
border-bottom: 1px solid #fff !important;
}
.r-tabs .r-tabs-nav {
margin: 0;
padding: 0;
}
.r-tabs .r-tabs-tab {
display: inline-block;
margin: 0 0 0 -5px;
list-style: none;
padding: .5rem 1rem;
background: #f7f7f7;
border: 1px solid #e3e3e3;
border-bottom: 0;
}
.r-tabs .r-tabs-panel {
padding: 15px;
display: none;
border: 1px solid #e3e3e3;
margin: -1px 0 0 0;
}
.r-tabs .r-tabs-accordion-title {
display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block;
}
.r-tabs .r-tabs-tab a {
font-size: .875rem;
font-family: "Oswald";
text-transform: uppercase;
}
li.r-tabs-tab {
width: 166px;
}
li:last-child.r-tabs-tab {
width: 165px;
}
/* Accordion responsive breakpoint
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: block;
}
}*//*
------------------------ =cornerstoneUX touchTips ------------------------ */
*[data-touchTips]:not(img):not(figure) {
border-bottom: 1px dotted #999;
cursor: help;
}
.touchTips {
background: #111;
box-shadow: 0 0.50rem 0.50rem -0.25rem rgba(0,0,0,.3);
color: #fff;
opacity: 0;
padding: 1rem;
position: absolute;
text-align: center;
-webkit-transition: 0.3s ease-in-out all;
transition: 0.3s ease-in-out all;
z-index: 100;
}
.touchTips--show {
opacity: 1;
}
/* ------------------------ directional arrow ------------------------ */
.touchTips:after {
border-style: solid;
border-color: transparent;
border-top-color: #111;
border-width: 0.50rem 0.50rem 0;
content: '';
margin-left: -0.50rem;
position: absolute;
left: 50%;
bottom: -0.50rem;
width: 0;
height: 0;
}
.touchTips.top:after {
border-top-color: transparent;
border-bottom: 0.50rem solid #111;
top: -1rem;
bottom: auto;
}
.touchTips.left:after {
left: 0.50rem;
margin: 0;
}
.touchTips.right:after {
margin: 0;
right: 0.50rem;
left: auto;
}