/*
    Base

    Much of this section is a reset or normalization of common elements.
    Changes to the rules defined in the 'Base' section should be rare and
    well justified.

*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
rule {
    display: block;
}

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

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

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
}

* {
    box-sizing: border-box;
}

html,
button,
input,
select,
textarea {
    font-family: Verdana,sans-serif;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    /*overflow-x: hidden;*/
    font-family: Verdana, sans-serif;
    font-style: normal;
    font-size: 16px;/*ie*/
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff;/*#313131; keeps the footer as solid bg regardless of other content height */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-backface-visibility: hidden;
}

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

b,
strong {
    font-weight: bold;
}

blockquote,
.blockquote {
  /*font-family: 'OpenSans-Light', Verdana, sans-serif;*/
  font-family: 'Open Sans', Verdana, sans-serf;
  font-weight: 300;
  font-size: 16px;/*ie*/
  font-size: 1rem;
  line-height: 1.7;
  margin: 16px 0 28px 0;/*ie*/
  margin: 1rem 0 1.75rem 0;
}

blockquote cite,
.blockquote cite {
  display: block;
  margin-top: .5rem;
  font-family: Verdana, sans-serif;
  font-size: 11px;/*ie*/
  font-size: .6875rem;
  font-style: normal;
  clear: both;
  max-width: 90%;
}

blockquote cite:before,
.blockquote cite:before {
    content: '\2014';
    color: #999;
    padding-right: 4px;/*ie*/
    padding-right: .25rem;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 0 0 16px 0;/*ie*/
    margin: 0 0 1rem 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace,serif;
    _font-family: 'courier new',monospace;
    font-size: 1em;
}

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

q {
    quotes: none;
}

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

small {
    font-size: 75%;
}

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

sup {
    top: -5px;
    top: -.275rem;
    padding: 0 2px;
    padding: 0 .1rem;
}

h1 sup,
h2 sup {
    font-size: 43.75%;
    top: -12px;
    top: -.75rem;
}

sub {
    bottom: -4px;/*ie*/
    bottom: -.25rem;
}

a:link,
a:visited {
    text-decoration: none;
    /* May 2014: setting default link color style */
    color: #006da4;
    color: rgba(0,109,164,1);
}

a:hover,
a:focus,
a:active {
    /* outline: 0; */
    text-decoration: underline;
    /* May 2014: setting default link color style */
    color: #006da4;
    color: rgba(0,109,164,1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: 'OpenSans-Regular', Verdana, sans-serif;
    font-weight: normal;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 400;
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
    /*font-family: 'OpenSans-Italic', Verdana, sans-serif;*/
}

h1,
.h1 {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 600;
    font-size: 32px;/*ie*/
    font-size: 2rem;
    line-height: 1.4;
    margin-bottom: 13px;/*ie*/
    margin: 0 0 .825rem 0;
    color: #555;
}

h1 em,
.h1 em {
    /*font-family: 'OpenSans-SemiBold-Italic', Verdana, sans-serif;*/
}

h2,
.h2 {
    font-size: 24px;/*ie*/
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 6px;/*ie*/
    margin: 0 0 .415rem 0;
}

.h2-plus {
    font-size: 27px;/*ie*/
    font-size: 1.675rem;
    margin-bottom: 13px;/*ie*/
    margin-bottom: .83rem ;
}

h2 + p {
    margin-top: 0;
}

h3 + p {
    margin-top: 8px;/*ie*/
    margin-top: .5rem;
}

/*    double line-height flowline
p + h2,
ul + h2,
ol + h2
dl + h2,
div + h2 {
    margin-top: 49px;
    margin-top: 2.8rem;
}
*/

h3,
.h3 {
    font-size: 18px;/*ie*/
    font-size: 1.15rem;
    margin-bottom: 6px;/*ie*/
    margin: 0 0 .35rem 0;
}

h2 + h3 {
    /*font-family: 'OpenSans-Regular', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 400;
}

h2 + h3 em {
    /*font-family: 'OpenSans-Italic', Verdana, sans-serif;*/
    font-style: italic;
}

h4,
.match-h4,
.h4 {
    /*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 700;
    font-size: 14px;/*ie*/
    font-size: .9rem;/*.9em;*/
    text-transform: uppercase;
    margin-bottom: 7px;/*ie*/
    margin: 0 0 .45rem 0;
}

h4 em,
.match-h4 em,
.h4 em {
    /*font-family: 'OpenSans-Bold-Italic', Verdana, sans-serif;*/
}

h5,
.h5 {
    font-size: 13px;/*ie*/
    font-size: .825em;
    margin-bottom: 6px;/*ie*/
    margin: 0 0 .4125rem 0;
}

h6,
.h6 {
    font-size: 11px;/*ie*/
    font-size: .6875rem;
    margin-bottom: 5px;/*ie*/
    margin: 0 0 .34375rem 0;
}

p,
.match-p,
.p {
    font-size: 14px;/*ie*/
    font-size: .875rem;
    line-height: 1.6;
    word-break: hyphenate;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

header{
    position: relative;
}

iframe {
    overflow-x: hidden;
    overflow-y: auto;
    border: 0;
}

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

nav li {
    margin-bottom: 0;
}

ul,
ol,
dl {
    font-size: 14px;/*ie*/
    font-size: .875rem;
}

dl,
menu,
ol,
ul {
    margin: 16px 0;/*ie*/
    margin: 1rem 0;
}

dd {
    margin: 0 0 0 40px;/*ie*/
    margin:0;/* 0 0 2.5rem;*/
}

menu,
ol,
ul,
dl {
    padding: 0 0 0 40px;/*ie*/
    padding: 0 0 0 2.5em;
}

li,
dd {
    margin-bottom: 8px;/*12px;*//*ie*/
    margin-bottom: .5rem;/*.75rem;*/
}

li ul,
li ol {
    font-size: 14px;/*ie*/
    font-size: .875rem;

    padding-left: 16px;/*ie*/
    padding-left: 1rem;
}

li ol li {
    margin-left: 32px;/*ie*/
    margin-left: 2rem;
}

img {
    border: 0;
    /*image-rendering: optimizeQuality;
    image-rendering: -webkit-optimize-contrast;*/
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
}

object,
embed {
    max-width: 100%;
}

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

figure {
    margin: 0 0 16px 0;/*ie*/
    margin: 0 0 1rem 0;
    padding: 0;
    max-width: 100%;
    display: block;
}

figcaption {
    font-size: 12px;/*ie*/
    font-size: .75rem;
    line-height: 1.6;
    color: #666;
    padding: 4px 2px;
    padding: .25rem .125rem;
    display: block;
}

section {
    display: block;
    clear: both;
    position: relative;
    padding: 40px 0;/*ie*/
    padding: 2.5rem 0;
}

aside {
    background-color: none;
    margin: 0;
    border-radius: 0;
    /*-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;*/
}

aside p {
    font-size: 12px;/*ie*/
    font-size: .75rem;
}

  aside p + h4 {
        margin-top: 32px;/*ie*/
        margin-top: 2rem;
  }

table {
    font-size: 12px;/*ie*/
    font-size: .75rem;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 28px 0;/*ie*/
    margin: 1.75rem 0;
}

colgroup.thirds col {
    width: 33.33%;
}

table p,
table ul,
table ol,
table dl {
    font-size: 12px;/*ie*/
    font-size: .75rem;
}

th {
    /*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 700;
    font-size: 14px;/*ie*/
    font-size: .85rem;
    text-transform: uppercase;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    padding: 8px;/*ie*/
    padding: .5rem;
    text-align: left;
}

td {
    padding: 8px;/*ie*/
    padding: .5rem;
    border-bottom: 1px solid #eee;
    vertical-align: top;
}

table tr:last-child td {
    border-bottom: none;
}

tfoot {
    font-size: 11px;/*ie*/
    font-size: .6875rem;
    color: #787878;
}

tfoot td {
    border-top: 1px solid #eee;
}

tfoot td p {
    font-size: 11px;/*ie*/
    font-size: .6875rem;
}

form {
    margin: 0;
    font-size: 90%;
}

form table {
    font-size: 100%;
}

form td {
    border: none;
}

fieldset {
    padding: 16px;/*ie*/
    padding: 1rem;
    margin: 24px 0;/*ie*/
    margin: 1.5rem 0;
    border: none;
    border-radius: 5px;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -0.4375em;
}

label {
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
}

input[type=text],
input[type=email],
input[type=password],
textarea,
select,
datalist option {
    color: #444;
    background-color: #fff;
    border: 2px solid #ccc;/*ie*/
    border: .125rem solid #ccc;
    padding: 8px;/*ie*/
    padding: .5rem;
    margin: 0;
    width: 100%;
    border-radius: 3px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

textarea {
    line-height: 1.5;
    min-height: 120px;/*ie*/
    min-height: 7.5rem;
    overflow: auto;
    vertical-align: top;
}

input[type=submit] {
    display: inline-block;
    width: auto;
    margin: 8px 0;/*ie*/
    margin: .5rem 0;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
    color: #333;
    border: 2px solid #999;
    outline: 0;
}

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

button,
input {
    line-height: normal;
}

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

button[disabled],
input[disabled] {
    cursor: default;
}

input[type=checkbox],
input[type=checkbox]:active,
input[type=checkbox]:focus {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0;
    border: none;
    border-radius: 0;
    *height: .8125em;
    *width: .8125em;
}

input[type=checkbox] {
    border:1px solid #ccc;
}

input[type=checkbox]:active,
input[type=checkbox]:focus {
    border:1px solid #666;
}

input[type=radio] + label {
    margin-left: 4px;/*ie*/
    margin-left: .25rem;
}

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

footer {
  color: #999;
  background-color: #313131;
  display: block;
  padding: 24px 0 48px 0;/*ie*/
  padding: 1.5rem 0 3rem 0;
}

footer dl {
    display: block;
    width: 20%;/*25%;*/
    padding: 0;
    margin: 16px 0 0 0;/*ie*/
    margin: 1rem 0 0 0;
    float: left;
}

footer dt,
footer dd {
    margin: 0;
    padding: 0;
}

footer dt {
    font-size: 14px;/*ie*/
    font-size: .875rem;
    margin-bottom: 4px;/*ie*/
    margin-bottom: .25rem;
}

footer dd + dt {
    margin-top: 24px;
    margin-top: 1.5rem;
}

footer dd {
    font-size: 11px;/*ie*/
    font-size: .6875rem;
    line-height: 1.2;
    margin-bottom: 7px;/*ie*/
    margin-bottom: .45rem;
}

footer a:link,
footer a:visited {
    text-decoration: none;
}

footer a:hover,
footer a:active,
footer a:focus {
    text-decoration: underline;
}

footer dd a,
footer small a {
    color: #ddd!important;
}

footer dt a {
    color: #999!important;
}

footer div {
    display: block;
}

footer div p {
    border-top: 1px solid #676767;
    padding-top: 4px;/*ie*/
    padding-top: .25rem;
    margin: 28px 0 0 0;/*ie*/
    margin: 1.75rem 0 0 0;
}

footer small {
    font-size: 10px;/*ie*/
    font-size: .625rem;
}

/*    not an HTML5 element, but we've added it to our
    Modernizr JS lib file.
*/
rule {
    height: 1px;
    line-height: 1px;
    min-height: 1px;
    width: auto;
    background-color: #eee;
    margin: 24px 0;/*ie*/
    margin: 1.5rem 0;
}

rule + h2 {
    margin-top: 0;
}

/* these are only classes but seems silly to lose them
   by placing them elsewhere in this file.
*/
.rule-dotted {
    background-color: transparent;
    border-top: 1px dotted #ccc;
}

.rule-dashed {
    background-color: transparent;
    border-top: 1px dashed #eee;
}

.rule-dark {
    background-color: #ccc;
}

.rule-medium {
    background-color: #dedede;
}

.rule-small-margin {
    margin: 6px 0;/*ie*/
    margin: .35rem 0;
}

.rule-extra-small-margin {
    margin: 4px 0;/*ie*/
    margin: .25rem 0;
}


/*-----------------------------------------------*/

/*
    Layout

    The following may be considered improperly categorized, but
    '.wrapper', '.col', '.push', and '.pull' are really layout elements
    used to render our grid and center content where required.

*/

/*    .wrapper is used to define the outermost boundary of our grid;
    equivalent to '.row' in similar grid structures.
*/

.wrapper {
    display: block;
    clear: both;
    position: relative;
    min-width: 320px;/*ie*/
    min-width: 20rem; /* 320px */
    max-width: 1280px;/*ie*/
    max-width: 80rem; /* 1280px */
    padding: 0 16px;
    padding: 0 1rem;
    margin: 0 auto;
}

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

/* firefox only: issue with overlapping margin */
@-moz-document url-prefix()  {
    .wrapper {
        margin-bottom: 1.8rem;
    }
}

.wrapper .wrapper {
    padding-right: 0;
    padding-left: 0;
    max-width: none;
    min-width: 0;
    margin-right: -16px;/*ie*/
    margin-left: -16px;/*ie*/
    margin-right: -1rem;
    margin-left: -1rem;
}

nav.wrapper {
    padding: 0 2rem;
    margin-bottom: 0;
}

.hero-is-tall .wrapper,
.hero-is-short .wrapper {
    padding-right: 2rem;
    padding-left: 2rem;
}

/*    12 column flexible grid

    .col~ and .offset are classes (generally applied to
    <div> elements) we use to render our flexible grid. sometimes
    the values used by these classes are used as part of the ruleset
    for existing elements (rather than applying the .col~ or
    .offset classes).

    .col + .col-(number) will define your containing column's width.
    .push-(number) acts as a 'push' class, 'pushing' your column away
    from the left.

    .pull-(number) acts as a 'pull' class, 'pulling' your column
    toward the left (pushes away from the right; the opposite of
    .push).

*/

.col {
    float: left;
    padding: 0 16px;/*ie*/
    padding: 0 1rem;
    min-height: 1px;
}

/* when you need tighter gutter spacing */
.wrapper.has-narrow-gutters .col,
.has-narrow-gutters .col {
   padding: 0 4px;/*ie*/
   padding: 0 .25rem;
}

.col-1 {
    width: 8.33%;
}

.col-2 {
    width: 16.66%;
}

.col-2h {
    width: 20.825%;
}

.col-3 {
    width: 24.99%;
}

.col-4 {
    width: 33.33%;
}

.col-4h {
    width: 37.495%;
}

.col-5 {
    width: 41.65%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33%;
}

.col-8 {
    width: 66.66%;
}

.col-9 {
    width: 74.99%;
}

.col-10 {
    width: 83.33%;
}

.col-11 {
    width: 91.66%;
}

.col-12 {
    width: 100%;
    float: none;
}

/*    push from left */
.push-1half {
    margin-left: 4.165%;
}

.push-1 {
    margin-left: 8.33%;
}

.push-2 {
    margin-left: 16.66%;
}

.push-3 {
    margin-left: 24.99%;
}

.push-4 {
    margin-left: 33.33%
}

.push-5 {
    margin-left: 41.66%;
}

.push-6 {
    margin-left: 49.99%;
}

.push-7 {
    margin-left: 58.33%;
}

.push-8 {
    margin-left: 66.66%;
}

.push-9 {
    margin-left: 74.99%;
}

.push-10 {
    margin-left: 83.33%;
}

.push-11 {
    margin-left: 91.66%;
}

/*    pull towards left */
.pull-1half {
    margin-right: 4.165%;
}

.pull-1 {
    margin-right: 8.33%;
}

.pull-2 {
    margin-right: 16.66%;
}

.pull-3 {
    margin-right: 24.99%;
}

.pull-4 {
    margin-right: 33.33%
}

.pull-5 {
    margin-right: 41.66%;
}

.pull-6 {
    margin-right: 49.99%;
}

.pull-7 {
    margin-right: 58.33%;
}

.pull-8 {
    margin-right: 66.66%;
}

.pull-9 {
    margin-right: 74.99%;
}

.pull-10 {
    margin-right: 83.33%;
}

.pull-11 {
    margin-right: 91.66%;
}

/*    utilize CSS column-count to render
    column flow.
*/
.col-span-all {
    -webkit-column-span: all;
       -moz-column-span: all;
            column-span: all;
}

.col-flow-rule {
    -webkit-column-rule: 1px solid #eee;
    -moz-column-rule: 1px solid #eee;
    column-rule: 1px solid #eee;
}

.col-flow-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.col-flow-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.col-flow-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.col-flow-2,
.col-flow-3 {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}

.col-flow h3 + p,
.col-flow dl {
    page-break-inside: avoid;
         break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
}

/*    flowlines in a grid create the horizontal
    spacing; increasing the top flowline of a
    '.wrapper' (think row) can be useful when
    laying some elements out in a sub-grid.

*/

.increased-top-flowline,
.wrapper.increased-top-flowline {
    margin-top: 48px;/*ie*/
    margin-top: 3rem;
}

/*    specialized rules for product page hero space
    (pub data presented as "inside" laptop screen)
*/
.product-hero {
    padding-bottom: 20px;/*ie*/
    padding-bottom: 1.25rem;
}

.frame {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.pub-data {
    padding: 7% 12% 5% 17%;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 3;
}

.pub-data h1 {
    font-size: 28px;/*ie*/
    font-size: 1.75rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.pub-data h1 em {
    font-size: 18px;/*ie*/
    font-size: 1.125rem;
}

.cover-col {
    width: 27%;
    padding-left: 0;
    position: relative;
}

.regional-flag {
    position: absolute;
    top: -10%;
    left: -8%;
    z-index: 10;
    display: block;
    max-width: 32%;
}

.title-col {
    width: 73%;
    padding-top: 8px;/*ie*/
    padding-top: .5rem;
    padding-left: 0;
}

.title-col h2 {
    /*font-family:'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-weight: 600;
    font-size: 18px;/*ie*/
    font-size: 1.125rem;
    color: #444;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.title-col p {
    /*font-family:'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 16px;/*ie*/
    font-size: 1rem;
    font-weight: 600;
    color: #777;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.is-frame {
    position: relative;
    z-index: 2;
}


/* ordering options */
.ordering-options li {
    background-color: #f1f1f1;
    padding: 12px;/*ie*/
    padding: .75rem;
    margin-bottom: 16px;/*ie*/
    margin-bottom: 1rem;
    border-radius: .3125rem;
}

.ordering-options h3 { /* "Featured offer" */
    font-size: 24px;/*ie*/
    font-size: 1.5rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.ordering-options h4,
.ordering-options h5 { /* product title string AND price */
    /*font-family: 'OpenSans-SemiBold';*/
    font-weight: 600;
    font-size: 18px;/*ie*/
    font-size: 1.125rem;
    margin-bottom: 2px;/*ie*/
    margin-bottom: .125rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.ordering-options p {
    font-size: 12px;/*ie*/
    font-size: .75rem;
}

.featured-offer h4,
.featured-offer h5 {
    /*font-family: 'OpenSans-Bold';*/
    font-weight: 700;
    font-size: 22px;/*ie*/
    font-size: 1.375rem;
    color: #444;
}

/* featured offer */
.featured-offer,
.ordering-options li.featured-offer {
    background: #ff9;
    background: rgba( 255, 255, 153, 1 );
}

/* featured offer in .product-hero space */
.product-hero .featured-offer {
    padding: 24px;/*ie*/
    padding: 1.5rem;
    margin-top: 30px;
    margin-top: 1.875rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

/* maintain top margin on /students/ product page */
.product-hero .share-this + .featured-offer {
    margin-top: 8px;/*ie*/
    margin-top: .5rem;
}

.product-hero .featured-offer h4 {
    margin-bottom: 8px;/*ie*/
    margin-bottom: .5rem;
}

/*--------------------

May 2014: multiple
featured offers

--------------------*/
/* applies to educator view */
.has-multiple-offers .offer:first-of-type h4 {
    margin-top: 2em;
}
.has-multiple-offers .price {
    width: 100%;
    float: none;
}
.has-multiple-offers .price h5,
.has-multiple-offers .price p {
    display: inline-block;
}
/* applies to both student and educators views */
.featured-offer .offer {
    margin-bottom: 2em;
}
.featured-offer .offer:last-child {
    margin-bottom: 0;
}

/* get bullets to display for lists inside column-count parent container */
.bullet-list li {
    display: inline-block;
    width: 100%;
    padding-left: 32px;/*ie*/
    padding-left: 2rem;
    text-indent: -32px;/*ie*/
    text-indent: -2rem;
}

.bullet-list li:before {
    content: '\2022';
    margin-right: 12px;/*ie*/
    margin-right: .75rem;
}

/*-----------------------------------------------*/

/*
    Module(s)

    Perhaps the largest group of rules, the following declarations
    help define the most common elements found in any of our page
    layouts, such as navbars, menus, crumbtrail, etc.

*/

/*    OK to use an ID here as this is a unique element
    that only exists once on a page. Plus we need the
    higher order of an ID to override the standard
    slideshow defaults.
*/
#slideshow-mobile-dashboard,
#slideshow-mobile-dashboard figure img {
    max-width: 320px;/*ie*/
    max-width: 20rem;
}

#slideshow-results-cards .card {
    min-height: 276px;/*ie*/
    min-height: 17.25rem;
    margin: 0 24px;/*ie*/
    margin: 0 1.5rem;
}

/*    custom flavor of blockquote */
.pullquote {
    position: relative;
    padding-left: 16px;/*ie*/
    padding-left: 1rem;
    border-left: 3px;/*ie*/
    border-left: .1875rem;
    border-left-style: solid;
    margin-bottom: 16px;/*ie*/
    margin-bottom: 1rem;
}

.pullquote p {
    font-size: 15px;/*ie*/
    font-size: .925rem;
}

.pullquote p:first-of-type:before,
.pullquote p:last-of-type:after {
    font-family: Georgia, serif;
    font-weight: bold;
    color: #999;
}

.pullquote p:first-of-type:before {
    content: '\201C';
    padding-right: 4px;/*ie*/
    padding-right: .25rem;
}

.pullquote p:last-of-type:after {
    content: '\201D';
    padding-left: 4px;/*ie*/
    padding-left: .25rem;
}

/* social media icons are unique enough to warrant their own module */
.social-group {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.social-group li,
.social-group dd {
    font-size: 32px;/*ie*/
    font-size: 2rem;
    list-style-type: none;
    display: inline-block;
    margin: 0 16px 0 0;/*ie*/
    margin: 0 1rem 0 0;
}

.social-group li:last-of-type,
.social-group dd:last-of-type {
    margin-right: 0;
}

.social-group li a,
.social-group dd a {
    opacity: .75;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.social-group li a:hover,
.social-group li a:focus,
.social-group dd a:hover,
.social-group dd a:focus {
    opacity: .99; /* -webkit has trouble with sub-pixel rendering if we transition to 1 */
}

.social-group li a:link,
.social-group li a:visited,
.social-group li a:hover,
.social-group li a:active,
.social-group li a:focus {
    text-decoration: none;
}

/* social colors */
.facebook {
    color: #3b579d!important;
}

.twitter {
    color: #00aced!important;
}

.youtube {
    color: #cd332d!important;
}

.pinterest {
    color: #cb2027!important;
}

.instagram {
    color: #517fa4!important;
}

.blog,
.rss {
    color: #ff7210!important;
}


/* useful for things like "NEW" on Features page */
.flag-simple {
    /*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 11px;/*ie*/
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 8px;/*ie*/
    padding:.25rem .5rem;
    border-radius: .1875rem;
}

h1 .flag-simple {
    top: -6px;/*ie*/
    top: -.375rem;
    left: 8px;/*ie*/
    left: .5rem;
}

.mega .flag-simple {
    top: -11px;
    top: -.65rem;
    left: 8px;
    left: .5rem;
}

/* notifications above hero (count) */
.notification-count span {
    display: inline-block;
    vertical-align: middle;
}

.notification-count span:last-child {
    margin-top: 2px;/*ie*/
    margin-top: .125rem;
}

.notification-count .flag-simple {
    font-size: 14px;/*ie*/
    font-size: .875rem;
    font-weight: 700;
    background-color: #fd2812;
    background: rgba( 253, 40, 18, 1 );
    margin-right: 2px;/*ie*/
    margin-right: .125rem;

    /* LL: match dimensions of notification icons */
    display: inline-block;
    padding: 0;
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
    line-height: 20px;/*ie*/
    line-height: 1.25rem;
    text-align: center;
    vertical-align: middle;
}

/*    corner flags ("NEW!") */
.corner-flag {
    width: 80px;/*ie*/
    width: 5rem;
    height: 80px;/*ie*/
    height: 5rem;
    position: absolute;
    top: -2px;/*ie*/
    top: -.125rem;
    left: -2px;/*ie*/
    left: -.125rem;
    border-style: solid;
    border-width: 80px 80px 0 0;/*ie*/
    border-width: 5rem 5rem 0 0;
    -webkit-filter: drop-shadow( 2px 2px 3px rgba( 0, 0, 0, .35 ));
    -moz-filter: drop-shadow( 2px 2px 3px rgba( 0, 0, 0, .35 ));
    -ms-filter: drop-shadow( 2px 2px 3px rgba( 0, 0, 0, .3 5 ));
    filter: drop-shadow( 2px 2px 3px rgba( 0, 0, 0, .35 ));
}

.corner-flag em {
    font-style: normal;
    font-size: 16px;/*ie*/
    font-size: 1rem;
    text-align: center;
    color: #fff;
    display: block;
    margin-top: -50px;/*ie*/
    margin-top: -3.125rem;
    margin-left: 11px;/*ie*/
    margin-left: .6875rem;
    -webkit-transform: rotate( -45deg );
    -moz-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
}

.has-folded-corner:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   border-width: 0 64px 64px 0;/*ie*/
   border-width: 0 4rem 4rem 0;
   border-style: solid;
   border-color:#fff #fff #f7f7f7 #f7f7f7;
   background-color: #fff;
   -ms-box-shadow: -.15rem .15rem .15rem rgba( 0, 0, 0, .15 );
   box-shadow: -.15rem .15rem .15rem rgba( 0, 0, 0, .15 );
}

/*    Pearson brand~color strap w/logo and tagline. */
#brand-strap {
    height: 44px;/*ie*/
    height: 2.75rem;
    line-height: 44px;/*ie*/
    line-height: 2.75rem;
    width: 100%;
    margin: 0;
    background-color: #000; /* NEW May 2013 */
}

/*    Although the <hgroup> element has been deprecated as of April 2013
    we are still using it here until the W3C defines a substitute --
    although we may switch to '.hgroup' at some point.
*/
#brand-strap hgroup {
    white-space: nowrap;
}

#brand-strap .wrapper {
    padding: 0 2rem;
}

.logo,
.tagline {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.logo {
    height: 44px;/*ie*/
    height: 2.75rem;
    line-height: 44px;/*ie*/
    line-height: 2.75rem;
    width: 114px;/*ie*/
    width: 7.25rem;
    margin: 0;
    padding: 0;
    float: left;
}

.logo a {
    display: block;
    width: 100%;
    height: auto;
}

.tagline {
    display: block;
    width: 139px;/*ie*/
    width: 8.6875rem;
    height: 44px;/*ie*/
    height: 2.75rem;
    line-height: 44px;/*ie*/
    line-height: 2.75rem;
    float: right;
}

/*    .global-nav is the parent container (full-width) that
    helps position and contain our product nav.
*/
.global-nav {
    background-color: #fff;
    background: rgba(255, 255, 255, 1);
    clear: both;
    width: 100%;
    height: 64px;/*ie*/
    height: 4rem;
    overflow: hidden;
}

.global-nav a:link,
.global-nav a:visited,
.global-nav a:hover,
.global-nav a:active,
.global-nav a:focus {
    text-decoration: none;
}

/*    on some pages the global nav will be transparent and laid over
    the hero space.
*/
.global-nav.has-transparency {
    background: rgba(255, 255, 255, .85);
    position: absolute;
    top: 44px;/*ie*/
    top: 2.75rem;
    left: 0;
    z-index: 99;
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .3);
}

/*    .product-nav examples: 'MyMathLab' or
    'MasteringEnvironmentalScience'.
*/
.product-nav {
    height: 64px;/*ie*/
    height: 4rem;
    line-height: 64px;/*ie*/
    line-height: 4rem;
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block;
}

.product-nav li {
    float: left;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.product-nav h2 {
    font-size: 32px;/*ie*/
    font-size: 2rem;
    width: auto;
    margin: 0;
  /* subtle shift to adjust alignment */
      margin-top: 2px;/*ie*/
      margin-top: -.125rem;
    margin-left: -3px;
    margin-left: -.1875rem;
    padding: 0;
    line-height: 64px;/*ie*/
    line-height: 4rem;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

/*    .utility-nav contains such links as 'Sign in', 'Register,
    'Browse by Discipline', etc.
*/
.utility-nav {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 13px;/*ie*/
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    float: right;
    width: auto;
    padding: 0;
    height: 64px;/*ie*/
    height: 4rem;
    line-height: 64px;/*ie*/
    line-height: 4rem;
    display: inline-block;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.utility-nav li {
    float: left;
    text-align: right;
    display: inline-block;
    padding: 0 24px 0 0;/*ie*/
    padding: 0 1.5rem 0 0;
    margin: 0;
}

.utility-nav li:last-of-type {
    padding-right: 0;
}

.utility-nav li a {
    display: inline-block;
}

.utility-nav li a:link,
.utility-nav li a:visited {
    color: #454545;
}

/* we wrap the text string in this and hide it when viewport is smaller */
.utility-nav li em {
    font-style: normal;
}

.utility-nav li span {
    font-size: 16px;/*ie*/
    font-size: 1rem;
    opacity: .65;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

/*    mobile menu trigger */
.trigger-menu {
    /*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size:14px!important;/*ie*/
    font-size: .85rem!important;
    font-weight: 700;
    color: #ccc!important;
    text-transform: uppercase;
    background-color: #555;
    border-radius: .1875rem;
    height: 28px;/*ie*/
    height: 1.75rem;
    line-height: 28px;/*ie*/
    line-height: 1.75rem;
    padding: 0 8px;/*ie*/
    padding: 0 .5rem;
    margin-top: -4px;/*ie*/
    margin-top: -.25rem;
    cursor: pointer;
}

.trigger-menu:before {
    content: '\2261';
    font-size: 18px!important;/*ie*/
    font-size: 1.15rem!important;
    width: 18px;/*ie*/
    width: 1.125rem;
    overflow: hidden;
    padding-right: 4px;/*ie*/
    padding-right: .25rem;
    color:#eee!important;
    display: inline-block;
    float:left;
}

.is-open .trigger-menu:before {
    content: '\2715';
    font-size: 16px!important;/*ie*/
    font-size: 1rem!important;
}

/*    .is-horizontal is audience-oriented; example: 'EDUCATORS' */
.is-horizontal {
    clear: both;
    width: 100%;
    position: relative;
    z-index: 2;
}

.is-horizontal .wrapper {
    padding: 8px 32px;/*ie*/
    padding: .5rem 2rem;
    margin-bottom: 0;
}

.is-horizontal dl,
.is-horizontal ul {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 14px;/*ie*/
    font-size: .875rem;
    font-weight: 600;
    line-height: 14px;/*ie*/
    line-height: .875;
    padding: 0;/*ie*/
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.is-horizontal dt {
    vertical-align: middle;
    font-size: 20px;/*ie*/
    font-size: 1.25rem;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    margin: 0 24px 0 0;/*ie*/
    margin: 0 1.5rem 0 0;
    width: auto;
}

.is-horizontal dd,
.is-horizontal li {
    list-style-type: none;
    float: left;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.25;
    padding: 0;
    margin: .15rem 0 0 0;
}

.is-horizontal dd:last-of-type,
.is-horizontal li:last-of-type {
    margin-right: 0;
}

.is-horizontal a {
    display: inline-block;
    padding: 8px 12px;/*ie*/
    padding: .5rem .75rem .5rem .75rem;
    position: relative;
    z-index: 2;
}

.is-horizontal dt a,
.is-horizontal li:first-of-type a,
.is-horizontal dt.has-no-link,
.is-horizontal li.has-no-link {
    padding: 8px 0;/*ie*/
    padding: .65rem 0 .5rem 0;
}

.is-horizontal a:link,
.is-horizontal a:visited {
    text-decoration: none;
    color: #585858!important;/* needed to ovr theme */
}

.is-horizontal a:hover,
.is-horizontal a:active,
.is-horizontal a:focus {
    background-color: #e5e5e5;
}

.is-horizontal ul a:hover,
.is-horizontal ul a:active,
.is-horizontal ul a:focus {
    background-color: #f7f7f7;
}

.is-horizontal dt a:hover,
.is-horizontal dt a:focus {
    background-color: transparent;
}

.is-horizontal a [data-icon], /* mobile view only */
.is-horizontal dt span {
    display: none;
}

.is-horizontal a[rel="ext"] [data-icon] { /* mobile view only */
    display: inline-block;
}

.is-horizontal dl a.current-node {/* all !important declarations req to ovr theme */
    background-color: #e5e5e5!important;
    color: #444!important;
    cursor: default;
}

.is-horizontal ul a.current-node {
    background-color: transparent;
    cursor: default;
}

.is-horizontal dt a.current-node {
    background-color: transparent!important;
}

/*    stacking a horizontal list with a secondary horizontal list */
.is-horizontal + .is-horizontal {
    margin-top: -24px;/*ie*/
    margin-top: -1.5rem;
}

.is-horizontal + .is-horizontal dl,
.is-horizontal + .is-horizontal ul {
    font-size: 14px;/*ie*/
    font-size: .825rem;
}

/*    vertical navigation */
.is-vertical {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 600;
}

.is-vertical dl,
.is-vertical dt,
.is-vertical dd {
    padding: 0;
    margin: 0;
}

.is-vertical dt:first-of-type {
    /*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px;/*ie*/
    padding-bottom: .4rem;
    border-bottom: 3px solid #ccc;
}

.is-vertical dd {
    font-size: 14px;/*ie*/
    font-size: .825rem;
}

.is-vertical dd a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;/*ie*/
    padding: .5rem;
    border-bottom: 1px solid #eee;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.is-vertical dd:last-of-type a {
    border-bottom: 0;
}

.is-vertical dd a:link,
.is-vertical dd a:visited {
    color: #555!important;/* needed to ovr theme */
}

.is-vertical dd a:hover,
.is-vertical dd a:active,
.is-vertical dd a:focus {
    background-color: #f7f7f7;
    text-decoration: none;
}

.is-vertical dd a.current-node {
    cursor: default;
}

.is-vertical dd a.current-node:hover,
.is-vertical dd a.current-node:focus {
    background-color: transparent;
}

/*    .featured-links are the boxed link modules we are using
    for the hero space on the home page of the new MyLab and
    Mastering site.
*/
.featured-links {
    margin-top: 112px;/*48px;*//*ie*/
    margin-top: 7rem;/*3rem;*/
    position: relative;
    z-index: 3;
}

.has-two-or-less-featured-link-categories .featured-links {
    margin-top: 32px;/*ie*/
    margin-top: 2rem;
}

/*    if there is an announcement and there are more than 2 featured
    link categories, we need to bump the .featured-link container
    down so as to prevent overlap from the .sign-in element
*/
.has-more-than-two-featured-link-categories.has-announcement .featured-links {
    margin-top: 128px;/*ie*/
    margin-top: 8rem;
}

/*    if the sign-in box is tall we use an alternate form of styling for the
    featured link elements to prevent the sign-in box from overlap
*/
.featured-links.has-compact-links, .has-more-than-two-featured-link-categories.has-announcement .featured-links.has-compact-links {
    margin-top: 32px;/*ie*/
    margin-top: 2rem;
}

.featured-links.has-compact-links .col-4 {
    width: 18%;
}

.featured-links.has-compact-links dl {
    height: 168px;/*ie*/
    height: 10.5rem;
}

.featured-links.has-compact-links dt {
    float: none;
    width: auto;
    height: auto;
    border-right: none;
}

.featured-links.has-compact-links dd {
    padding: 4px 0;/*ie*/
    padding: .25rem 0;
}

.featured-links a:link,
.featured-links a:visited,
.featured-links a:hover,
.featured-links a:active,
.featured-links a:focus {
    text-decoration: none;
    /*display: block;*/
    color: #fff!important;
}

.featured-links a:hover,
.featured-links a:active,
.featured-links a:focus {
    text-decoration: underline;
}

.featured-links dt a:hover span,
.featured-links dt a:active span,
.featured-links dt a:focus span {
    opacity: 1;
}

.featured-links .col {
    padding: 0;
}

.featured-links dl {
    width: 95%;
    overflow: hidden;
    margin: 0;
    padding: 16px;/*ie*/
    padding: 1rem;
    height: 120px;/*ie*/
    height: 7.5rem;/*3px*/
    border-radius: .1875rem;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .6);

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.featured-links .col:nth-child(2) dl {
    margin:0 auto;
}

.featured-links .col:last-child dl {
    float: right;
}

.featured-links dt {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 18px;/*ie*/
    font-size: 1.15rem;
    font-weight: 600;
    text-transform: uppercase;
    float: left;
    width: 50%;
    height: 100%;
    border-right: 1px solid rgba( 255, 255, 255, .35 );
    padding: 0 8px 0 0;/*ie*/
    padding: 0 .5rem 0 0;
    margin: 0;
}

.featured-links dt span {
    font-style: normal;
    font-size: 15px;/*ie*/
    font-size: .925rem;
    margin-left: 6px;/*ie*/
    margin-left: .35rem;
    opacity: .5;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.featured-links dt span[data-icon]:before {
    vertical-align: baseline;
}

/*
.featured-links .col:last-of-type em {
    margin-top: 13px;
    margin-top: .8rem;
}
*/

.featured-links dd {
    font-size: 13px;/*ie*/
    font-size: .825rem;
    white-space: nowrap;
    clear: right;
    padding: 4px 0 4px 55%;/*ie*/
    padding: .25rem 0 .25rem 55%;
    margin: 0;
}

.list-inline {
    margin: 0;
    padding: 0;
}

.list-inline li,
.list-inline dt,
.list-inline dd {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.list-inline li:first-of-type,
.list-inline dt {
    margin-right: 8px;/*ie*/
    margin-right: .5rem;
}

.list-with-separators li:after,
.list-with-separators dd:after {
    content: '•';
    display: inline-block;
    padding: 0 0 0 6px;/*ie*/
    padding: 0 0 0 .375rem;
    opacity: .35;
}

.list-with-separators li:last-of-type:after,
.list-with-separators dd:last-of-type:after {
    content: '';
    display: none;
}


/*
    form variation: inline form; generally only 1-3 elements.
*/
.form-inline input[type=text],
.form-inline input[type=email] {
    display: inline-block;
    width: auto;
    padding: 8px;/*ie*/
    padding: .5rem;
}

input[type=text].input-will-expand,
.input-will-expand {
    min-width: 240px;/*ie*/
    min-width: 15rem;

    -webkit-transition: width 500ms ease;
    transition: width 500ms ease;

    -webkit-transition-delay: 250ms;

            transition-delay: 250ms;
}

.input-will-expand:focus,
.form-inline .input-will-expand:focus {
    width: 73%;
}

/*
    form variation: for vertically stacked forms.
*/
.form-stacked input[type=text],
.form-stacked input[type=email],
.form-stacked input[type=password],
.form-stacked textarea,
.form-stacked select,
.form-stacked p.error-msg {
    display: inline-block;
    width: 90%;
    margin-right: 8px;/*ie*/
    margin-right: .5rem;
    float: left;
}

.form-stacked input[type=date],
.form-stacked input.date,
input.date {
    width: auto;
}

.form-stacked input[type=submit] {
    margin-top: 32px;/*ie*/
    margin-top: 2rem;
}

.form-stacked textarea {
    height: 256px;/*ie*/
    height: 16rem;
    overflow-y: auto;
}

.form-stacked label {
    margin: 16px 0 6px 0;/*ie*/
    margin: 1rem 0 .35rem 0;
    display: block;
    clear: both;
}

.form-stacked label:first-child {
    margin-top: 0;
}

.error,
input.error,
input[type=text].error,
input[type=password].error,
input[type=email].error,
input[type=date].error/*,
input:required:invalid*/ {
    background-color: #ff9;
    border: 2px solid #f90;
    box-shadow: none;
}

/*.form-stacked span[data-icon],
.form-inline span[data-icon] {
    font-size: 135%;
}*/

.pass {
    color: #3fa85d;
    font-size: 135%;
}

.fail {
    color: #ca2f45;
    font-size: 135%;
}

.conditional {
    display: none;
}

/*
    form variation: for tabular (horizontally laid out) forms.
*/
.form-tablular table {
    width: 90%;
    border: 0;
    border-collapse: collapse;
}

.form-tabular table col {
    width: 46.5%;
}

.form-tabular table col:first-child {
    width: 32.5%;
}

.form-tabular table col:last-child {
    width: 21%;
}

.form-tabular table td {
    vertical-align: middle;
    padding: .5em;
}

.form-tabular table td.error {
    background: url(../images/ui/error.png) no-repeat .25em center scroll transparent;
}

.form-tabular table td.ok {
    background: url(../images/ui/ok.png) no-repeat .25em center scroll transparent;
}

.form-tabular table h2 {
    margin: 1em 0 0 0;
    padding: 0;
}

.form-tabular label {
    width: auto;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.form-tabular input.submit {
    -webkit-transition: none;
    transition: none;
    border: 0;
}

/*    Additional form element styling such as
    error messages, required fields, status
    feedback based on input provided/not, etc.
*/
.tip {
    font-size: 11px;/*ie*/
    font-size: .6875rem;
    font-weight: normal;
    color: #666;
    margin: 0;
}

.error-msg {
    text-align: center;
    padding: 16px;/*ie*/
    padding: 1rem;
    margin: 16px 0;/*ie*/
    margin: 1rem 0;
    border-radius: 3px;
}

.req:before {
    content: ' * ';
    display: inline-block;
    font-family: Verdana, sans-serif; /*RWP |  new Jan 2014 */
    font-weight: normal; /*RWP |  new Jan 2014 */
    font-size: 18px;/*ie*/
    font-size: 1.15rem;
    color: #e04854;
    padding: 0 4px 0 0;/*ie*/
    padding: 0 .25rem 0 0;
}

/*    stacked list of radio buttons */
.radio-list {
    padding: 0;
    margin: 0;
}

.radio-list li {
    list-style-type: none;
    line-height: 1;
    padding: 0;
    margin:0 24px 0 0;/*ie*/
    margin: 0 1.5em 0 0;
}

.radio-list input[type=radio],
input[type=radio] {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0;
    line-height: 16px;/*ie*/
    line-height: 1rem;
}

.radio-list label {
    display: inline-block;
    font-weight: normal;
    float: none;
    line-height: 16px;/*ie*/
    line-height: 1rem;
    vertical-align: middle;
    padding-left: 6px;/*ie*/
    padding-left: .35rem;
    margin: 0;
}

/*    is '.button' a module? not really sure how best to categorize. */
.button,
.button:link
.button:visited {
    /*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 14px;/*ie*/
    font-size: .9rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    color: #fff!important;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    padding: 12px;/*ie*/
    padding: .75rem;
    border: none;/*3px*/
    border-radius: .1875rem;
    box-shadow: 0 .5rem .375rem -.375rem rgba(0, 0, 0, .6);
}

.button:hover,
.button:active,
.button:focus {
    text-decoration: none;
    /* outline: none; */
}

.button:active {
    position: relative;
    top: 1px;
    -webkit-transform: translateY( 3px );
    -ms-transform: translateY( 3px );
        transform: translateY( 3px );
    -webkit-animation: none;
    animation: none;
}

.csstransforms .button:active {
    top: 0;
    -webkit-transform: translateY( .125rem );
    -ms-transform: translateY( .125rem );
        transform: translateY( .125rem );
    box-shadow: none;
}

.button-disabled:active {
    top: 0;
    -webkit-transform: translateY( 0 );
    -ms-transform: translateY( 0 );
        transform: translateY( 0 );
    -webkit-animation: none;
    animation: none;
}

.csstransforms .button-disabled:active {
    top: 0;
    -webkit-transform: translateY( 0 );
    -ms-transform: translateY( 0 );
        transform: translateY( 0 );
    box-shadow: none;
}

.button span {
    opacity: 0.75;
}

.button-big-icon span {
    font-size: 18px;/*ie*/
    font-size: 1.15rem;
}

.button em {
    font-style: normal;
    color: #fff;
    color: rgba(255,255,255,.7);
    padding-right: 6px;/*ie*/
    padding-right: .35rem;
}

[data-icon].right {
    padding-left: 4px;/*ie*/
    padding-left: .25rem;
}

[data-icon].right-plus {
    padding-left: 8px;/*ie*/
    padding-left: .5rem;
}

[data-icon].left {
    padding-right: 2px;/*ie*/
    padding-right: .15rem;
}

[data-icon].left-plus {
    padding-right: 8px;/*ie*/
    padding-right: .5rem;
}

.button [data-icon].left {
    padding-right: 8px;/*ie*/
    padding-right: .5rem;
}

.button [data-icon].right {
    padding-left: 8px;/*ie*/
    padding-left: .5rem;
}

.button-big-icon [data-icon].left {
    padding-right: 8px;/*ie*/
    padding-right: .5rem;
}

/* big button! */
.button-mega {
    font-size: 24px;/*ie*/
    font-size: 1.5rem;
    line-height: 24px;/*ie*/
    line-height: 1.5rem;
    padding: 24px;/*ie*/
    padding: 1.5rem;
}

.button-mega [data-icon].right {
    padding-left: 16px;/*ie*/
    padding-left: 1rem;
}

/* plus-size button! */
.button-plus {
    font-size: 16px;/*ie*/
    font-size: 1rem;
    line-height: 1;
    padding: 16px;/*ie*/
    padding: 1rem;
}

.button-plus [data-icon].right {
    padding-left: 8px;/*ie*/
    padding-left: .5rem;
}

/* grey button */
.button-grey {
    background-color: #e5e5e5!important;
    color: #555!important;
}

.button-grey [data-icon] {
    opacity: .5;
}

/* disabled button */
.button-disabled {
    background-color: #e5e5e5!important;
    color: #999!important;
    cursor: default;
    text-shadow: 1px 1px 0px ##fff;
    -webkit-filter: dropshadow(color=##fff, offx=1, offy=1);
            filter: dropshadow(color=##fff, offx=1, offy=1);
    box-shadow: none!important;
}

/* align elements via change in padding */
input[type=text] + input[type=submit].button {
    padding-top: 8px;/*ie*/
    padding-top: .5rem;
}

/*    custom ShareThis */
.share-this {
    cursor: pointer;
}

/*    ShareThis modal iframe rendering with y-axis scroll in Moz */
.stLframe body,
iframe iframe {
    overflow-y: hidden!important;
}

/*    dropmenu; most often used for the customer/channel nav */
.has-drop-menu:after {
    content: 'â–¼';
    display: inline-block;
    font-size: 95%;
    vertical-align: middle;
    float: right;
}

.drop-menu {
    position: absolute;
    z-index: 9999;
    min-width: 240px;/*ie*/
    min-width: 15rem;
    width: 90%;
    left: 5%;
}

.js .drop-menu {
    display: none;
}

.drop-menu ul {
    background-color: #fff;
    border: 3px solid #777;/*ie*/
    border: .1875rem solid #777;
    border-radius: 6px;/*ie*/
    border-radius: .375rem;
    box-shadow: 0 .3125rem .625rem rgba( 0, 0, 0, .375 );
    overflow: visible;
    padding: 12px 0;/*ie*/
    padding: .75rem 0;
    margin: 0;
}

.drop-menu li {
    display: block;
    float: none;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 0;
    margin: 0;
}

.drop-menu li:last-child {
    border-bottom: 0;
}

.drop-menu li a:link,
.drop-menu li a:visited {
    font-size: 14px;/*ie*/
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.5;
    color: #333;
    padding: 6px 12px;/*ie*/
    padding: .35rem .7rem;
    display: block;
    width: 100%;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.drop-menu li a:hover,
.drop-menu li a:active,
.drop-menu li a:focus {
    background-color: #eee;
    text-decoration: none;
    color: #364395;
}

.drop-menu li a:after {
    content: '›';
    font-size: 24px;/*ie*/
    font-size: 1.5rem;
    font-weight: bold;
    float: right;
    padding-right: 2%;
    vertical-align: middle;
}

.drop-menu li a:hover:after,
.drop-menu li a:focus:after {
    color: #0089b7;
}

.has-pointer {
    margin-top: -8px;/*ie*/
    margin-top: -.5rem;
}

.has-pointer:before,
.has-pointer:after {
    position: absolute;
    content: ' ';
    display: inline-block;
}

.has-pointer:after {
    top: -7px;/*ie*/
    top: -.4375rem;
    left: 200px;/*ie*/
    left: 12.5rem;
    border-left: 10px solid transparent;/*ie*/
    border-right: 10px solid transparent;/*ie*/
    border-bottom: 10px solid #fff;/*ie*/
    border-left: .625rem solid transparent;/*ie*/
    border-right: .625rem solid transparent;/*ie*/
    border-bottom: .625rem solid #fff;/*ie*/
}

.has-pointer:before {
    top: -12px;/*ie*/
    top: -.75rem;
    left: 198px;/*ie*/
    left: 12.375rem;
    border-left: 12px solid transparent;/*ie*/
    border-right: 12px solid transparent;/*ie*/
    border-bottom: 12px solid #777;/*ie*/
    border-left: .75rem solid transparent;
    border-right: .75rem solid transparent;
    border-bottom: .75rem solid #777;
}

#search {
    position: relative;
    /*padding-right: 16px;
    padding-right: 1rem;*/
    /*background-color: #fff;
    background: rgba(255, 255, 255, 1);*/
    background: url(../images/ui/magnify-alt.png) no-repeat right center scroll #fff;
    background-size: 25px 20px;/*16px 19px;*/
    outline: 0;
}

#search:focus {
    border: 2px solid #bbb;
}

.dropdown-menu {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 480px;/*ie*/
    max-height: 30rem;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block;
    float: left;
    width: 480px;/*ie*/
    width: 30rem;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    border: 3px solid #ccc;
    border: .1875rem solid rgba( 119, 119, 119, 1 );
    border-radius: .1875rem;
    box-shadow: 0 .3125rem .625rem rgba( 0, 0, 0, .2 );
    background-clip: padding-box;
}

.dropdown-menu a {
    display: block;
    padding: 4px 16px;/*ie*/
    padding: .25rem 1rem;
    clear: both;
    color: #313131!important;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.dropdown-menu a strong {
    color: #9d1248!important;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    text-decoration: none;
    color: #fff;
    background-color: #eee;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    text-decoration: none;
    /* outline: 0; */
    background-color: #eee;
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
    color: #999;
}

.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    background-color: transparent;
    cursor: default;
}

.dropdown-menu dl dt {
  /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
  font-family: 'Open Sans', Verdana, sans-serif;
  font-size: 18px;/*ie*/
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
  margin-bottom: 4px;/*ie*/
  margin-bottom: .25rem;
}

.dropdown-menu dl dd {
   font-size: 12px;/*ie*/
    font-size: .75rem;
    color: #777;
    padding: 0;
    margin: 0 0 2px 0;/*ie*/
    margin: 0 0 .15rem 0;
}

.dropdown-menu dl dt + dd {
    font-size: 13px;/*ie*/
    font-size: .825rem;
    color: #313131;
}

/*    most of the following modules are used on the product collection
    and product pages inside a given layout.
*/

.card-holder {
    padding-left: 16px;/*ie*/
    padding-left: 1rem;
}

.card {
    position: relative;
    background-color: #fff;
    background: rgba(255, 255, 255, 1);
    margin: 0 0 24px 0;/*ie*/
    margin: 0 0 1.5rem 0;
    border-radius: .3125rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

.card-inner {
    padding: 24px;/*ie*/
    padding: 1.5rem;
}

.card-inner .col:first-of-type,
.card-inner .col:last-of-type {
    padding: 0;
}

.card-inner .col:first-of-type {
    padding-right: 16px;/*ie*/
    padding-right: 1rem;
}

.card-inner .col:last-of-type {
    padding-left: 16px;/*ie*/
    padding-left: 1rem;
}

.card-inner .col-12 { /* no padding if we're using the full width */
    padding-right: 0!important;
    padding-left: 0!important;
}

.card-inner h3 {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-size: 20px;/*ie*/
    font-size: 1.25rem;
}

.card-inner p {
    margin-bottom: 8px;/*ie*/
    margin-bottom: .5rem;
}

.card-inner dd {
    font-size: 12px;/*ie*/
    font-size: .75rem;
}

.card-inner h4 {
    margin-bottom: 4px;/*ie*/
    margin-bottom: .25rem;
}

.card-inner p + h4,
.card-inner p + .list-inline {
    margin-top: 16px;/*ie*/
    margin-top: 1rem;
}

.card-inner .button {
    margin-top: 8px;/*ie*/
    margin-top: .5rem;
    margin-bottom: 16px;/*old=8px;*//*ie*/
    margin-bottom: 1rem;/*old=.5rem;*/
    min-width: 96px;
    min-width: 6rem;
}

.card-inner figcaption {
    font-size: 11px;/*ie*/
    font-size: .6875rem;
    line-height: 1.5;
}

.card-inner blockquote {
    font-size: 14px;/*ie*/
    font-size: .925rem;
    color: #000;
    margin-top: 0;
    position: relative;
}

.card-moreinfo {
    display: none;
}

.card-expanded .card-moreinfo {
    display: block;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid #eee;
}

.card-moreinfo p {
    font-size: 14px;/*ie*/
    font-size: .875rem;
    line-height: 1.6;
    word-break: hyphenate;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

.card-moreinfo .col-12 figure { /* no float for full-width col */
    float: none;
}

.card-moreinfo-toggle {
    text-align: center;
    color: #777!important;
    font-size: 1.25rem;
    background-color: #f7f7f7;
    display: block;
    width: 100%;
    min-height: 1rem;
    position: relative;
    bottom: 0;
    border-radius: 0 0 .3125rem .3125rem;
}

.card-moreinfo-toggle:link,
.card-moreinfo-toggle:visited,
.card-moreinfo-toggle:hover,
.card-moreinfo-toggle:active
.card-moreinfo-toggle:focus {
    text-decoration: none;
}

.card-moreinfo-toggle span[data-icon] {
    display: inline-block;
    -webkit-transition: .25s -webkit-transform ease;
    transition: .25s transform ease;
}

.card-expanded .card-moreinfo-toggle span[data-icon] {
    -webkit-transform: rotate( -180deg );
    -ms-transform: rotate( -180deg );
        transform: rotate( -180deg );
}

.card-mini .card-inner {
    padding: 16px 20px;/*ie*/
    padding: 1rem 1.25rem;
}

.card-title {
    position: relative;
    /*text-align: center;*/
}

.card-title img {
    display: block;
    border-radius: .3125rem .3125rem 0 0;
    position: relative;
    z-index: 1;
}

.card-title header {
    position: absolute;
    bottom: 16px;/*ie*/
    bottom: 1rem;
    z-index: 2;
    padding: 0 20px;/*ie*/
    padding: 0 1.25rem;
    width: 100%;
}

.card-title h2 {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-weight: 600;
    font-size: 1.5rem;
    display: block;
    max-width: 95%;
    margin:0 auto;
}

.dialog-header { /* callout text with pointer */
    font-family: Verdana, sans-serif;
    font-size: 15px;/*ie*/
    font-size: .925rem;
    font-weight: bold;
    color:#fff;
    position:relative;
    padding: 6px 8px 8px 8px;/*ie*/
    padding: .35rem .5rem .5rem .5rem;
    border-radius: .125rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.dialog-header:after {
    content: ' ';
    height: 0;
    width: 0;
    border: 7px solid transparent;/*ie*/
    border: .4375rem solid transparent;
    position: absolute;
    top: 99%;
    left: 10%;
    margin-left: -7px;/*ie*/
    margin-left: .4375rem;
}

.filter-container {
    margin: 0 0 16px 0;/*ie*/
    margin: 0 0 1rem 0;
}

.filter-container dl {
    list-style-type: none;
    padding: 0;
    margin: 0 0 8px 0;/*ie*/
    margin: 0 0 .5rem 0;
}

.filter-container dt {
    /*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 14px;/*ie*/
    font-size: .9rem;/*.9em;*/
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 7px 0;/*ie*/
    margin: 0 0 .45rem 0;
}

.filter-container dd {
    display: none; /* hidden by default as this is a toggle menu */
    font-size: 11px;/*ie*/
    font-size: .6875rem;
    padding: 0;
    margin: 0 0 8px 24px;/*ie*/
    margin: 0 0 .5rem 1.5rem;
}

dl.is-expanded {
    margin-bottom: 24px;/*ie*/
    margin-bottom: 1.5rem;
}

.is-expanded dd {
    display: block;
}

.filter-container dt.has-tooltip {
    margin-bottom: 0;
}

.filter-container dt.has-tooltip a {
    margin-bottom: 0;
}

.is-tooltip {
    cursor: help;
}

.is-tooltip:hover,
.is-tooltip:focus {
    text-decoration: none;
}

.is-tooltip span[data-icon] {
    font-size: 14px;/*ie*/
    font-size: .875rem;
    color: #888!important;/* ovr theme color */
}

.filter-container input[type=checkbox] {
    float: left;
    vertical-align: bottom;
    margin-top: 2px;
}

.filter-container label {
    font-weight: normal;
    display: block;
    line-height: 1.5;
    margin-left: 20px;/*ie*/
    margin-left: 1.25rem;
}

.filter-container label img {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    height: 1rem;
    margin: 0 2px;
    margin: 0 .125rem;
    /*opacity: .5;
    -webkit-filter: grayscale(1);*/
}

.filter-container input[type=checkbox]:checked + label img {
    opacity: 1;
    -webkit-filter: grayscale(0);
}

.filter-container label em{
    font-size: 11px;/*ie*/
    font-size: .6875rem;
    font-style: normal;
    font-weight: normal!important;
    color: #999;
}

.toggle:link,
.toggle:visited {
    display: block;
    padding: 6px;/*ie*/
    padding: .35rem;
    margin-bottom: 6px;/*ie*/
    margin-bottom: .35rem;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.toggle:hover,
.toggle:active,
.toggle:focus {
    text-decoration: none;
    background-color: #eee;
}

/*.toggle-trigger {
    white-space: nowrap;
}*/

.toggle span[data-icon],
.toggle-trigger span[data-icon] {
    display: inline-block;
    color: #777;
    padding-right: 4px;/*ie*/
    padding-left: 4px;/*ie*/
    padding-right: .25rem;
    padding-left: .25rem;

    -webkit-transition: .1s -webkit-transform ease;
    transition: .1s transform ease;
}

.toggle-trigger.arrow-up-down span[data-icon] {
    -webkit-transition: none;
    transition: none;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform-style: preserve-3D;
            transform-style: preserve-3D;
}

.toggle.open span[data-icon],
.toggle-trigger.open span[data-icon] {
    -webkit-transform: rotate( 90deg );
    -ms-transform: rotate( 90deg );
        transform: rotate( 90deg );
}

/*    up-down arrow toggle */
.toggle-trigger.arrow-up-down.open span[data-icon] {
    -webkit-transform: rotate( 180deg );
    -ms-transform: rotate( 180deg );
        transform: rotate( 180deg );
}

/*    fix firefox alignment */
@-moz-document url-prefix() {
    .toggle-trigger.arrow-up-down.open span[data-icon]:before {
        vertical-align: top;
    }
}

/* RWP | January 2014 | Adding new type of toggle-trigger: "plus-minus" */
.is-plus-minus,
.is-plus-minus li,
.is-plus-minus dt,
.is-plus-minus dd {
    padding-left: 1.5em;
    list-style-type: none;
}
ul.is-plus-minus,
dl.is-plus-minus {
    padding-left: 0;
}
.toggle-trigger.plus-minus {
    text-indent: -1.5em;
    padding-left: 1.5em;
    display: inline-block;
}
.toggle-trigger.plus-minus:before,
.toggle--all.plus-minus:before {
    font-family: monospace;
    font-size: 105%;
    font-weight: 700;
    content: '\002B';
    padding: 2px 6px 1px 6px;
    padding: .125rem .35rem .05rem .35rem;
    text-align: center;
    vertical-align: middle;
    color: #999;
    background-color: #eee;
    border-radius: 3px;
    border-radius: .1875rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-right: .35em;
    /*margin-left: -1.5em;*/
}
.toggle-trigger.plus-minus.is-minus:before,
.toggle--all.plus-minus.is-minus:before {
    content: '\2212';
}
.toggle-trigger.plus-minus:hover:before,
.toggle-trigger.plus-minus:focus:before,
.toggle--all.plus-minus:hover:before,
.toggle--all.plus-minus:focus:before,
.is-true-accordion .is-minus:link:before,
.is-true-accordion .is-minus:hover:before,
.is-true-accordion .is-minus:active:before,
.is-true-accordion .is-minus:focus:before,
.is-true-accordion .is-minus:hover:before {
    background-color: #999;
    color: #eee;
}


/*    switching to toggling an additional .screenreader class
    rather than using 'display:none' for accessibility and SEO

.toggle-target {
    display: none;
}

*/

.no-csscolumns .toggle-target.has-column-count {
    display: block;
}

.no-csscolumns .toggle-target.has-column-count.screenreader {
    position: relative;
    overflow: visible;
    clip: rect(none);
    height: auto;
    width: auto;
    margin: inherit;
}

/*    for browsers that don't support the column-count
    property we're using the jQuery columnizer plug-in;
    elements that are "faux-columned" using this script
    are required to have a display property in order for
    the calc to work -- therefore if an element to be
    columnized in this fashion cannot be hidden by default.

    here we are targeting the trigger elements for such an
    element; removing the link styles using the ugly
    !important override.
*/
.no-csscolumns .target-has-column-count,
.no-csscolumns .target-has-column-count:link,
.no-csscolumns .target-has-column-count:visited,
.no-csscolumns .target-has-column-count:hover,
.no-csscolumns .target-has-column-count:active,
.no-csscolumns .target-has-column-count:focus {
    color: #333!important;
    text-decoration: none!important;
    cursor: default;
}

.single-filter-set .filter-container ul {
    display: block;
}

.product-collection,
.product-description {
    float: left;
    width: 73%;
    height: 100%;
    margin-left: 1.5%;
    padding-left: 1.5%;
    border-left: 1px dotted #ccc;
}

/*    filtering controls, etc. on product collection page */
.your-selections {
    display: none;
    padding-bottom: 8px;/*ie*/
    padding-bottom: .5rem;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 8px;/*ie*/
    margin-bottom: .5rem;
}

.your-selections span[data-icon] {
    color: #bbb;
    padding-left: 4px;/*ie*/
    padding-left: .25rem;
}

.your-selections a:hover span[data-icon],
.your-selections a:active span[data-icon],
.your-selections:focus span[data-icon] {
    text-decoration: none;
}

.your-selection li:first-of-type span[data-icon] {
    color: inherit;
}

.sort-pagination {
    margin-bottom: 16px;/*ie*/
    margin-bottom: 1rem;
}

.sort-pagination h4,
.your-selections h4 {
    color: #666;
    float: left;
    margin: 0 8px 0 0;/*ie*/
    margin: 0 .5rem 0 0;
}

.sort-pagination ul,
.your-selections ul {
    font-size: 12px;/*ie*/
    font-size: .75rem;
    line-height: 1.8;
    color: #ccc;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.your-selections li,
.sort-pagination li {
    display: inline-block;
    float: left;
    padding-bottom: 8px;/*ie*/
    padding-bottom: .25rem;
    margin-right: 16px;/*ie*/
    margin-right: 1rem;
    margin-bottom: 4px;/*ie*/
    margin-bottom: .25rem;
}

.your-selections li:first-of-type a {
    font-weight: bold;
}

.sort-pagination li {
    margin-right: 1px;/*ie*/
    margin-right: .1rem;
}

.sort-pagination a:link,
.sort-pagination a:visited,
.pagination li span {
    padding: 4px 8px;/*ie*/
    padding: .25rem .5rem;
    border-radius: .125rem;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.sort-pagination a:hover,
.sort-pagination a:active,
.sort-pagination a:focus {
    background-color: #eee;
}

.pagination{
    float:right;
}

.jp-disabled:link,
.jp-disabled:visited,
.jp-disabled:hover,
.jp-disabled:active,
.jp-disabled:focus {
    color: #bbb!important;
    cursor: default!important;
    text-decoration: none;
}

/*    news and events */
.date-badge {
    min-width: 120px;/*ie*/
    min-width: 7.5rem;
}

.news-entry p:last-child,
.event-entry p:last-child {
    margin-bottom: 32px;/*ie*/
    margin-bottom: 2rem;
}

/*    slideshow rules (based on usage with Mike Alsup's 'Cycle' (jQuery) plug-in */
.slideshow-pager {
    display: block;
    text-align: center;
    width: 100%;
    height: 30px;
    position: absolute;
    z-index: 300;
    bottm: -24px;/*ie*/
    bottom: -1.5rem;
}

.slideshow-pager a:link,
.slideshow-pager a:visited {
    font-weight: normal;
    font-size: .6875em;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: #999!important;
    display: inline-block;
    border-radius: 50%;
    width: 16px;/*ie*/
    height: 16px;/*ie*/
    width: 1rem;
    height: 1rem;
    background-color: #999;
    margin: 0 10px;/*ie*/
    margin: 0 .65rem;
    opacity: .65;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.slideshow-pager a:hover,
.slideshow-pager a:active,
.slideshow-pager a:focus {
    opacity: 1;
    background-color: #ccc;
    color: #ccc!important;
    /* outline: none; */
}

.slideshow-pager a.activeSlide:link,
.slideshow-pager a.activeSlide:visited,
.slideshow-pager a.activeSlide:hover,
.slideshow-pager a.activeSlide:active,
.slideshow-pager a.activeSlide:focus {
    opacity: 1;
    background-color: #e04854;

    -webkit-transform-origin: center;
    -webkit-transform: scale( 1.25 );
    -moz-transform-origin: center;
    -moz-transform: scale( 1.25 );
    -ms-transform-origin: center;
    -ms-transform: scale( 1.25 );
    -0-transform-origin: center;
    -0-transform: scale( 1.25 );
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale( 1.25 );
        -ms-transform: scale( 1.25 );
            transform: scale( 1.25 );
}

.js .slideshow-directional {
    opacity: 0;
}

.slideshow-directional {
    font-size: 24px;/*ie*/
    font-size: 1.5rem;
    font-weight:normal;
    line-height: 2.5;
    text-align: center;
    color: #fff!important;
    text-decoration: none;
    display: block;
    width: 0;
    height: 48px;/*ie*/
    height: 3rem;
    padding: 4px;/*ie*/
    padding: .25rem;
    background-color: #333;
    position: absolute;
    z-index: 98;
    top: 16%;
    opacity: .75;

    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
}

.slideshow-directional:hover,
.slideshow-directional:focus{
    /* outline: none; */
    color: #fff!important;
    text-decoration: none;
    opacity: .9!important;
}

.slideshow-outer-wrap:hover .slideshow-directional{
    opacity: .75;
    width: 1.5em;
}

/*-----------------------------------------------*/

/*    product collection grid and associated elements. */

.product-count {
    margin: 20px 0 24px 4%;/*ie*/
    margin: 1.25em 0 1.5em 4%;
    max-width: 1024px;/*ie*/
    max-width: 64rem;
}

.product-count h2 {
    font-size: 14px;/*ie*/
    font-size: .875rem;
}

.product-grid,
.card-grid {
    list-style-type: none;
    display: block;
    clear: both;
    padding: 0;
    margin: 32px 0 0 0;/*ie*/
    margin: 2rem 0 0 0;
}

.product-grid.is-flush {
    margin-right: -3%;
    margin-left: -3%;
}

.product-grid:after,
.card-grid-:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.product-grid li,
.card-grid li {
    display: inline-block;
    width: 30%;/*22%;*/
    vertical-align: top;
    padding-bottom: 1em;
    margin: 0 1.5% 2% 1.5%;
    *display: inline;
    *zoom: 1;
}

.product-grid li > a,
.card-grid li > a {
    display: block;
    color: #313131!important; /* ovr branding colors */
}

.product-grid li > a:after,
.card-grid li > a:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*    from Alex D. 06-Sep-2013 */
.product-list-container h4 {
    padding: .3em .6em;
}

.product-list {
    list-style: none;
    padding: 0;
}

.product-list li {
    clear: both;
    border-top: 1px solid #ccc;
    padding: 1.3em 0;
    margin: 0;
}

.product-list li:first-child {
    border-top: none;
    padding-top: 0;
}

.product-list li dl {
    padding-top: 0;
    margin-top: 0;
}

.product-list .cover {
    float: left;
    margin: 0 19px 0 8px;/*ie*/
    margin: 0 1.2rem 0 .5rem;
    position: relative;
}

.product-grid li {
    width: auto;/*22%;*/
    /*padding-bottom: 16px;
    padding-bottom: 1rem;*/
    padding: 0 1.5% 1rem 1.5%;
    margin: 0 1.5% 2% 1.5%;
    vertical-align: top;
}

.product-grid li .cover {
    display: block;
}

.product-grid dl {
    font-size: 14px;
    font-size: .835rem;
    line-height: 1.4;
      display: inline-block;
      max-width: 121px;
    max-width: 7.5625rem;
      margin: 0;
    padding: 0;
}

.product-grid dt {
      display: inline-block;
      position: relative;
      padding: 0;
      /*max-width: 121px;
      max-width: 7.5625rem;
    min-height: 160px;
    min-height: 10rem;*/
    max-width: 121px;
    max-width: 7.5625rem;
    margin-bottom: 12px;
    margin-bottom: .75rem;
}

.product-grid dd {
      padding: 0;
      margin-right: 0;
    margin-left: 0;
    margin-bottom: 4px;
    margin-bottom: .25rem;
}

.iconstack {
    display: inline-block;
    padding: 8px 4px;
    padding: .5rem .25rem;
    background-color: #fff;
    background: rgba( 255, 255, 255, 1 );
    border-radius: .1875rem;
}

.iconstack img {
    display: block;
    height: 16px;
    height: 1rem;
    margin-bottom: 8px;
    margin-bottom: .5rem;
    opacity: .65;
}

.iconstack img:last-of-type {
    margin-bottom: 0;
}

.product-grid .iconstack { /* product feature icons */
    position: absolute;
    z-index: 10;
    bottom: 8px;
    bottom: .5rem;
    left: -8%;
}

.iconstack.no-stack img {
    display: inline-block;
    float: left;
    margin: 0 2px;
    margin: 0 .125rem;
}

.features-legend dd {
    padding-left: 30px;
    padding-left: 1.875rem;
}



/*    in this instance, the .overlay element is being
    used to render elements when a product image is
    in :hover state.
*/
.overlay {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overlay span {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serf;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 12px;/*ie*/
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff!important;
    display: block;
    padding: 0 8%;
    margin: 4px auto 0 auto;/*ie*/
    margin: .25rem auto 0 auto;
}

.overlay i {
    font-size: 64px;/*ie*/
    font-size: 4rem;
    color: #ddd;
    display: block;
    margin: 4px auto 0 auto;/*ie*/
    margin: .5rem auto 0 auto;
}

.is-grid {
    display: block;
    padding: 0;
    margin: 0 -1.5%;/* offset margins on child list-items */
}

.is-grid li {
    display: inline-block;
    list-style-type: none;
    vertical-align: top;
    padding: 0 0 16px 0;/*ie*/
    padding: 0 0 1rem 0;
    margin: 0 1.5% 2% 1.5%;
}

.links-use-transition a,
.links-use-transition a span[data-icon],
.uses-transition,
.uses-transition span[data-icon] {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.color-block {
    display: block;
    position: relative;
    padding: 4px 8px;/*ie*/
    padding: .25rem .5rem;
    background: #f1f1f1;
    background: rgba( 241, 241, 241, 1 );
    color: #444;
}

.color-block-with-transparency {
    background: none;
}

.color-block:hover,
.color-block:active,
.color-block:focus {
    background:#dedede;
    background: rgba( 222, 222, 222, 1 );
}

.color-block-with-transparency:hover,
.color-block-with-transparency:active,
.color-block-with-transparency:focus {
    background: #f1f1f1;
    background: rgba( 241, 241, 241, 1 );
}

.color-block.is-current-node {
    background: none;
    cursor: default;
}

.is-round {
    text-align: center;
    width: 154px;/*ie*/
    height: 154px;/*ie*/
    width: 9.625rem;
    height: 9.625rem;
    padding: 16px;/*ie*/
    padding: 1rem;
    border-radius: 50%;
}

.is-round span[data-icon] {
    font-size: 40px;/*ie*/
    font-size: 2.5rem;
    display: block;
    margin: 0 0 2px 0;/*ie*/
    margin: 0 0 .125rem 0;
}

.is-round h3 {
    font-size: 16px;/*ie*/
    font-size: 1rem;
    line-height: 1.2;
}

.no-decoration a:link,
.no-decoration a:visited,
.no-decoration a:hover,
.no-decoration a:active,
.no-decoration a:focus,
.no-decoration:link,
.no-decoration:visited,
.no-decoration:hover,
.no-decoration:active,
.no-decoration:focus {
    text-decoration: none;
}

/* lame but no other reliable method */
.match-option-heights .color-block {
    min-height: 280px;/*ie*/
    min-height: 17.5rem;
}

.icon-sprite {
    width: 80px;/*ie*/
    height: 80px;/*ie*/
    width: 5rem;
    height: 5rem;
    display: block;
    overflow: hidden;
    margin: 0 auto 16px auto;/*ie*/
    margin: 0 auto 1rem auto;
}

.icon-sprite-small {
    width: 50px;
    height: 50px;
    margin-bottom: 8px;
}

.icon-sprite img {
    position: relative;
    top: -80px;/*ie*/
    top: -5rem;
    display: block;
}

.icon-sprite-small img {
    top: -50px;
}

.color-block:hover .icon-sprite img {
    top: 0;
}


/* list with icons */
.list-with-icons li.has-no-link {
    padding: 16px;/*ie*/
    padding: 1rem;
}

.list-with-icons span[data-icon] {
    font-size: 36px;/*ie*/
    font-size: 2.25rem;
    float: left;
}

.list-with-icons p {
    padding-top: 12px;/*ie*/
    padding-top: .75rem;
    padding-bottom: 12px;/*ie*/
    padding-bottom: .75rem;
    padding-left: 56px;/*ie*/
    padding-left: 3.5rem;
    margin: 0;
    line-height: 1.4;
}


/*    #tab-to-top: appears when viewport is scrolled
    past a specific vertical length.
*/
#tab-to-top {
    text-align: center;
    position: fixed;
    z-index: 999;
    bottom: 5%;
    right: 5%;
    width: 56px;/*ie*/
    height: 56px;/*ie*/
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: none;
    background-color: #000;
    color: #fff!important;
}

#tab-to-top a {
    text-decoration: none;
    line-height: 3.5;
    color: #fff!important;
    display: block;
    width: 56px;/*ie*/
    height: 56px;/*ie*/
    width: 3.5rem;
    height: 3.5rem;
}

#tab-to-top a:visited,
#tab-to-top a:hover,
#tab-to-top a:active,
#tab-to-top a:focus {
    text-decoration: none;
}

/* don't show when inside <iframe> */
iframe #tab-to-top,
iframe footer,
iframe #brand-strap {
    display: none!important;
}

/*    generic animation mode, duration, and function. */
.animate {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-duration: .5s;
    animation-duration: .5s;

    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}

.animate-medium-speed {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.animate-delay {
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}

@-webkit-keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fade-in {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fade-in {
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
}



@-webkit-keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fade-out {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

.fade-out {
    -webkit-animation-name: fade-out;
    animation-name: fade-out;
}





@-webkit-keyframes fadeOut {
    0% {opacity: 1;}    100% {opacity: 0;}
}

@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}






.fadeOutandUp {
    -webkit-transform: translate3d( 0, -50%, 0 );
    -ms-transform: translate3d( 0, -50%, 0 );
    transform: translate3d( 0, -50%, 0 );
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    opacity: 0;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

/*    .blur (as of build works only in webkit) */
.cssfilters .blur {
    opacity: .35;

    -webkit-filter: blur( .25rem );
    -moz-filter: blur( .25rem );
    filter: blur( .25rem );

    -webkit-transition: .15s all ease;
    transition: .15s all ease;
}

/*    for all user agents where .blur won't work. */
.no-cssfilters .blur {
    opacity: .25;

    -webkit-transition: .25s all ease;
    transition: .25s all ease;
}

/*    generally used for a 'browse' (list of items) page */
.taxonomy-seo #taxonomy {
    padding: 6rem 1.25rem;
    min-width: 320px;/*ie*/
    min-width: 20rem; /* 320px */
    max-width: 1280px;/*ie*/
    max-width: 80rem; /* 1280px */
    margin: 0 auto;
}

.taxonomy-seo #taxonomy dt a {
    color: #313131!important;
    cursor: default;
}

.taxonomy-seo #taxonomy dt a:hover,
.taxonomy-seo #taxonomy dt a:focus {
    text-decoration: none;
}

.taxonomy-seo #taxonomy dt a i {
    display: none;
}

.taxonomy-seo #taxonomy .close-menu {
    display: none;
}

.random-content-parent .random-content-child {
    display: none;
}

/*
    Hero space.

    Normally this would be a lot simpler to render -- if we
    didn't have to concern ourselves with IE8. Since IE < 9
    does not recognize the background-size: property we need
    to render this in an overly-complicated fashion. It is a
    common method to force IE to comply but it is also
    heavy-handed and utterly absurb.

*/
.hero-is-tall {
    position: relative;
    width: 100%;
    min-height: 640px;/*ie*/
    min-height: 40rem;
    min-width: 320px;/*ie*/
    min-width: 20rem;
    overflow: hidden;
    padding: 0;

    /*-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;*/
}

    .random-content .panel {
        display: none;
    }

    .hero-is-tall .panel {
        position: absolute;
        width: 100%;
        top: 0;
        height: 640px;/*ie*/
        height: 40rem;

        /*-webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;*/

        background-color: #000;
        background: rgba(0, 0, 0, 1);
    }

    .hero-is-tall .hero-copy {
        margin-top: 48px;/*96px;120px;*//*ie*/
        margin-top: 3rem;/*6rem;7.5rem;*/
    }

    /* if we have an announcement on the page */
    .has-announcement .hero-is-tall .hero-copy {
        margin-top: -32px;/*ie*/
        margin-top: -2rem;
    }

    .hero-is-tall .img-hold { /* img as background resides here */
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -750px;
        top: 0;
        width: 1500px;
        z-index: 1;
        display: block;
        zoom: 1;
    }

    img.is-background {
        display: block;
        max-width: 100%;
        margin: 0 auto;

        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }

/*--- shorter hero version for interior screens --*/
.hero-is-short {
    position: relative;
    width: 100%;
    min-height: 400px;/*ie*/
    min-height: 25rem;
    min-width: 320px;/*ie*/
    min-width: 20rem;
    overflow: hidden;
    padding:0;

    /*-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;*/
}

    .hero-is-short .img-hold { /* img as background resides here */
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -750px;
        top: 0;
        width: 1500px;
        z-index: 1;
        display: block;
        zoom: 1;
    }

    .hero-is-short .panel { /* randomize content panels */
        min-height: 400px;/*ie*/
        min-height: 25rem;
        display: block;
        position: relative;
        top: 0;
        padding: 96px 0 0 0;/*ie*/
        padding: 6rem 0 0 0;
        margin: 0;

        background-color: #000;
        background: rgba(0, 0, 0, 1);

        /*-webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;*/
    }

    .hero-is-short .hero-copy {
        margin-top: -112px;/*ie*/
        margin-top: -7rem;
    }

    /*    short hero with no BT tagline copy */
    .hero-is-short.no-bt-tagline .hero-copy {
        margin-top: -80px;/*ie*/
        margin-top: -5rem;
    }

/*    holds hero copy / call-to-action, etc. */
.hero-copy {
    z-index: 4;
    position: relative;
    display:inline-block;
    max-width: 531px;/*ie*/
    max-width: 33.1875rem;
    /*-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;*/
}

    .hero-copy .bt-logo {
        min-height: 320px;/*ie*/
        min-height: 20rem;
    }

    .hero-copy .bt-logo + h2 {
        margin-top: -128px;/*ie*/
        margin-top: -8.5rem;
        /*-webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;*/
    }

    .hero-copy h2 em {
        /*font-family: 'OpenSans-Regular', Verdana, sans-serif;*/
        font-style: italic;
        display: none;
    }

    .hero-copy span[data-icon].icon + p {
        padding-left: 12px;/*ie*/
        padding-left: .75rem;
        margin-left: 44px;/*ie*/
        margin-left: 2.75rem;
        border-left: 1px solid #fff;
        border-left: 1px solid rgba(255, 255, 255, .5);
    }

    .hero-copy span[data-icon].icon {
        font-size: 32px;/*ie*/
        font-size: 2rem;
        float: left;
        display: inline-block;
    }

    .hero-copy .bt-tagline + .button {
        margin: 1rem 0 0 3.5rem;
    }

/*    use when you'd like a background gradient mask behind your hero copy
    maybe use a CSS3 gradient? -- note this is a partial radial.
 */
 /*
.gradient-mask {
    background:url(../images/ui/hero-gradient.png) no-repeat bottom center scroll transparent;
    margin: 0 auto;
    width: 100%;
    min-height: 146px;
    min-height: 9.125rem;
    position: absolute;
    bottom: 0;
    z-index: 2;

    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.gradient-mask {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background: -moz-linear-gradient( top, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
    background: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, rgba( 0, 0, 0, 0 ) ), color-stop( 100%, rgba( 0, 0, 0, .6 ) ) );
    background: -webkit-linear-gradient( top, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
    background: -o-linear-gradient( top, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
    background: -ms-linear-gradient( top, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
    background: linear-gradient( to bottom, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, .6 ) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
*/

/*    Video still + overlay */
.video-placeholder,
.single-video-placeholder,
.modal-video-placeholder {
    position: relative;
    /*width: 100%;
    background-color: #000;
    border: 1px solid #bdb8af;*/
    padding: 0;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.video-placeholder iframe,
.single-video-placeholder iframe{
    z-index: 888;
    background-color: #444;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*border: 1px solid #bdb8af;*/
}

/*.single-video-placeholder object,
.single-video-placeholder embed {
    outline: 1px solid #bdb8af;
}*/

.video-placeholder a,
.single-video-placeholder a{
    display: block;
}

.video-placeholder img,
.single-video-placeholder img{
    cursor: pointer;
    background-color: #000;
    /*position: relative;*/
    /*display: block;*/
    /*width: 100%;
    position: absolute;
    top: 0;
    left: 0;*/
}

.overlay-mask{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    /*background-color: rgba( 0, 0, 0, .175 ); | removed due to builders not understanding proper aspect ratio for poster images */

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overlay-mask img {
    background: transparent;
    opacity: 0.5;

    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.overlay-mask:hover,
.overlay-mask:focus {
    opacity: 0;
}

.overlay-mask:hover img,
.overlay-mask:focus img {
    opacity: 0;
    transform: scale( 2, 2 );
    -ms-transform: scale( 2, 2 );
    -webkit-transform: scale( 2, 2 );
}


/*

    Multi-video stage w/index widget

*/
.video-stage { /* main video */
    width: 75%;
    float: left;
    padding: 3px 4px 3px 0;/*ie*/
    padding: .215rem .25rem .18rem 0;
}

.video-stage a{
    display: block;
    position: relative;
    overflow: hidden;
}

.video-stage figcaption { /* this is a temp hack until design decisions are made regarding this widget */
    min-height: 84px;/*ie*/
    min-height: 5.25rem;
}

.video-index-container { /* parent container for thumbnail list(s) of videos */
    width: 25%;
    float: right;
    padding-left: 2px;/*ie*/
    padding-left: .125rem;
    position: relative;

}

.video-index-control {
    position: absolute;
    display :block;
    text-align: center;
    padding: 8px;/*ie*/
    padding: .5rem;
    width: 96.5%;
    max-height: 40px;/*ie*/
    max-height: 2.5rem;
    margin: 0 auto;
    overflow: hidden;
}

.video-index-up {
    top: -48px;/*ie*/
    top: -3rem;
}

.video-index-down {
    bottom: -48px;/*ie*/
    bottom: -3rem;
}

.is-vertical-list ul {
    display: none;
    margin: 0 0 1px 0;
    padding: 0;
    list-style-type: none;
}

.is-vertical-list li {
    margin: 0;
    padding: 3.2px;
    padding: .2rem;
}

.video-index a,
.video-index img {
    display: block;
}

.video-index a {
    opacity: .7;
    -webkit-filter: grayscale(.5);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.video-index a.active {
    cursor: default;
}

.video-index a.active,
.video-index a:hover,
.video-index a:active,
.video-index a:focus {
    opacity: 1;
    -webkit-filter: grayscale(0);
}



/*    adjust the top margin for the figcaption element when it appears inside either a
    '.single-video-placeholder' or '.video-stage' parent element.
*/
.single-video-container figcaption,
.video-stage figcaption {
    margin-top: 8px;/*ie*/
    margin-top: .5rem;
}



/*    Sign in or Register */

.sign-in {
    background-color: rgba( 0, 0, 0, .6 );
    position: absolute;
    z-index: 4;
    top: 64px;/*ie*/
    top: 4rem;
    right: 32px;/*ie*/
    right: 2rem;
    max-width: 288px;/*ie*/
    max-width: 18rem;
    padding: 16px 24px 24px 24px;/*28px;*//*ie*/
    padding: 1rem 1.5rem 1.5rem 1.5rem;/*1.75rem;*/
    color: #fff;
    /*
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    */
}

/*    when we show an announcement on a page that contains a hero
    we add a class of "has-accouncement" to the <body> tag which
    triggers the following modification to the "sign-in" element.
*/
.has-announcement .sign-in {
    top: 0;
}

/*    full height sign-in box when/if you need it */
.sign-in.is-full-height {
    height: 640px;/*ie*/
    height: 40rem;
    max-height: 640px;/*ie*/
    max-height: 40rem;
    overflow: hidden;
}

.sign-in h3 {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serf;*/
    font-size: 20px;/*ie*/
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 24px;/*ie*/
    margin-top: 1.5rem;
    margin-bottom: 4px;/*ie*/
    margin-bottom: .25rem;
}

.sign-in h3:first-child {
    margin-top: 0;
}

.sign-in p {
    font-size: 13px;/*ie*/
    font-size: .825rem;
    color: #eee;
}

.sign-in h3 + p {
    margin-top: 0;
}

.sign-in p.small {
    font-size: 11px;/*ie*/
    font-size: .6875rem;
}

.sign-in .button {
    display: block;
    width: 100%;
 }

.sign-in .button + .button,
.sign-in input + .button,
.sign-in input + input {
    margin-top: 12px;/*ie*/
    margin-top: .75rem;
}

.sign-in input,
.sign-in input:focus {
    border-color: #fff;
}

.sign-in .button + p {
    margin-top: 8px;/*ie*/
    margin-top: .5rem;
}

/*    flex video embed could use some extra space above the figure caption */
.fluid-width-video-wrapper + figcaption {
    padding-top: 10px;/*ie*/
    padding-top: .625rem;
}

/* Maybe. */
/*------------------------------------------------------------
    Small photo grid. Original use = on the 'About Pearson
    Student Relations' page.
--------------------------------------------------------------*/
.grid-small {
    padding: 0;
    margin: 16px 0;
    margin: 1rem 0;
}

.grid-small dl {
    font-size: 12px;/*ie*/
    font-size: .75rem;
    padding: 0 0 16px 0;/*ie*/
    padding: 0 0 1rem 0;
    width: 40%;
    display: inline-block;
    margin: 0 1.5% 2% 1.5%;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}

.grid-small dt,
.grid-small dd {
    margin: 0;
    padding: 0;
}

.grid-small dt {
    margin-bottom: 12px;/*ie*/
    margin-bottom: .75rem;
}

.grid-small dd.social {
    margin-top: 4px;/*ie*/
    margin-top: .25rem;
}

.grid-small dd.social a {
    display: inline-block;
    float: left;
    margin-right: 8px;/*ie*/
    margin-right: .5rem;
    cursor: pointer;
    text-decoration: none;
}

.grid-small dd.social a img {
    border: none;
    border-radius: 2px;
}

.grid-small dt a {
    display: block;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    max-width: 160px;/*ie*/
    max-width: 10rem;
}

.grid-small dt a img {
    display: block;
    position: relative;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 1.0;
}

.grid-small dt a:hover img,
.grid-small dt a:focus img,
.grid-small dt a:active img {
    -webkit-transform-origin: center;
    -webkit-transform: scale(1.5);
    -moz-transform-origin: center;
    -moz-transform: scale(1.5);
    -ms-transform-origin: center;
    -ms-transform: scale(1.5);
    -0-transform-origin: center;
    -0-transform: scale(1.5);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
    opacity: .15;
}

.grid-small dt a span {
    font-weight: bold;
    position: absolute;
    bottom: 16px;/*ie*/
    bottom: 1rem;
    left: 16px;/*ie*/
    left: 1rem;
    padding-right: 16px;/*ie*/
    padding-right: 1rem;
    z-index: 10;
    color: #fff;
    display: block;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
}

.grid-small dt a:hover span,
.grid-small dt a:focus span,
.grid-small dt a:active span {
    opacity: 1;
}

.grid-small:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*    Specific colors */
.bg-light-blue {
    background-color: #0089b7;
}

.bg-green {
    background-color: #008b5d;
}

.bg-orange {
    background-color: #ed6b06;
}

.bg-red {
    background-color: #9d1348;
}

.bg-blue {
    background-color: #364395;
}

/*    Modal profiles: hidden on initial view, we open these
    in lightbox fashion.
*/
.js .modal-content {
    display: none;
    padding: 1rem;
}

/*
    Short content = when page content is so sparse that there is a good
    chance most viewports will be taller than content available, add this
    class to your content container (or wrap your content containers in an
    element with this class) to force the footer and brandstrap to the bottom
    of the page.
*/

.short-content {
    min-height: 60%;
}

.app-badge {
    max-width: 210px;/*ie*/
    max-width: 13.125rem;
}


/*-----------------------------------------------*/

/*
    Theme

    This section of rules will override some previously set color
    defaults (background and text) in order to apply the chosen
    Pearson branding theme. The <body> tag for each page gets a
    color class name applied to it (blue, green, red) which will
    trigger the proper palette. This list may change over time as
    unique elements that require color styling are added to the
    markup. Try to keep the unique elements defined here to a
    minimum (use the universal classes declared below when possible,
    such as 'color-match' or 'bg-color-match', etc.).

*/
.green .color-match,

/* May 2014: removing link styling color match
.green a:link,
.green a:visited,
.green a:hover,
.green a:active,
.green a:focus,
*/

/* May 2014: adding link styling color match to program name link in header */
.green .product-nav h2 a:link,
.green .product-nav h2 a:visited,
.green .product-nav h2 a:hover,
.green .product-nav h2 a:active,
.green .product-nav h2 a:focus,

.green input[type=checkbox]:checked+label,
.green input[type=radio]:checked+label,
.green .pseudo-color-match:before,
.green .pseudo-color-match:after {
    color: #008b5d;
    color: rgba(0,139,93,1);
}

.green .color-match-medium,
.green .pseudo-color-match--medium:before,
.green .pseudo-color-match--medium:after {
    color: #00a15f!important;
}

.green .color-match-light,
.green .pseudo-color-match--light:before,
.green .pseudo-color-match--light:after {
    color: #7db658!important;
}

.green .border-color-match-light {
    border-color: #95cb65;
}

.green .button {
    background-color: #008b5d;
    background: rgba(0,139,93,1);
}

.green .bg-color-match {
    background-color: #008b5d;
    background: rgba(0,139,93,1);
}

.green .bg-color-match-medium {
    background-color: #00a15f;
    background: rgba(0,161,95,1);
}

.green .bg-color-match-light,
.green .dialog-header,
.green .flexslider:hover .flex-next,
.green .flexslider:hover .flex-prev,
.green .flex-control-paging li a.flex-active {
    background-color: #3fa85d;
    background: rgba(63,168,93,1);
}

.green .dialog-header:after {
    border-top-color: #3fa85d;
    border-top-color: rgba(63,168,93,1);
}

.green .pointer-down:after {
    border-top-color: #00a15f;
    border-top-color: rgba(0,161,95,1);
}

.green .overlay i {
    color: #7db658;
    color: rgba(125,182,88,1);
}

.green .shared-index .active:link,
.green .shared-index .active:hover,
.green .shared-index .active:active,
.green .shared-index .active:focus,
.green .shared-index-multi .active:link,
.green .shared-index-multi .active:hover,
.green .shared-index-multi .active:active,
.green .shared-index-multi .active:focus,
.green .pagination .active {
    background-color: #3fa85d;
    background: rgba(63,168,93,1);
    color: #fff!important;
    text-decoration: none!important;
}

.green .shared-index .active:visited,
.green .shared-index-multi .active:visited {
    color: #fff!important;
}

.green .color-block span[data-icon] {
    color: #7db658;
}

.green .color-block:link,
.green .color-block:visited {
    color: #575757;
}

.green .color-block:hover,
.green .color-block:active,
.green .color-block:focus {
    color: #444;
}

.green .color-block:hover span[data-icon],
.green .color-block:active span[data-icon],
.green .color-block:focus span[data-icon],
.green .color-block.is-current-node span[data-icon] {
    color: #444;
}

.green .msg-default.is-callout {
    border: none;
    border-left: 6px solid #7db658;
}

.green .msg-alert > span[data-icon],
.green .msg-alert span[data-icon].msg-symbol,
.green .msg-alert .toggle-trigger,
.green .msg-alert .toggle-trigger span[data-icon],
.green .msg-alert-color-match,
.green .msg-alert-color-match > span[data-icon],
.green .msg-alert-color-match span[data-icon].msg-symbol,
.green .msg-alert-color-match .toggle-trigger,
.green .msg-alert-color-match .toggle-trigger span[data-icon] {
    color: #ec6811;
}

.green .msg-fyi > span[data-icon],
.green .msg-fyi span[data-icon].msg-symbol,
.green .msg-fyi .toggle-trigger,
.green .msg-fyi .toggle-trigger span[data-icon],
.green .msg-fyi-color-match {
    color: #0089b7;
}

.green .msg-default > span[data-icon],
.green .msg-default span[data-icon].msg-symbol,
.green .msg-default .toggle-trigger,
.green .msg-default .toggle-trigger span[data-icon] {
    color: #7db658;
}

.green .msg-default > span[data-icon].in-circle,
.green .msg-default span[data-icon].msg-symbol.in-circle {
    background-color: #7db658;
    color: #fff;
}

.green .corner-flag {
    border-color: #00a15f transparent transparent transparent;
}

.green .msg-fyi a {
    color: #0089b7;
}

.green .msg-alert a {
    color: #9b460e;
}

.green .msg-alert .color-match,
.green .msg-fyi .color-match {
    color: #008b5e;
    color: rgba(0,139,93,1);
}

.green #tab-to-top {
    background-color: #3fa85d;
}

.green .is-horizontal a:hover,
.green .is-horizontal a:active,
.green .is-horizontal a:focus {
    color: #008b5d!important;
}

.green .is-horizontal ul a.current-node {
    color: #008b5d!important;
}

.green .is-horizontal dt a.current-node {
    color: #008b5d!important;
}

.green .is-vertical dd a:hover,
.green .is-vertical dd a:active,
.green .is-vertical dd a:focus {
    color: #008b5d!important;
}

.green .is-vertical dd a.current-node {
    color: #008b5d!important;
}

.green .utility-nav li a:hover,
.green .utility-nav li a:active,
.green .utility-nav li a:focus {
    color: #008b5d;
    color: rgba(0,139,93,1);
}

.green .featured-links .col:nth-child(odd) dl {
    background: rgba(10,98,58,.8);
}

.green .featured-links .col:nth-child(even) dl {
    background: rgba(35,151,115,.8);
}

/*-----------------------------------------------*/

.red .color-match,

/* May 2014: removing link styling color match
.green a:link,
.green a:visited,
.green a:hover,
.green a:active,
.green a:focus,
*/

/* May 2014: adding link styling color match to program name link in header */
.red .product-nav h2 a:link,
.red .product-nav h2 a:visited,
.red .product-nav h2 a:hover,
.red .product-nav h2 a:active,
.red .product-nav h2 a:focus,

.red input[type=checkbox]:checked+label,
.red input[type=radio]:checked+label,
.red .pseudo-color-match:before,
.red .pseudo-color-match:after {
    color: #9d1348;
    color: rgba(157,19,72,1);
}

.red .color-match-medium,
.red .pseudo-color-match--medium:before,
.red .pseudo-color-match--medium:after {
    color: #b9204b!important;
}

.red .color-match-light,
.red .pseudo-color-match--light:before,
.red .pseudo-color-match--light:after {
    color: #e04854!important;
}

.red .border-color-match-light {
    border-color: #e04854;
}

.red .button {
    background-color: #9d1348;
    background: rgba(157,19,72,1);
}

.red .bg-color-match {
    background-color: #9d1348;
    background: rgba(157,19,72,1);
}

.red .bg-color-match-medium {
    background-color: #b9204b;
    background: rgba(185,32,75,1);
}

.red .bg-color-match-light,
.red .dialog-header,
.red .flexslider:hover .flex-next,
.red .flexslider:hover .flex-prev,
.red .flex-control-paging li a.flex-active {
    background-color: #ca2f45;
    background: rgba(202,47,69,1);
}

.red .dialog-header:after {
    border-top-color: #ca2f45;
    border-top-color: rgba(202,47,69,1);
}

.red .pointer-down:after {
    border-top-color: #b9204b;
    border-top-color: rgba(185,32,75,1);
}

.red .overlay i {
    color: #e04854;
    color: rgba(224,72,84,1);
}

.red .shared-index .active:link,
.red .shared-index .active:hover,
.red .shared-index .active:active,
.red .shared-index .active:focus,
.red .shared-index-multi .active:link,
.red .shared-index-multi .active:hover,
.red .shared-index-multi .active:active,
.red .shared-index-multi .active:focus,
.red .pagination .active {
    background-color: #ca2f45;
    background: rgba(202,47,69,1);
    color: #fff!important;
    text-decoration: none!important;
}

.red .shared-index .active:visited,
.red .shared-index-multi .active:visited {
    color: #fff!important;
}

.red .color-block span[data-icon] {
    color: #e04854;
}

.red .color-block:link,
.red .color-block:visited {
    color: #575757;
}

.red .color-block:hover,
.red .color-block:active,
.red .color-block:focus {
    color: #444;
}

.red .color-block:hover span[data-icon],
.red .color-block:active span[data-icon],
.red .color-block:focus span[data-icon],
.red .color-block.is-current-node span[data-icon] {
    color: #444;
}

.red .msg-default.is-callout {
    border: none;
    border-left: 6px solid #e04854;
}

.red .msg-alert > span[data-icon],
.red .msg-alert span[data-icon].msg-symbol,
.red .msg-alert .toggle-trigger,
.red .msg-alert .toggle-trigger span[data-icon],
.red .msg-alert-color-match,
.red .msg-alert-color-match > span[data-icon],
.red .msg-alert-color-match span[data-icon].msg-symbol,
.red .msg-alert-color-match .toggle-trigger,
.red .msg-alert-color-match .toggle-trigger span[data-icon] {
    color: #ec6811;
}

.red .msg-fyi > span[data-icon],
.red .msg-fyi span[data-icon].msg-symbol,
.red .msg-fyi .toggle-trigger,
.red .msg-fyi .toggle-trigger span[data-icon],
.red .msg-fyi-color-match {
    color: #0089b7;
}

.red .msg-default > span[data-icon],
.red .msg-default span[data-icon].msg-symbol,
.red .msg-default .toggle-trigger,
.red .msg-default .toggle-trigger span[data-icon] {
    color: #e04854;
}

.red .msg-default > span[data-icon].in-circle,
.red .msg-default span[data-icon].msg-symbol.in-circle {
    background-color: #e04854;
    color: #fff;
}

.red .corner-flag {
    border-color: #b9204b transparent transparent transparent;
}

.red .msg-fyi a {
    color: #0089b7;
}

.red .msg-alert a {
    color: #9b460e;
}

.red .msg-alert .color-match,
.red .msg-fyi .color-match {
    color: #9d1348;
    color: rgba(157,19,72,1);
}

.red #tab-to-top {
    background-color: #ca2f45;
}

.red .is-horizontal a:hover,
.red .is-horizontal a:active,
.red .is-horizontal a:focus {
    color: #9d1348!important;
}

.red .is-horizontal ul a.current-node {
    color: #9d1348!important;
}

.red .is-horizontal dt a.current-node {
    color: #9d1348!important;
}

.red .is-vertical dd a:hover,
.red .is-vertical dd a:active,
.red .is-vertical dd a:focus {
    color: #9d1348!important;
}

.red .is-vertical dd a.current-node {
    color: #9d1348!important;
}

.red .utility-nav li a:hover,
.red .utility-nav li a:active,
.red .utility-nav li a:focus {
    color: #9d1348;
    color: rgba(157,19,21,1);
}

.red .featured-links .col:nth-child(odd) dl {
    background: rgba(157,19,72,.8);
}

.red .featured-links .col:nth-child(even) dl {
    background: rgba(202,47,69,.8);
}

/*-----------------------------------------------*/

/*
    Accessibility.
*/
.accessibility,
.screenreader {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    width: 1px;
    padding: 0;
    margin: -1px;

    max-height: 0;
}

.clear-text {
    text-indent: -2000em;
}

/*
    Clear floats.
*/
.group:after,
.wrapper:after,
.resources-container:after,
#resources:after,
.filter-container dd:after,
.list-with-icons li:after,
.ordering-options li:after,
.product-list li:after {
    content: "";
    display: table;
    clear: both;
}

/*-----------------------------------------------*/

/*
    Helper classes.
*/

/* messaging */
.msg {
    border: 2px solid #444;
    border-radius: .3125rem;
    padding: 16px;/*ie*/
    padding: 1rem;
    margin-top: 0;
    margin-bottom: 16px;/*ie*/
    margin-bottom: 1rem;
}

.msg .toggler-trigger {
    display: inline;
}

/* when above hero */
.msg.stacked-above-hero {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-top: 64px;
    margin-top: 4rem;
    margin-bottom: 0;
}

.msg.stacked-above-hero .wrapper {
    padding: 16px 32px;/*ie*/
    padding: 1rem 2rem;
    margin-top: 0;
    margin-bottom: 0;
}

.msg-min.stacked-above-hero .wrapper {
    padding: 12px 32px;/*ie*/
    padding: .75rem 2rem;
}

.msg > span[data-icon],
.msg span[data-icon].msg-symbol {
    float: left;
    font-size: 40px;/*ie*/
    font-size: 2.5rem;
    line-height: 1;
    opacity: .75;
    padding-top: 6px;/*ie*/
    padding-top: .375rem;
}

.msg > span[data-icon]:before,
.msg span[data-icon].msg-symbol:before {
    vertical-align: top;
}

.msg-inner {
    padding-right: 16px;/*ie*/
    padding-right: 1rem;
    margin-left: 56px;/*ie*/
    margin-left: 3.5rem;

    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

/* generally used to render reverse glyph inside color circle */
.in-circle {
    text-align: center;
    padding: 12px;/*ie*/
    padding: .75rem;
    border-radius: 50%;
}

span[data-icon].in-circle:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
}

.in-circle-4x {
    line-height: 64px;/*ie*/
    line-height: 4rem;
    min-width: 64px;/*ie*/
    min-width: 4rem;
    min-height: 64px;/*ie*/
    min-height: 4rem;
}

/* requires larger left margin to accomodate reversed glyph-in-circle */
.in-circle + .msg-inner {
    margin-left: 80px;/*ie*/
    margin-left: 5rem;
}

.stacked-above-hero .msg-inner {
    padding-right: 0;
}

.msg h3 {
    line-height: 1.3;
    margin: 0 0 4px 0;/*ie*/
    margin: 0 0 .25rem 0;
}

.msg p {
    font-size: 12px;/*ie*/
    font-size: .75rem;
    margin-bottom: 0;
}

/* color = what type of message is this? */
.msg-default {
    background-color: #f1f1f1;
    color: #444;
}

.msg-default > span[data-icon],
.msg-default span[data-icon].msg-symbol {
    opacity: 1;
}

.msg-default.is-callout {
    border: none;
    border-left: 6px solid #ccc;
}

.msg-fyi {
    color: #0089b7;
    background: #e3f2fa;
    background: rgba( 227, 242, 250, 1 );
    border-color: #0089b7;
}

.msg-fyi.is-callout {
    border: none;
    border-left: 6px solid #0089b7;
}

.msg-alert {
    color: #9b460e;
    background: #ffffa8;
    background: rgba( 255, 255, 168, 1 );
    border-color: #fec165;
}

.msg-alert-bg-color-match {
    background: #ffffa8;
    background: rgba( 255, 255, 168, 1 );
}

.msg-alert > span[data-icon],
.msg-alert span[data-icon].msg-symbol {
    color: #f60;
    opacity: 1;
}

.msg-alert > span[data-icon].in-circle,
.msg-alert span[data-icon].msg-symbol.in-circle {
    background-color: #f60;
    color: #ffffa8;
}

.msg-alert.is-callout {
    border: none;
    border-left: 6px solid #f60;
}

/* override defaults if we want a scaled-back announcement */
.msg.msg-min > span[data-icon]:before,
.msg.msg-min span[data-icon].msg-symbol:before {
    vertical-align: top;
}

.msg.msg-min > span[data-icon],
.msg.msg-min span[data-icon].msg-symbol {
    font-size: 20px;/*ie*/
    font-size: 1.25rem;
    padding-top: 0;
}

.msg.msg-min .msg-inner {
    margin-left: 28px;/*ie*/
    margin-left: 1.725rem;
}

.rotate--45 {
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}

.pointer-down:after {
    content: ' ';
    height: 0;
    width: 0;
    border: 32px solid transparent;/*ie*/
    border: 2rem solid transparent;
    position: absolute;
    z-index: 5;
    top: 99%;
    left: 2.5%;
    margin-left: -32px;/*ie*/
    margin-left: 2rem;
}

.os-light {
    /*font-family: 'OpenSans-Light', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 16px;/*ie*/
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6;
    margin: 16px 0 28px 0;/*ie*/
    margin: 1rem 0 1.75rem 0;
}

.is-large {
  font-size: 125%;
  line-height: 1.8;
}

.is-dark-type {
  color: #000;
}

.biglist {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
}

.biglist li {
    margin-bottom: .5rem;
}

.badge {
    display: inline-block;
    /*font-family: 'OpenSans-Bold', Verdana, sans;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 16px;/*ie*/
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 32px;/*ie*/
    line-height: 2rem;
    width: 32px;/*ie*/
    height: 32px;/*ie*/
    width: 2rem;
    height: 2rem;
}

.badge-big {
    font-size: 24px;/*ie*/
    font-size: 1.5rem;
    line-height: 48px;/*ie*/
    line-height: 3rem;
    width: 48px;/*ie*/
    height: 48px;/*ie*/
    width: 3rem;
    height: 3rem;
}


.badge-circle {
    border-radius:100%;
}

.badge-inline {
    display: inline-block;
    position: relative;
    top: -4px;/*ie*/
    top: -.25rem;
    margin-right: -8px;/*ie*/
    margin-right: .5rem;
    margin-left: -16px;/*ie*/
    margin-left: -1rem;
}

.ovf-hidden {
    overflow: hidden;
}

.equal-height {
    padding-bottom: 100000px;/*ie*/
    padding-bottom: 6250rem;
    margin-bottom: -100000px;/*ie*/
    margin-bottom: -6250rem;
}

.mega {
    font-size: 44px;/*ie*/
    font-size: 2.75rem;
    line-height: 1.25;
}

.pinterest-board-widget {
    min-height: 406px;/*ie*/
    min-height: 25.375rem;
}

.light-grey-bg{
    background-color: #f1f1f1;
    background: rgba(241, 241, 241, 1);
}

.extra-light-grey-bg {
    background-color: #f7f7f7;
}

.dark-grey-bg {
    background-color: #676767!important;
    color: #fff;
}

.light-grey-text,
.light-grey-text:link,
.light-grey-text:visited,
.light-grey-text:hover,
.light-grey-text:active,
.light-grey-text:focus {
    color: #ccc!important;/* needed to ovr theme */
}

.grey-text {
    color: #888;
}

.dark-grey-text {
    color: #666;
}

.has-drop-shadow {
    box-shadow: 0 .375rem .375rem -.25rem rgba( 0, 0, 0, .3 );
}

.has-drop-shadow.pos--relative {
    z-index: 99;
}

.has-text-shadow {
    text-shadow: .1875rem .1875rem .35rem rgba( 0, 0, 0, .4 );
}

.list-small {
    font-size: 11px;/*ie*/
    font-size: .6875rem;
    padding: 0 12px 0 19px;/*ie*/
    padding: 0 .75rem 0 1.2rem;
    margin: 0;
}

.mw-50 {
    min-width: 50%;
}

.mw-80 {
    min-width: 80%;
}

.pad-all-xHalf {
    padding: 8px;/*ie*/
    padding: .5rem;
}

.pad-all-x1 {
    padding: 16px;/*ie*/
    padding: 1rem;
}

.pad-all-x2 {
    padding: 32px;/*ie*/
    padding: 2rem;
}

.pad-top-xHalf {
    padding-top: 8px;/*ie*/
    padding-top: .5rem;
}

.pad-bottom-xHalf {
    padding-bottom: 8px;/*ie*/
    padding-bottom: .5rem;
}

.pad-top-x1half {
    padding-top: 24px;/*ie*/
    padding-top: 1.5rem;
}

.pad-bottom-x1half {
    padding-bottom: 24px;/*ie*/
    padding-bottom: 1.5rem;
}

.pad-bottom-x1 {
    padding-bottom: 16px;/*ie*/
    padding-bottom: 1rem;
}

.pad-bottom-x2 {
    padding-bottom: 32px;/*ie*/
    padding-bottom: 2rem;
}

.pad-top-x1 {
    padding-top: 16px;/*ie*/
    padding-top: 1rem;
}

.pad-top-x2{
    padding-top: 32px;/*ie*/
    padding-top: 2rem;
}

.pad-bottom-x3 {
    padding-bottom: 48px;/*ie*/
    padding-bottom: 3rem;
}

.pad-top-x3{
    padding-top: 48px;/*ie*/
    padding-top: 3rem;
}

.pad-right-x1 {
    padding-right: 16px;/*ie*/
    padding-right: 1rem;
}

.pad-right-x2 {
    padding-right: 32px;/*ie*/
    padding-right: 2rem;
}

.medium-width {
    max-width: 80%;
}

.wide-width {
    max-width: 95%;
}

.full-width,
input[type=submit].full-width,
input[type=text].full-width {
    width: 100%;
}

.has-dark-bg {
    background-color: #000;
}

.js .hidden {
    display: none;
}

.hide {
    display: none!important;
}

.clear-both {
    clear: both;
}

.block {
    display: block!important;
}

.inline {
    display: inline!important;
}

.inline-block {
    display: inline-block!important;
}

.pos--relative {
    position: relative;
}

.align--v-mid {
    vertical-align: middle;
}

.strong {
    font-weight: bold;
}

.uppercase {
    text-transform: uppercase;
}

.normal-case {
    text-transform: none!important;
}

.normal-weight {
    font-weight: normal;
}

.shadow {
    box-shadow: .0625rem .0625rem .75rem .1875rem rgba( 0, 0, 0, .3 );
}

.drop-shadow {
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.45);
}

.shadow-slim {
    box-shadow: .0625rem .0625rem .75rem 0 rgba( 0, 0, 0, .3 );
}

.rounded-corners,
.rounded-corners-3 {
    border-radius: .1875rem;
}

.rounded-corners-5 {
    border-radius: .3125rem;
}

.edge-burnish {
    box-shadow: inset 0 0 1.875rem .1875rem rgba( 123, 121, 117, .25 );
}

.edge-burnish-top {
    box-shadow: inset 0 .25rem .1875rem 0 rgba( 123, 121, 117, .25 );
}

.gradient-divider {
    background-image: url(../images/other/gradient-divider.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: scroll;
}

.has-no-transparency,
.fully-opaque {
    opacity: 1!important;
}

.has-top-margin {
    margin-top: 16px;/*ie*/
    margin-top: 1rem;
}

.has-no-margin {
    margin: 0;
}

.no-top-margin {
    margin-top: 0;
}

.has-no-padding {
    padding: 0;
}

.has-no--left-padding {
    padding-left: 0;
}

.has-no--right-padding {
    padding-right: 0;
}

.has-no-list-style {
    list-style-type: none;
}

.list-items-have-no-margin li {
    margin: 0;
}

.nowrap {
    white-space: nowrap;
}

.mar-right-x1 {
    margin-right: 16px;/*ie*/
    margin-right: 1rem;
}

.mar-left--xHalf {
    margin-left: 8px;/*ie*/
    margin-left: .5rem;
}

.mar-left--x1Half {
    margin-left: 24px;/*ie*/
    margin-left:1.5rem;
}

.mar-top--minus-x1 {
    margin-top: -16px;
    margin-top: -1rem;
}

.mar-top-xQuarter {
    margin-top: 4px;/*ie*/
    margin-top: .25rem;
}

.mar-top-xHalf {
    margin-top: 8px;/*ie*/
    margin-top: .5rem;
}

.mar-top-x1 {
    margin-top: 16px;/*ie*/
    margin-top: 1rem;
}

.mar-top-x1Half {
    margin-top: 24px;/*ie*/
    margin-top: 1.5rem;
}

.mar-top-x2 {
    margin-top: 32px;/*ie*/
    margin-top: 2rem;
}

.mar-top-x3 {
    margin-top: 48px;/*ie*/
    margin-top: 3rem;
}

.mar-top-x4 {
    margin-top: 64px;/*ie*/
    margin-top: 4rem;
}

.mar-bottom-xQuarter {
    margin-bottom: 4px;/*ie*/
    margin-bottom: .25rem;
}

.mar-bottom-xHalf {
    margin-bottom: 8px;/*ie*/
    margin-bottom: .5rem;
}

.mar-bottom-x1 {
    margin-bottom: 16px;/*ie*/
    margin-bottom: 1rem;
}

.mar-bottom-x1Half {
    margin-bottom: 24px;/*ie*/
    margin-bottom: 1.5rem;
}

.mar-bottom-x2 {
    margin-bottom: 32px;/*ie*/
    margin-bottom: 2rem;
}

.mar-bottom-x3 {
    margin-bottom: 48px;/*ie*/
    margin-bottom: 3rem;
}

.mar-bottom-x4 {
    margin-bottom: 64px;/*ie*/
    margin-bottom: 4rem;
}

.placeholder {
    color: #aaa;
}

.fontsize-175 {
    font-size: 175%;
}

.fontsize-100 {
    font-size: 100%;
}

.fontsize-75 {
    font-size: 75%;
}

.fontsize-12 {
    font-size: 12px;/*ie*/
    font-size: .75rem;
}

.semi-bold {
    /*font-family: 'OpenSans-SemiBold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 600;
}

.semi-bold em {
    /*font-family: 'OpenSans-SemiBold-Italic', Verdana, sans-serif;*/
    font-style: italic;
}

.bold {
    /*font-family: 'OpenSans-Bold', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 700;
}

.bold em {
    /*font-family: 'OpenSans-Bold-Italic', Verdana, sans-serif;*/
    font-style: italic;
}

.light-text {
    color: #fff!important;
}

.dark-text {
    color: #333!important;
}

/* a little assistance styling JS appended icon fonts */
.forward span,
[data-icon=""] {
    /*font-size: 90%;*/
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none!important;
}

.center {
    margin-right: auto!important;
    margin-left: auto!important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

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

.lh-1,
.leading-1{
    line-height: 1;
}

.border-right {
    border-right: 1px solid #eee;
}

.border-left {
    border-left: 1px solid #eee;
}

.border-dark {
    border-color: #999;
}

.border-light {
    border-color: #eee;
}

.border-top {
    border-top: solid;
}

.border-bottom {
    border-bottom: solid;
}

.border-medium {
    border-width: 4px;
}

.border-all {
    border-width: 1px;
    border-style: solid;
}

.has-no-border {
    border: none;
}

.verdana,
.default-font {
    font-family: Verdana, sans-serif;
}

/*-----------------------------------------------*/

/* Web Fonts */

@font-face {
    font-family: 'pearson-symbols';
    font-weight: normal;
    font-style: normal;
    src:url('../fonts/pearson-symbols/pearson-symbols.eot');
    src:url('../fonts/pearson-symbols/pearson-symbols.eot?#iefix') format('embedded-opentype'),
        url('../fonts/pearson-symbols/pearson-symbols.woff') format('woff'),
        url('../fonts/pearson-symbols/pearson-symbols.ttf') format('truetype'),
        url('../fonts/pearson-symbols/pearson-symbols.svg#pearson-symbols') format('svg');
}

/*    Chrome renders icon fonts much better if served the svg file first */
@media screen and ( -webkit-min-device-pixel-ratio:0 ) {
    @font-face {
      font-family: 'pearson-symbols';
      font-weight: normal;
      font-style: normal;
      src:url('../fonts/pearson-symbols/pearson-symbols.eot');
      src:url('../fonts/pearson-symbols/pearson-symbols.eot?#iefix') format('embedded-opentype'),
          url('../fonts/pearson-symbols/pearson-symbols.svg#pearson-symbols') format('svg'),
          url('../fonts/pearson-symbols/pearson-symbols.woff') format('woff'),
          url('../fonts/pearson-symbols/pearson-symbols.ttf') format('truetype');
  }
}

/*    use the following CSS code if you want to use data attributes
    for inserting your icons.
*/
[data-icon]:before {
    font-family: 'pearson-symbols';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

[class*="icon-"] {
    font-family: 'pearson-symbols';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
}

.icon-big[data-icon]:before {
    font-size: 32px;/*ie*/
    font-size: 2rem;
    vertical-align: -17.5%;
}

/* symbols-as-list-bullets */
.uses-symbols {
    list-style-type: none;
    text-indent: -1.5em;
    padding-left: 1.5em;
}
/*.uses-symbols li {
    text-indent: 16px;
    text-indent: -1rem;
}*/
.uses-symbols li:before {
    font-family: 'pearson-symbols';
    content: '';
    margin-right: 5.6px;
    margin-right: .35rem;
    opacity: .35;
    position: relative;
    top: 1px;
    top: .05rem;
}
.toggle-target.uses-symbols {
    margin-left: 2em;
}
.uses-symbols--play-video li:before {
    content: '\e005';
}
.symbol--right:before {
    content: none;
}
.symbol--right:after {
    font-family: 'pearson-symbols';
    content: attr(data-icon);
    speak: none;
    font-size: inherit;
    font-weight: inherit;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    margin-left: 8px;
    margin-left: .5rem;
}
.symbol--large:after {
    font-size: 150%;
}
.symbol--mega:after {
    font-size: 200%;
}

/* ovr vertical-align */
.utility-nav [data-icon]:before {
    vertical-align: baseline;
}

.uses-icon {
    padding-left: 0!important;
}

.uses-icon li {
    list-style-type: none;
    padding-left: 19px;/*ie*/
    padding-left: 1.2rem;
}

.uses-icon li span[data-icon] {
    margin-left: -1.2rem;
    width: 1.2rem;
    padding-right: .25rem;
}

.responsive-big-target li,
.responsive-big-target dd {
    margin-bottom: 8px;/*12px;*//*ie*/
    margin-bottom: .5rem;/*.75rem;*/
}





/*    Magnific Popup CSS - v0.9.3 - 2013-07-16
*    http://dimsemenov.com/plugins/magnific-popup/
*    Copyright (c) 2013 Dmitry Semenov; */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
}

.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;/*ie*/
    padding: 0 .5rem;
}

.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-content .modal-width {
    width: 90%;
    max-width: 910px;/*ie*/
    max-width: 56.875rem;
}

.mfp-content .modal-text-center {
    text-align: center;
}

.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: -webkit-zoom-out;
      cursor: zoom-out;
}

.mfp-zoom {
      cursor: pointer;
      cursor: -webkit-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;
      -ms-user-select: none;
        user-select: none;
}

.mfp-loading.mfp-figure {
      display: none;
}

.mfp-hide {
      display: none !important;
}

.mfp-preloader {
      color: #ccc;
      position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;/*ie*/
    right: 8px;/*ie*/
    left: .5rem;
    right: .5rem;
    z-index: 1044;
}

.mfp-preloader a {
      color: #ccc;
}

.mfp-preloader a:hover {
    color: fff;
}

.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;
    padding: 0;
    z-index: 1046;
}

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

.mfp-close {
    width: 44px;/*ie*/
    height: 44px;/*ie*/
    line-height: 44px;/*ie*/
    width: 2.75rem;
    height: 2.75rem;
    /*line-height: 2.75;*/
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 0 18px 10px;/*ie*/
    padding: 0 0 1.125rem .625rem;
    /*font-family: 'OpenSans-Regular', Verdana, sans-serif;*/
    font-family: 'Open Sans', Verdana, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;/*ie*/
    font-size: 2rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    opacity: .65;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;/*ie*/
    right: -.375rem;
    text-align: right;
    padding-right: 6px;/*ie*/
    padding-right: .375rem;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;/*ie*/
    font-size: .75rem;
    line-height: 18px;/*ie*/
    line-height: 1.125;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;/*ie*/
    margin-top: 3.4375rem;
    padding: 0;
    width: 90px;/*ie*/
    width: 5.625rem;
    height: 110px;/*ie*/
    height: 6.875rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;/*ie*/
    margin-top: 3.375rem;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.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;/*ie*/
    margin-top: 2.1875rem;
    margin-left: 35px;/*ie*/
    margin-left: 2.1875rem;
    border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;/*ie*/
    border-top-width: .8125rem;
    border-bottom-width: 13px;/*ie*/
    border-bottom-width: .8125rem;
    top: 8px;/*ie*/
    top: .5rem;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;/*ie*/
    border-bottom-width: 21px;/*ie*/
    border-top-width: 1.3125rem;
    border-bottom-width: 1.3125rem;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;/*ie*/
    border-right: 1.0625rem solid #fff;
    margin-left: 31px;/*ie*/
    margin-left: 1.9375rem;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;/*ie*/
    margin-left: 1.5625rem;
    border-right: 27px solid #3f3f3f;/*ie*/
    border-right: 1.6875rem 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;/*ie*/
      padding-bottom: 40px;/*ie*/
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.mfp-iframe-holder .mfp-content {
      line-height: 0;
      width: 100%;
      max-width: 900px;/*ie*/
    max-width: 56.25rem;
}

.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: .0625rem .0625rem .75rem .1875rem rgba( 0, 0, 0, .3 );
    background-color: #000;
}

.mfp-iframe {
    background-color: #000;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;/*ie*/
    top: -2.5rem;
}

/* Main image */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    padding: 40px 0;/*ie*/
    padding: 2.5rem 0;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;/*ie*/
    bottom: 40px;/*ie*/
    top: 2.5rem;
    bottom: 2.5rem;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 .5rem rgba(0,0,0,.25);
}

.mfp-figure {
    line-height: 0;
}

.mfp-bottom-bar {
    margin-top: -40px;
    margin-top: -2.5rem;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 24px;/*ie*/
    line-height: 1.5;
    color: #f3f3f3;
    word-break: break-word;
    padding-right: 36px;/*ie*/
    padding-right: 2.25rem;
    margin-top: 8px;/*ie*/
    margin-top: .5rem;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;/*ie*/
    font-size: .75rem;
    line-height: 14px;/*ie*/
    line-height: .875;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 50em) and (orientation: landscape), screen and (max-height: 18.75em) {/*800px and 300px*/

    .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-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;/*ie*/
        padding: .1875rem .3125rem;
        position: fixed;
        box-sizing: border-box;
    }

      .mfp-img-mobile .mfp-bottom-bar:empty {
          padding: 0;
    }

      .mfp-img-mobile .mfp-counter {
          right: 5px;/*ie*/
          top: 3px;/*ie*/
          right: .3125rem;
          top: .1875rem;
    }

      .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;/*ie*/
        height: 35px;/*ie*/
        line-height: 35px;/*ie*/
        width: 2.1875rem;
        height: 2.1875rem;
        line-height: 2.1875;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }

      .mfp-img-mobile .mfp-figure small {
          display: inline;
          margin-left: 5px;/*ie*/
          margin-left: .3125rem;
    }
}

@media all and (max-width: 56.25em) {/*900px*/
    .mfp-arrow {
        -webkit-transform: scale(0.75);
          -ms-transform: scale(0.75);
            transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
            transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;/*ie*/
        padding-right: 6px;/*ie*/
        padding-left: .375rem;
        padding-right: .375rem;
    }
}

/* ie7 only */
.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;
}

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
    padding: 0;
}

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}

/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}

.modal-image{
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    display: block;
    position: relative;
}

/* enlarge icon glyph overlay for .modal-image elements */
[data-icon].enlarge {
    color: #fff;
    position: absolute;
    bottom: 16px;/*ie*/
    bottom: 1rem;
    left: 16px;/*ie*/
    left: 1rem;
    z-index: 10;
    background: rgba( 0, 0, 0, .35 );
    padding: 6px 10px 9px 10px;/*ie*/
    padding: .4rem .625rem .5875rem .625rem;
    line-height: 24px;/*ie*/
    line-height: 1.5rem;
    font-size: 24px;/*ie*/
    font-size: 1.5rem;
    text-align: center;
    opacity: .5;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

[data-icon].enlarge:before {
    vertical-align: middle;
}

.modal-image:hover [data-icon].enlarge,
.modal-imag:focus  [data-icon].enlarge {
    opacity: 1;
    background: rgba( 0, 0, 0, .5 );
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: .01;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.5;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.my-mfp-zoom-in .modal-card {
    opacity: 0;
    max-width: 95%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.my-mfp-zoom-in.mfp-ready .modal-card {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .modal-card {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
    opacity: .01;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .5;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: .01;
}

.mfp-fade.mfp-bg {
    opacity: .01;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity:0.5;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: .01;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    background-color: #000;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-content .modal-card {
    position: relative;
    background-color: #fff;
    background: rgba(255, 255, 255, 1);
    padding: 16px;/*ie*/
    padding: 1rem;
    margin-right: auto;
    margin-left: auto;
    border-radius: .3125rem;
    box-shadow: .0625rem .0625rem .75rem .1875rem rgba( 0, 0, 0, .3 );
}

.my-mfp-zoom-in .modal-card-smallest {
    max-width: 256px;/*ie*/
    max-width: 16rem;
}

.my-mfp-zoom-in .modal-card-small {
    max-width: 512px;/*ie*/
    max-width: 32rem;
}

.my-mfp-zoom-in .modal-card-medium {
    width: 60%;
    max-width: 1024px;/*ie*/
    max-width: 64rem;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
/*.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
    outline: none;
}*/

.slides,
.flex-control-nav,
.flex-direction-nav,
.flex-direction-nav > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;

    /*new*/
    margin: 0;
}

.slides.is-expanded li {
    margin-bottom: 24px;/*ie*/
    margin-bottom: 1.5rem;
}

.slides.is-expanded li:last-of-type {
    margin-bottom: 0;
}

.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0 0 48px;/*ie*/
    margin: 0 0 3rem;
    position: relative;
    zoom: 1;
}

/* slideshow of announcements on layout w/hero element */
.has-announcement .flexslider.contains-notifications {
    margin-top: 4px;/*ie*/
    margin-top: .25rem;
    margin-bottom: 0;
}

.contains-notifications .slides {
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.flex-viewport {
    max-height: 2000px;/*ie*/
    max-height: 125rem;
    -webkit-transition: all 1s ease;
    transition: all 1s
    ease;
}

.loading .flex-viewport {
    max-height: 300px;/*ie*/
    max-height: 18.75rem;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;/*ie*/
    margin-right: .3125rem;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    font-size: 32px;/*ie*/
    font-size: 2rem;
    line-height: 64px;/*ie*/
    line-height: 4rem;
    text-align:center;
    color: #fff!important;
    text-decoration: none;
    /*text-indent: -9999px;*/
    display: block;
    width: 64px;/*ie*/
    height: 64px;/*ie*/
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    border-radius: 3px;/*ie*/
    border-radius: .1875rem;
    padding: 0 2px;/*ie*/
    padding:0 .15em;
    background-color: #444;
    position: absolute;
    z-index: 98;
    top: 37.5%;/*33.33333%;*/
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flex-direction-nav .flex-next {
    right: 0;
}

.flexslider:hover .flex-prev,
.flexslider:hover .flex-next {
    opacity: .75;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    /* outline:none; */
    color:#fff!important;
    text-decoration:none;
    opacity: .9;
}

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter:alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: 'pearson-symbols';
    display: inline-block;
    content: '\f053';
}

.flex-direction-nav a.flex-next:before {
    content: '\f054';
}

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: 'pearson-symbols';
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: .9;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -16px;/*ie*/
    bottom: -1rem;
    text-align: center;

    /*new*/
    z-index:99;
    margin:0;
    padding:0;
}

/* slideshow of announcements on layout w/hero element */
.has-announcement .flexslider.contains-notifications .flex-control-nav {
    bottom: 24px;/*ie*/
    bottom: 1.5rem;
}

.flex-control-nav li {
    text-align: center;
    margin:0 .65em;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    font-weight: normal;
    font-size: 0.6875em;
    cursor: pointer;
    text-indent: -9999px;
    line-height: 16px;
    text-decoration: none;
    display: inline-block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #999;
    opacity: .65;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.flex-control-paging li a:hover,
.flex-control-paging li a:active,
.flex-control-paging li a:focus {
    opacity: .99;
    /* outline: none; */
}

.flex-control-paging li a.flex-active {
    opacity: .99;
    -webkit-transform-origin: center;
    -webkit-transform: scale(1.25);
    -moz-transform-origin: center;
    -moz-transform: scale(1.25);
    -ms-transform-origin: center;
    -ms-transform: scale(1.25);
    -0-transform-origin: center;
    -0-transform: scale(1.25);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
            transform: scale(1.25);
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: .9;
}

.flex-control-thumbs .flex-active {
    opacity: .9;
    cursor: default;
}

/* Jul-2015: one-off updates for ulinali support page updates */
.no-color-block-pseudo-state .color-block:hover,
.no-color-block-pseudo-state .color-block:active,
.no-color-block-pseudo-state .color-block:focus {
  background: #f1f1f1;
  background: rgba(241,241,241,1);
  color: #444;
}
.fs-7 {
  font-size: 7em;
}
.tr-30 {
  -webkit-transform: translateY(30%);
      -ms-transform: translateY(30%);
          transform: translateY(30%);
}
@media (max-width: 768px) {
  .tr-50 {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
  }
  .ro-90 {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg);
  }
}



































/*-----------------------------------------------*/

/*
    Media queries.

    Note: here we can safely use the em unit because there is
    no inheritance or cascade of a parent value. If we used rem
    here we would have to write a separate, equivalent query for
    each breakpoint using either em or px for IE < 9.

*/

@media screen and ( max-width: 66.875em ) { /*1070px*/
    .product-hero .featured-offer {
        padding: 12px 20px;/*ie*/
        padding: .75rem 1.25rem;
        margin-top: 0;
    }

    .product-hero .featured-offer h3 {
        font-size: 20px;/*ie*/
        font-size: 1.25rem;
        margin-bottom: 4px;/*ie*/
        margin-bottom: .25rem;
    }

    .product-hero .featured-offer h4,
    .product-hero .featured-offer h5 {
        font-size: 18px;/*ie*/
        font-size: 1.125rem;
        margin-bottom: 4px;/*ie*/
        margin-bottom: .25rem;
    }

    .product-hero .featured-offer h5 {
        margin-bottom: 0;
    }

    .product-hero .featured-offer p {
        font-size: 12px;/*ie*/
        font-size: .75rem;
        line-height: 18px;/*ie*/
        line-height: 1.125rem;
    }

    .product-hero .featured-offer .button-plus {
        font-size: 14px;/*ie*/
        font-size: .825rem;
        padding: 12px;/*ie*/
        padding: .75rem;
    }

}

@media screen and ( max-width: 64em ) { /*1024px*/
    .featured-links.has-compact-links .col-4 {
        width: 22%;
    }
}

@media screen and ( max-width: 61.25em ) { /*980px*/
    .pub-data {
        padding-right: 17%;
    }

    .pub-data h1 {
        font-size: 22px;/*ie*/
        font-size: 1.375rem;
    }

    .pub-data h1 em {
        font-size: 14px;/*ie*/
        font-size: .875rem;
    }

    .title-col h2 {
        font-size: 14px;/*ie*/
        font-size: .875rem;
    }

    .title-col p {
        font-size: 13px;/*ie*/
        font-size: .8125rem;
    }
}

@media screen and ( max-width: 59.9375em ) { /*959px*/
    .featured-links dl {
        height: 144px;/*ie*/
        height: 9rem;
    }

    .featured-links dt {
        float: none;
        height: auto;
        width: auto;
        border-right: none;
        padding: 0;
    }

    .featured-links dt em {
        display: none;
    }

    .featured-links dd {
        padding: 0;
        margin: 0;
    }

    .featured-links.has-compact-links .col-4 {
        width: 20%;
    }

    .card-grid li {
        width: 47%;
    }

    .col-flow-4 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

}

@media screen and ( max-width: 56.25em ) { /*900px*/
    .is-horizontal dl {
        width: 100%;
        padding: 0;
    }

    .is-horizontal dd {
        display: none;
        float: none;
        margin: 0;
    }

    .is-horizontal dt {
        display: inline-block;
        position: relative;
        width: auto;
        overflow: hidden;
        margin-right: 0;
    }

    .is-horizontal dt a,
    .is-horizontal dt a.current-node {
        cursor: pointer;
        display: inline-block;
        width: auto;
    }

    .is-horizontal dt .trigger-menu,
    .trigger-menu {
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;/*ie*/
        margin-left: .75rem;
    }

    @-moz-document url-prefix() {
        .is-horizontal dt .trigger-menu,
        .trigger-menu {
            margin-top: -.35rem;
        }
    }

    .is-horizontal.is-open dl {
        margin-bottom: 0;
    }

    .is-horizontal.is-open .wrapper {
        padding: 8px 0 0 0;/*ie*/
        padding: .5rem 0 0 0;
    }

    .is-open dt {
        padding-bottom: 8px;/*ie*/
        padding-bottom: .5rem;
    }

    .is-open dt,
    .is-open dd {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #ccc;
    }

    .is-open dd,
    .is-open li {
        line-height: 2;
        font-size: 15px;/*ie*/
        font-size: .925rem;
    }

    .is-open dt,
    .is-open dd:last-of-type {
        border-bottom: none;
    }

    .is-open dd a {
        display: block;
        width: 100%;
    }

    /*    some mods for responsive menu items */
    .is-horizontal.is-open a {
        padding: 4px 22px 8px 32px;/*ie*/
        padding: .25rem 1.35rem .5rem 2rem;
    }

    .is-horizontal.is-open dt a,
    .is-horizontal.is-open li:first-of-type a {
        padding: 10px 0 8px 32px;/*ie*/
        padding: .65rem 0 .5rem 2rem;
    }

    .is-horizontal a [data-icon] {
        display: inline-block;
        float: right;
        font-size: 28px;/*ie8*/
        font-size: 1.75rem;
        line-height: .925;
    }

    .is-horizontal dl a.current-node [data-icon] {
        display: none;
    }

    .product-hero .featured-offer .price {
        width: 30%;
    }

}

@media screen and ( max-width: 53.75em ) {/*860px*/
    .hero-is-tall .hero-copy {
        max-width: 448px;/*ie*/
        max-width: 28rem;
        margin-top: 7rem;
    }

    .hero-copy .bt-logo {
        min-height: 270px;/*ie*/
        min-height: 16.875rem;
    }

    .hero-is-tall .hero-copy .bt-logo + h2 {
        margin-top: -120px;/*ie*/
        margin-top: -7.5rem;
    }

    .featured-links {
        margin-top: 80px;/*64px;*//*ie*/
        margin-top: 5rem;/*4rem;*/
    }

    .featured-links.has-compact-links dt span {
        display: none;
    }

    .has-announcement.has-more-than-two-featured-link-categories .featured-links {
        margin-top: 156px;/*ie*/
        margin-top: 9.75rem;
    }

    /* flexslider2 */
    .flex-direction-nav .flex-prev {
        opacity: .9;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: .9;
        right: 10px;
    }

    .product-hero .col-6 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .pub-data h1 {
        font-size: 36px;/*ie*/
        font-size: 2.25rem;
    }

    .pub-data h1 em {
        font-size: 24px;/*ie*/
        font-size: 1.5rem;
    }

    .title-col h2 {
        font-size: 22px;/*ie*/
        font-size: 1.375rem;
    }

    .title-col p {
        font-size: 18px;/*ie*/
        font-size: 1.125rem;
    }

    .cover-col {
        width: 33%;
    }

    .title-col {
        width: 67%;
    }

    .product-hero .featured-offer {
        padding: 24px;/*ie*/
        padding: 1.5rem;
        margin-bottom: 6px;/*ie*/
        margin: 0 0 .35rem 0;
    }

    .product-hero .featured-offer h3 {
        font-size: 24px;/*ie*/
        font-size: 1.5rem;
        margin-bottom: 4px;/*ie*/
        margin-bottom: .25rem;
    }

    .product-hero .featured-offer h4,
    .product-hero .featured-offer h5 {
        font-size: 22px;/*ie*/
        font-size: 1.375rem;
        margin-bottom: 8px;/*ie*/
        margin-bottom: .5rem;
    }

    .product-hero .featured-offer h5 {
        margin-bottom: 0;
    }

    .product-hero .featured-offer .price {
        width: auto;
    }

    .product-hero .featured-offer p {
        font-size: 14px;/*ie*/
        font-size: .875rem;
        line-height: 21px;/*ie*/
        line-height: 1.3125rem;
    }

    .product-hero .featured-offer .button-plus {
        font-size: 16px;/*ie*/
        font-size: 1rem;
        padding: 16px;/*ie*/
        padding: 1rem;
        margin-top: 12px;/*ie*/
        margin-top: .75rem;
    }
}

@media screen and ( max-width: 48em ) {/*768px*/
    .wrapper .wrapper {
        margin-right: auto;
        margin-left: auto;
    }

    .col {
        float: none;
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
    }

    .card-inner .col:first-of-type,
    .card-inner .col:last-of-type,
    .card-holder {
        padding-right: 0;
        padding-left: 0;
    }

    .col-1,
    .col-2,
    .col-2h,
    .col-3,
    .col-4,
    .col-4h,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        width: 100%;
    }


    .cover-col {
        width: 27%;
        float: left;
        padding-right: 16px;/*ie*/
        padding-right: 1rem;
    }

    .title-col {
        width: 73%;
        float: left;
    }


    /*    when cols stack */
    .col + .col {
        /*margin-top: 32px;
        margin-top: 2rem;*/
    }

    /*    push from left */
    .push-1,
    .push-2,
    .push-3,
    .push-4,
    .push-5,
    .push-6,
    .push-7,
    .push-8,
    .push-9,
    .push-10,
    .push-11 {
        margin-left: 0;
    }

    /*    pull towards left */
    .pull-1,
    .pull-2,
    .pull-3,
    .pull-4,
    .pull-5,
    .pull-6,
    .pull-7,
    .pull-8,
    .pull-9,
    .pull-10,
    .pull-11 {
        margin-right: 0;
    }

    .card-moreinfo figure {
        float: none;
    }

    .pullquote {
        padding-left: 0;
        border-left: 0;
        border-left-style: none;
    }

    aside {
        padding: 24px;/*ie*/
        padding: 1.5rem;
        background-color: #f1f1f1;
        margin: 16px 0;/*ie*/
        margin: 1rem 0;
        border-radius: .1875rem;
    }

    /*    column-flow becomes single column */
    .col-flow-rule {
        -webkit-column-rule: 0;
        -moz-column-rule: 0;
        column-rule: 0;
    }

    .col-flow-2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;

        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .col-flow-4,
    .col-flow-3 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;

        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
    /*    faux column-count for older browsers */
    .column {
        width: 100%!important;
        float: none!important;
    }

    .wrapper,
    .hero-is-tall .wrapper,
    .hero-is-short .wrapper {
        padding: 0 22px;/*ie*/
        padding: 0 1.35rem;
    }

    #brand-strap .wrapper {
        padding-right: 22px;/*ie*/
        padding-left: 22px;/*ie*/

        padding-right: 1.35rem;
        padding-left: 1.35rem;
    }

    .is-horizontal .wrapper {
        padding-right: 22px;/*ie*/
        padding-left: 22px;/*ie*/
        padding-right: 1.35rem;
        padding-left: 1.35rem;
    }

    nav.wrapper {
        padding-left: 22px;/*ie*/
        padding-left: 1.35rem;
    }

    .global-nav .wrapper {
        padding-right: 0;
    }

    /*    some mods for responsive menu items */
    .is-horizontal.is-open a {
        padding: 4px 22px;/*ie*/
        padding: .25rem 1.35rem .5rem 1.35rem;
    }

    .is-horizontal.is-open dt a,
    .is-horizontal.is-open li:first-of-type a {
        padding: 8px 0 8px 22px;/*ie*/
        padding: .65rem 0 .5rem 1.35rem;
    }

    /*    swap utility link text for icons */
    .utility-nav a {
        display: block;
        padding: 0 26px;/*ie*/
        padding: 0 1.625rem;
        text-align: center;
    }

    .utility-nav li a:hover,
    .utility-nav li a:active
    .utility-nav li a:focus {
        color: #fff!important;
        background-color: #5f5f5f;
        background: rgba(95, 95, 95, .75);
    }

    .utility-nav li {
        border-right: 1px solid #ccc;
        border-right: 1px solid rgba(204, 204, 204, .75);
        padding: 0;
    }

    .utility-nav li:last-of-type {
        border-right: none;
    }

    .utility-nav li em {
        display: none;
    }

    .utility-nav li span {
        display: inline-block;
        font-size: 20px;/*ie*/
        font-size: 1.25rem;
        text-align: center;
        opacity: 1.0;
    }

    rule {
        width: 98%;
    }

    .rule-small-margin {
        margin-top: 16px;/*ie*/
        margin-bottom: 16px;/*ie*/
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    figure {
        margin-top: 16px;/*ie*/
        margin-top: 1rem;
        margin-bottom: 16px;/*ie*/
        margin-bottom: 1rem;
        text-align: center;
    }

    .video-placeholder-container {
        margin-top: 16px;/*ie*/
        margin-top: 1rem;
    }

    figure.video-stage {
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        float: none;
        padding: 0;
    }

    figure.video-stage figcaption {
        text-align: left;
    }

    .video-index-container {
        width: 100%;
        float: none;
        padding: 0;
        margin-top: 16px;/*ie*/
        margin-top: 1rem;
    }

    .video-index li {
        float: left;
        display: inline-block;
        width: 33.33%;
    }

    /*    reset helper class styles */
    .mw-80 {
        min-width: 100%;
    }

    .pad-top-x2,
    .pad-top-x3 {
        padding-top: 16px!important;/*ie*/
        padding-top: 1rem!important;
    }

    .pad-top-x2,
    .pad-bottom-x3 {
        padding-bottom: 16px!important;/*ie*/
        padding-bottom: 1rem!important;
    }

    .float-left,
    .float-right {
        float: none!important;/* needed to ovr 'helper' classes */
    }

    .border-right,
    .border-left {
        border: 0!important;/* needed to ovr 'helper' classes */
    }

    .text-right {
        text-align: left;
    }

    /*    we don't want to reset these */
    .featured-links .col {
        float: left;
    }

    .featured-links .col-4,
    .featured-links.has-compact-links .col-4 {
        width: 33.333333%;
    }

    /*    if there are less than 3 .featured-link categories, let's adjust their width */
    .has-two-or-less-featured-link-categories .featured-links .col-4 {
        width: 49.999999%;
    }

    /*    additional mods */
    .featured-links,
    .has-two-or-less-featured-link-categories .featured-links,
    .featured-links.has-compact-links {
        margin-top: 72px;/*ie*/
        margin-top: 4.5rem;
    }

    /* if we have an announcement on the page */
    .has-announcement.has-two-or-less-featured-link-categories .featured-links {
        margin-top: 156px;/*ie*/
        margin-top: 9.75rem;
    }

    .featured-links.has-compact-links dt span {
        display: inline;
    }

    .has-more-than-two-featured-link-categories.has-announcement .featured-links.has-compact-links {
        margin-top: 160px;/*ie*/
        margin-top: 10rem;
    }

    .sign-in {
        padding: 24px 28px;/*ie*/
        padding: 1.5rem 1.75rem;
        max-height: 336px;/*ie*/
        max-height: 21rem;/* match current height of short hero/panel */
        overflow: hidden;
    }

    .sign-in.is-full-height {
        height: 336px;/*ie*/
        height: 21rem;
        max-height: 336px;/*ie*/
        max-height: 21rem;
        padding: 16px 28px;/*ie*/
        padding: 1rem 1.75rem;
    }

    .has-announcement .sign-in.is-full-height {
        height: 400px;/*ie*/
        height: 25rem;
        max-height: 400px;/*ie*/
        max-height: 25rem;
    }

    .sign-in h3 {
        margin-bottom: 16px;/*ie*/
        margin-bottom: 1rem;
    }

    .sign-in h3 + p {
        display: none;
    }

    .adaptive-buttons .button {
        float: left;
        width: 48%;
        display: inline-block;
    }

    .adaptive-buttons .button:first-of-type {
        margin-right: 1.5%;
    }

    .adaptive-buttons .button:last-of-type {
        margin-left: 1.5%;
    }

    .adaptive-buttons .button span[data-icon] {
        display: none;
    }

    .sign-in .adaptive-buttons .button + .button {
        margin-top: 0;
    }

    .hero-is-tall {
        height: auto;
        min-height: 400px;/*ie*/
        min-height: 25rem;
    }

    .hero-is-tall .panel {
        height: 400px;/*ie*/
        height: 25rem;
    }

    .hero-is-tall .hero-copy {
        margin-top: 56px;/*ie*/
        margin-top: 3.5rem;
    }

    .hero-is-tall img.is-background {
        max-width: 62.5%;
    }

    .gradient-mask {
        display: none;
    }

    fieldset {
        padding: 16px 0;/*ie*/
        padding: 1rem 0;
    }

    .grid-small dl {
        width: auto;
    }

    input[type=text].input-will-expand,
    .form-inline input[type=text].input-will-expand {
        width: 100%;
        min-width: 0;
    }

    .date-badge {
        margin-right: 0!important;
    }

    .has-narrow-gutters .color-block {
        margin-bottom: 8px;/*ie*/
        margin-bottom: .5rem;
    }

    .match-option-heights .color-block {
        min-height: 0;
    }
}

@media screen and ( max-width: 47.9375em ) { /*767px */

    .hero-is-tall .bt-logo {
        display: none;
    }

    .hero-is-tall .hero-copy {
        margin-top: 192px;/*ie*/
        margin-top: 12rem;
    }

    .hero-is-tall .hero-copy .bt-logo + h2 {
        margin-top: 0;
        width: auto;
    }

    .hero-is-tall .hero-copy h2 span {
        text-transform: lowercase;
    }

    .hero-is-tall .hero-copy h2 em {
        display: inline;
        font-style: normal;
    }

    .has-announcement .hero-is-tall .hero-copy {
        margin-top: 142px;/*ie*/
        margin-top: 8.875rem;
    }

    .featured-links,
    .has-two-or-less-featured-link-categories .featured-links,
    .featured-links.has-compact-links {
        margin-top: 80px;/*ie*/
        margin-top: 5.5rem;
    }

    /* if we have an announcement on the page */
    .has-announcement.has-two-or-less-featured-link-categories .featured-links {
        margin-top: 156px;/*ie*/
        margin-top: 9.75rem;
    }

    footer dl {
        float: none;
        width: 100%;
    }

      footer .wrapper {
        margin-top: 16px;/*ie*/
        margin-top: 1rem;
    }

    .is-round {
          width: 122px;/*ie*/
          height: 122px;/*ie*/
          width: 7.625rem;
          height: 7.625rem;
          padding: 12px;/*ie*/
          padding: .75rem;
    }

    .is-round span[data-icon] {
        font-size: 28px;/*ie*/
        font-size: 1.75rem;
    }

    .is-round h3 {
        font-size: 14px;/*ie*/
        font-size: .875rem;
    }

}

@media screen and ( max-width: 41.25em ) { /*660px*/
    .hero-is-tall .hero-copy {
        max-width: 320px;/*ie*/
        max-width: 20rem;
        margin-top: 128px;/*ie*/
        margin-top: 8rem;
    }

    .featured-links,
    .featured-links.has-compact-links {
        margin-top: 68px;/*ie*/
        margin-top: 4.25rem;
    }

    .has-announcement .hero-is-tall .hero-copy {
        max-width: 320px;/*ie*/
        max-width: 20rem;
        margin-top: 78px;
    }

    .has-announcement .hero-is-tall .featured-links {
        margin-top: 118px;/*ie*/
        margin-top: 7.375rem;
    }

}

@media screen and ( max-width: 40em ) {/*640px*/
    .sort-pagination ul.pagination {
        float: left;
        padding-top: 16px;/*ie*/
        padding-top: 1rem;
        clear: both;
    }
}

@media screen and ( max-width: 39.5em ) { /*633px*/
    .grid-small {
        display: none;
    }

    .js aside .modal-content,
    aside .mfp-hide {
        display: block!important;
    }

    .profile p {
        width: auto;
    }

    .card-grid li {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .pub-data h1 {
        font-size: 28px;/*ie*/
        font-size: 1.75rem;
    }

    .pub-data h1 em {
        font-size: 18px;/*ie*/
        font-size: 1.125rem;
    }

    .cover-col {
        width: 27%;
    }

    .title-col {
        width: 73%;
    }

    .title-col h2 {
        font-size: 18px;/*ie*/
        font-size: 1.125rem;
    }

    .title-col p {
        font-size: 16px;/*ie*/
        font-size: 1rem;
    }
}

@media screen and ( max-width: 37.5em ) { /*600px*/
    .hero-is-short .hero-copy {
        max-width: 100%;
    }
}

@media screen and ( max-width: 34.9375em ) { /*559px*/
    .global-nav,
    .product-nav,
    .utility-nav {
        height: 48px;/*ie*/
        height: 3rem;
    }

    .utility-nav a {
        display: block;
        padding: 0 1rem;
        text-align: center;
    }

    .utility-nav li {
        border-right: 1px solid #ccc;
        padding: 0;
    }

    .utility-nav li:last-of-type {
        border-right: none;
    }

    .utility-nav li em {
        /* apply screenreader styles so text doesn't show but is accessible */
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        border: 0;
        height: 1px;
        width: 1px;
        padding: 0;
        margin: -1px;
    }

    .utility-nav li span {
        display: inline-block;
        font-size: 1.05rem;
        text-align: center;
    }

    .product-nav,
    .product-nav h2,
    .utility-nav {
        line-height: 48px;/*ie*/
        line-height: 3rem;
    }

    .product-nav h2 {
        font-size: 18px;/*ie*/
        font-size: 1.15rem;
    }

    .sign-in {
        margin-top: 0;
        top: 48px;/*ie*/
        top: 3rem;
        max-height: none;
        overflow: visible;
    }

    .msg.stacked-above-hero {
        margin-top: 48px;/*ie*/
        margin-top: 3rem;
    }

    h1 sup,
    h2 sup {
        font-size: 60%;
        top: -8px;
        top: -.5rem;
    }
}

@media screen and ( max-width: 32.5em ) { /*520px*/
    /* restore their original state, but no float and make 'em full width */
    .featured-links .col-4,
    .has-two-or-less-featured-link-categories .featured-links .col-4,
    .featured-links.has-compact-links .col-4 {
        width: 100%;
        float: none;
        display: block;
        clear: both;
    }

    .featured-links dl,
    .featured-links.has-compact-links dl {
        width: 100%;
        padding: 16px;/*ie*/
        padding: 1rem;
        height: 120px;/*ie*/
        height: 7.5rem;
        margin-bottom: 8px;/*ie*/
        margin-bottom: .5rem;
        border-radius: .1875rem;
    }

    .featured-links .col:first-child dl {
        background: rgba(10, 98, 58, .8);
    }

    .featured-links .col:nth-child(2) dl {
        margin: 0 0 8px 0;/*ie*/
        margin: 0 0 .5rem 0;
    }

    .featured-links .col:last-child dl {
        float: none;
    }

    .featured-links dt,
    .featured-links.has-compact-links dt {
        float: left;
        width: 55%;
        white-space: normal;/* old = nowrap;*/
        height: 100%;
        border-right: 1px solid rgba( 255, 255, 255, .35 );
    }

    .featured-links dt em {
        display: block;
        margin-top: 40px;/*ie*/
        margin-top: 2.5rem;
    }

    .featured-links .col:last-of-type em {
        margin-top: 13px;/*ie*/
        margin-top: .8rem;
    }

    .featured-links dd,
    .featured-links.has-compact-links dd {
        display: block;
        padding: 4px 0 4px 55%;/*ie*/
        padding: .25rem 0 .25rem 60%;
    }

    .pub-data h1 {
        font-size: 22px;/*ie*/
        font-size: 1.375rem;
    }

    .pub-data h1 em {
        font-size: 14px;/*ie*/
        font-size: .875rem;
    }

    .title-col h2 {
        font-size: 14px;/*ie*/
        font-size: .875rem;
    }

    .title-col p {
        font-size: 13px;/*ie*/
        font-size: .8125rem;
    }
}

@media screen and ( max-width: 30em ) { /*480px*/
    /*html {
        font-size: 82.5%;
    }..hmmm..maybe? */

    .hero-is-tall .hero-copy {
        max-width: 240px;/*ie*/
        max-width: 15rem;
    }

    .img-hold {
        opacity: .5;
    }

    .no-fade-out {
        opacity: 1;
    }

    .is-background {
        -webkit-filter: blur( .25rem );
    }

    .no-blur {
        -webkit-filter: none;
    }

    .hero-is-tall .panel {
        background-image: none;
        background-color: #000;
    }

    .featured-links,
    .has-two-or-less-featured-link-categories .featured-links,
    .featured-links.has-compact-links {
        margin-top: 24px;/*ie*/
        margin-top: 1.5rem;
    }

    .has-announcement .hero-is-tall .featured-links,
    .has-announcement .hero-is-tall .featured-links.has-compact-links {
        margin-top: 124px;/*ie*/
        margin-top: 7.75rem;
    }

    .hero-is-short .hero-copy .bt-logo + h2 {
        margin-top: -140px;/*ie*/
        margin-top: -6.5rem;
    }

    .col-flow-4,
    .col-flow-3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;

        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    /*    when a list of links is rendered on a small viewport
    let's make the target easier to tap.
    */
    .responsive-big-target {
        padding-left: 0;
    }

    .responsive-big-target li,
    .responsive-big-target dd,
    #browse-taxonomy li {
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 0;
        list-style-type: none;
    }

    .responsive-big-target a {
        display: block;
        padding: 8px;/*ie*/
        padding: .5rem;
        border-bottom: 1px solid #eee;
    }

    /*
    .responsive-big-target li:last-of-type a,
    .responsive-big-target dd:last-of-type a {
        border: none;
    }
    */

    .responsive-big-target a:hover,
    .responsive-big-target a:active,
    .responsive-big-target a:focus {
        text-decoration: none;
        background-color: #f7f7f7;
    }

    .grid-small dl {
        width: 47%;
    }
}

@media screen and ( max-width: 27.5em ) { /*440px*/
    .hero-is-tall .hero-copy {
        display: none;
    }

    .has-two-or-less-featured-link-categories .featured-links {
        margin-top: 400px;/*ie*/
        margin-top: 25rem;
    }

    .featured-links,
    .featured-links.has-compact-links,
    .has-announcement .hero-is-tall .featured-links,
    .has-announcement .hero-is-tall .featured-links.has-compact-links,
    .has-two-or-less-featured-link-categories.has-announcement .featured-links {
        margin-top: 416px;/*ie*/
        margin-top: 26rem;
    }

    .sign-in {
        max-width: 100%;
        width: 100%;
        right: 0;
        padding-bottom: 48px;/*ie*/
        padding-bottom: 3rem;
        background-color: transparent;
        top: 37px;/*ie*/
        top: 2.35rem;
    }

    .sign-in h3 {
        margin-bottom: 0;
    }

    .sign-in h3 + p,
    .sign-in p {
        display: block;
        margin-bottom: 8px;/*ie*/
        margin-bottom: .5rem;
    }

    .sign-in.has-form-inputs h3 {
        margin-bottom: 16px;/*ie*/ /* old = 0; */
        margin-bottom: 1rem;
    }

    .sign-in h3.has-form-inputs + p,
    .sign-in.has-form-inputs p {
        /*display: none; old = block; */
        margin-bottom: 0;/* old = .5rem; */
    }

    .hero-is-tall {
        background-color: #000;
    }

    .sign-in.is-full-height {
        overflow: visible;
    }

    .hero-is-short .hero-copy {
        margin-top: 112px;/*ie*/
        margin-top: 7rem;
    }

    .hero-is-short .bt-logo {
        display: none;
    }

    .hero-is-short .hero-copy h2 span {
        text-transform: lowercase;
    }

    .hero-is-short .hero-copy h2 em {
        display: inline;
        font-style: normal;
    }

    .hero-is-short.no-bt-tagline .hero-copy {
        margin-top: 160px;/*ie*/
        margin-top: 10rem;
    }

    dl.is-expanded {
        margin-bottom: 4px;/*ie*/
        margin-bottom: .25rem;
    }

    .your-selections,
    .sort,
    .pagination {
        padding-top: 8px;/*ie*/
        padding-top: .5rem;
        border-top: 2px solid #ccc;
        border-bottom: 0;
    }

    .your-selections h4,
    .sort-pagination h4 {
        float: none;
        display: block;
        margin: 8px 0;/*ie*/
        margin: .5rem 0;
    }

    .your-selections li,
    .sort li {
        float: none;
        display: block;
    }

    .your-selections a,
    .sort a {
        display: block;
        padding: 6px;/*ie*/
        padding: .35rem;
    }

    .pagination {
        float: left;
        display: block;
        clear: both;
        margin-top: 16px;/*ie*/
        margin-top: 1rem;
    }

    .mobile-hide {
        display: none!important;
    }

    .profile img:first-child {
        float: none;
        margin: 0 2px 0 0;/*ie*/
        margin: 0 0 .325rem 0;
    }

    .product-hero {
        padding-bottom: 18px;/*ie*/
        padding-bottom: 1.25rem;
    }

    .ordering-options h3,
    .ordering-options h4,
    .ordering-options h5,
    .product-hero .featured-offer h3,
    .product-hero .featured-offer h4,
    .product-hero .featured-offer h5 {
        font-size: 16px;/*ie*/
        font-size: 1rem;
        line-height: 1.4;
        word-wrap: break-word;
        hyphenate: auto;
    }

    .ordering-options p,
    .product-hero .featured-offer p {
        font-size: 12px;/*ie*/
        font-size: .75rem;
        line-height: 1.5;
    }

    .ordering-options .button,
    .product-hero .featured-offer .button-plus {
        font-size: 14px;/*ie*/
        font-size: .875rem;
        padding: 12px;/*ie*/
        padding: .75rem;
    }

    .ordering-options .button {
        padding: 8px;/*ie*/
        padding: .5rem;
    }

    .intro-copy p.h3 {
        font-size: 14px;/*ie*/
        font-size: .875rem;
    }
}

@media screen and ( max-width: 27.4375em ) { /*439px*/
    .sign-in .button + p {
        display: none;
    }

    .hero-is-short .panel .wrapper {
        padding-right: 32px;/*ie*/
        padding-right: 2rem;
        padding-left: 32px;/*ie*/
        padding-left: 2rem;
    }

    .hero-is-short .hero-copy {
        text-align: center;
        margin-top: 104px;/*ie*/
        margin-top: 6.5rem;
    }

    .hero-copy span[data-icon].icon + p {
        padding-left: 0;
        border-left: 0;
        margin-left: 0;
    }

    .hero-is-short span[data-icon].icon {
        display: none;
    }

    .hero-is-short .bt-tagline + .button {
        margin: 0 auto;
        width: 100%;
    }

    .pub-data {
        padding-right: 17%;
    }

    .pub-data h1 {
        font-size: 18px;/*ie*/
        font-size: 1.125rem;
        margin-bottom: 4px;/*ie*/
        margin-bottom: .25rem;
    }

    .pub-data h1 em {
        font-size: 12px;/*ie*/
        font-size: .75rem;
    }

    .title-col {
        padding-top: 0;
    }

    .title-col h2 {
        font-size: 12px;/*ie*/
        font-size: .75rem;
    }

    .title-col p {
        font-size: 11px;/*ie*/
        font-size: .6875rem;
    }
}

@media screen and ( max-width: 22.5em ) { /*360px*/
    section {
        padding: 20px 0;/*ie*/
        padding: 1.25rem 0;
    }

    h1,
    .h1 {
        font-size: 24px;/*ie*/
        font-size: 1.5rem;
    }

    h2,
    .h2 {
        font-size: 18px;/*ie*/
        font-size: 1.15rem;
    }

    .h2-plus {
        font-size: 20px;/*ie*/
        font-size: 1.275rem;
        margin-bottom: 7px;/*ie*/
        margin-bottom: .46rem;
    }

    h3,
    .h3 {
        font-size: 1rem;
    }

    p,
    .p {
        font-size: 12px;/*ie*/
        font-size: .75rem;
    }

    aside {
        padding: 12px 20px;/*ie*/
        padding: .75rem 1.25rem;
        margin: 8px 0;/*ie*/
        margin: .5rem 0;
    }

    li {
        font-size: 12px;/*ie*/
        font-size: .75rem;
        margin-bottom: 4px;/*ie*/
        margin-bottom: .25rem;
    }

    fieldset {
        padding: 8px;/*ie*/
        padding: .5rem;
        margin: 0;
    }

    p + h2,
    ul + h2,
    ol + h2,
    dl + h2,
    div + h2 {
        margin-top: 22px;/*ie*/
        margin-top: 1.4rem;
    }

    footer dt {
        font-size: 15px;/*ie*/
        font-size: .925rem;
        font-weight: bold;
    }

    footer dd {
        font-size: 12px;/*ie*/
        font-size: .75rem;
    }

    .mega {
        font-size: 28px;/*ie*/
        font-size: 1.75rem;
    }

    .mar-top-x1 {
        margin-top: 8px;/*ie*/
        margin-top: .5rem;
    }

    .logo {
        float: none;
        margin: 0 auto;
    }
    .tagline {
        display: none;
    }

    .product-nav {
        width: 55%;
    }

    .product-nav h2 { /* 04-Aug-2014 | 320px actual mobile device not rendering same as desktop in responsive view testing. Previous font size = 1rem */
        font-size: 14.8px;
        font-size: .925rem;
    }

    /*    swap utility link text for icons */
    .utility-nav a {
        padding: 0 12px;/*ie*/
        padding: 0 .75rem;
    }

    .utility-nav li {
        border-right: none;
    }

    .utility-nav li span {
        font-size: .85rem;
    }

    .hero-is-short,
    .hero-is-short .panel {
        height: auto;
        min-height: 300px;/*ie*/
        min-height: 18.75rem;
    }

    .hero-is-short img.is-background {
        max-width: 75%;
        opacity: 0.5;
    }

    .hero-is-short img.is-background.no-blur {
        opacity: 1;
    }

    .hero-is-short .panel {
        padding: 64px 0 0 0;/*ie*/
        padding: 4rem 0 0 0;
        background-image: none;
    }

    .hero-is-tall .wrapper {
        padding: 0;
        margin-bottom: 0;
    }

    .hero-copy h2,
    .hero-copy .h2-plus {
        font-size: 24px;/*ie*/
        font-size: 1.5rem;
    }

    .hero-copy p {
        font-size: 12px;/*ie*/
        font-size: .75rem;
    }

    .sign-in {
        padding-bottom: 36px;/*ie*/
        padding-bottom: 2.25rem;
    }

    .sign-in h3 {
        margin-bottom: auto;
    }

    .sign-in h3 + p {
        display: block;
    }

    .featured-links,
    .featured-links.has-compact-links,
    .has-announcement .hero-is-tall .featured-links,
    .has-announcement .hero-is-tall .featured-links.has-compact-links {
        margin-top: 400px;/*ie*/
        margin-top: 25rem;
    }

    .featured-links dl,
    .featured-links.has-compact-links dl {
        margin-bottom: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .featured-links .col:nth-child(2) dl,
    .featured-links.has-compact-links .col:nth-child(2) dl {
        margin: 0;
    }

    .card-inner .col-3 {
        float: none;
        width: 100%;
        margin-bottom: 24px;/*ie*/
        margin-bottom: 1.5rem;
    }

    .button {
        padding: 8px;/*ie*/
        padding: .5rem;
    }

    .adaptive-buttons .button {
        padding: 12px;/*ie*/
        padding: .75rem;
    }

    .medium-width {
        max-width: none;
    }

    .is-grid {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 16px;/*ie*/
        margin-bottom: 1rem;
    }

    .is-grid li {
        display: block;
        padding: 0;
        margin: 0 0 4px 0;/*ie*/
        margin: 0 0 .25rem 0;
    }

    .is-round {
          width: auto;
          height: auto;
          padding: 0 0 0 8px;/*ie*/
          padding: 0 0 0 .5rem;
        border-radius: 0;
        text-align: left;
    }

    .is-round:after {
        content: "";
        display: table;
        clear: both;
    }

    .is-round span[data-icon] {
        float: left;
        display: inline-block;
        vertical-align: middle;
        margin: 0 8px 0 0;/*ie*/
        margin: 0 .5rem 0 0;
    }

    .is-round span[data-icon]:before {
        vertical-align: baseline;
    }

    .is-round h3 {
        display: inline-block;
        line-height: 48px;/*ie*/
        line-height: 3;
        vertical-align: middle;
        margin: 0;
    }

    .is-round br {
        display: none;
    }

    #slideshow-results-cards .card {
        margin: 0 4px;/*ie*/
        margin: 0 .25rem;
    }

    .flex-direction-nav .flex-prev {
        left: 0;
    }

    .flex-direction-nav .flex-next {
        right: 0;
    }

    .mar-bottom-x2 {
        margin-bottom: 16px;/*ie*/
        margin-bottom: 1rem;
    }

    .color-block {
        padding: 4px 16px;/*ie*/
        padding: .25rem 1rem;
    }

    .color-block.is-current-node {
        background-color: #444!important;/* req to ovr theme */
        color: #fff!important;/* req to ovr theme */
    }

    .color-block.is-current-node span[data-icon] {
        color: #ccc!important;/* req to ovr theme */
    }

    .color-block.rounded-corners,
    .color-block.rounded-corners-3,
    .color-block.rounded-corners-5 {
        border-radius: 0;
    }

    .list-with-icons span[data-icon] {
        font-size: 28px;/*ie*/
        font-size: 1.75rem;
    }

    .list-with-icons a,
    .list-with-icons li.has-no-link {
        padding: .5rem;
    }

    .list-with-icons p {
        padding-top: 4px;/*ie*/
        padding-top: .25rem;
        padding-bottom: 4px;/*ie*/
        padding-bottom: .25rem;
        padding-left: 44px;/*ie*/
        padding-left: 2.75rem;
    }

    .icon-sprite {
        margin-top: 8px;/*ie*/
        margin-top: .5rem;
        display: inline-block;
    }
}

@media screen and ( max-width: 21.25em ) {/*340px*/
    .grid-small dl {
        width: auto;
    }

    .frame {
        min-height: 0;
        overflow: visible;
        margin-bottom: 12px;/*ie*/
        margin-bottom: .75rem;
    }

    .pub-data {
        position: relative;
        padding: 0;
        min-height: 0;
    }

    .pub-data h1 {
        font-size: 20px;/*ie*/
        font-size: 1.25rem;
        margin-bottom: 10px;/*ie*/
        margin-bottom: .625rem;
    }

    .pub-data h1 em {
        font-size: 14px;/*ie*/
        font-size: .825rem;
    }

    .title-col h2 {
        font-size: 14px;/*ie*/
        font-size: .825rem;
    }

    .title-col p {
        font-size: 12px;/*ie*/
        font-size: .75rem;
    }

    .is-frame {
        display: none;
    }

    .product-hero .featured-offer {
        padding: 12px;/*ie*/
        padding: .75rem;
    }
}