.link-tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.link-tabs li {
  border-bottom: 3px solid transparent;
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: 300;
  padding: 5px 10px;
}
.link-tabs li.active {
  border-color: #ffa3c1;
  color: #444;
  font-weight: 900;
}

.link-tabs--large {
  font-size: 1.15em;
}

.site-nav * {
  box-sizing: border-box;
}

.site-nav {
  position: relative;
  width: 100%;
}

.site-nav-item {
  display: inline-block;
  padding: 10px 20px;
}

.fake {
  padding-top: 40px;
}

.fade-in.show {
  opacity: 1;
}

.site-nav-link {
  display: inline-block;
  position: relative;
  font-weight: 500;
  text-transform: uppercase;
}
.site-subnav-link {
    color: #a0a0a0;
    display: block;
}
.site-nav .sub-section > .site-subnav-link {
    display: block;
}
.site-subnav-dropdown, .site-subnav-dropdown li, .site-nav-dropdown, .site-nav-dropdown li, .site-nav .sub-section > .site-subnav-link {
    margin: 0;
    padding: 2.5px 0;
}
.sub-sections.multiple {
    display: block;
    display: flex;
}

.site-nav .callout, .site-nav .sub-section {
    padding: 0 20px;
}
.site-nav-link, .site-subnav-link {
    text-transform: uppercase;
}
.site-subnav-link.category {
    color: #888888;
    font-weight: 500;
}

.site-nav .sub-section {
    float: none;
    display: block;
}

.site-nav .multiple .sub-section {
    border-left: 1px solid lightgray;
}
.site-nav .multiple .sub-section:first-child {
    border: none;
}
.site-nav-link::after {
  display: none;
  content: "";
  position: absolute;
  top: 25px;
  left: 30%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 20px 15px;
  border-color: transparent transparent #ffa3c2 transparent;
  z-index: -99;
}

.site-nav-section {
  display: block;
  display: flex;
  background: white;
  border: 1px solid lightgray;
  position: absolute;
  top: 38px;
  right: 0;
  left: -9999999px;
  margin-top: 20px;
  padding: 20px 0;
  width: 100%;
  z-index: -99999999;
}
.site-nav-section .site-nav-dropdown, .site-nav-section .callout {
  display: inline-block;
  height: 100%;
}
.site-nav-section .callout {
  border-left: 1px solid lightgray;
  max-width: 50%;
  width: 100%;
}
.site-nav-section .callout-img {
  width: 100%;
}

.site-nav-item .site-nav-section {
  opacity: 0;
  transition: opacity 250ms linear;
  z-index: -99999;
}

.site-nav-item.hovered .site-nav-section {
  left: 0;
}

.site-nav-item.hovered .site-nav-link:after {
  display: block;
}

.site-nav-item.hovered .site-nav-section {
  opacity: 1;
  z-index: 99999;
}

.clear {
  clear: both;
}

nav ul, nav ul li, ul, ul li {
    list-style: none;
}

    nav ul li, ul li {
        padding: 0 0 0 15px;
        margin: .25em 0;
    }

    .flag, .uppercase, nav ul li {
        text-transform: uppercase;
    }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    outline: 0;
}

.m, .table-cell .middle, .table-cell.middle {
    vertical-align: middle;
}

input {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, div, h1, h2, h3, h4, h5, h6, p, span, td {
    font-family: Futura-Book,'Open Sans',arial,sans-serif;
    font-size: 15px;
    color: #333;
}

body {
    width: 100%;
}

p {
    padding-bottom: 20px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
}

a {
    text-decoration: none;
}

    a.nav-link, a.nav-link:link, a.nav-link:visited {
    }

        a.nav-link:active, a.nav-link:hover {
        }

    a img {
        border: 0;
    }

nav ul {
    margin: 0;
    padding: 0 5px;
    font-weight: 700;
}

.self, ul {
    margin: 0;
    padding: 0;
}

nav ul li {
    line-height: 1em;
    display: inline;
    color: #979797;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: .9em;
}

ul li {
    line-height: 1.3em;
}

ul.list-numeric, ul.list-numeric li {
    list-style: decimal;
}

ul.list-alphabetic, ul.list-alphabetic li {
    list-style: upper-alpha;
}

h1, h2, h3, h4, h5 {
    letter-spacing: 0;
    clear: both;
}

.h1, h1 {
    font-size: 25px;
    font-weight: 400;
    color: #44a5bd;
}

.h2, .h3, .h4, h2, h3, h4 {
    color: #069;
    margin: 0;
}

.h2, h2 {
    font-size: 21px;
    font-weight: 300;
}

.h3, .h4, .norm-weight, .norm-weight *, h3, h4 {
    font-weight: 400;
}

.h2.strong, h2.strong {
    font-size: 25px;
    font-weight: 400;
    color: #069;
    margin: 0;
}

.h3, h3 {
    font-size: 20px;
}

.h4, h4 {
    font-size: 18px;
}

.self {
    text-align: center;
}

.centered, .centered-x {
    margin: 0 auto;
    text-align: left;
}

.centered-y {
    padding-top: auto;
    padding-bottom: auto;
}

.page {
    max-width: 984px;
}

.pointer {
    cursor: pointer;
}

.toggle {
    background-image: url(https://s3.amazonaws.com/PNCGalleries/static/images/NPLWeb2p5_Product_Pg_togglecross.jpg);
    background-color: #44a5bd;
    background-position: right;
    background-repeat: no-repeat;
}

.coffee {
    font-family: CoffeeService,'Open Sans',arial,sans-serif;
}

.float, .float-all > div, .float-all > p, .float-left, .float-left-all > div {
    float: left;
}

.float-all-right > div, .float-right {
    float: right;
}

.clear, .clear-all > div, .newline, .scale:after, .scale:before {
    clear: both;
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.absolute-top {
    top: 0;
}

.absolute-left {
    left: 0;
}

.absolute-bottom {
    bottom: 0;
}

.absolute-right {
    right: 0;
}

.invisible {
    visiblity: hidden;
}

.visible {
    visiblity: visible;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.table, .table-auto {
    display: table;
}

.inline-block {
    display: inline-block;
}

.table-auto > div, .table-row, .table-row-all > div {
    display: table-row;
}

    .table-auto > div > div, .table-cell, .table-cell-all > div {
        display: table-cell;
    }

/*
*
*   TABLES
*
*/
table.table {
    border-collapse: collapse;
    width: 100%;
}

    table.table tr {
        border-bottom: #cccccc;
        border-top: #cccccc;
    }


.table-zebra td:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-striped tr:nth-child(even) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
/* END - tables*/

body .width-0, body .width-all-0 > div {
    width: 0;
}

.twentieth, body .width-5, body .width-all-5 > div {
    width: 5%;
}

.tenth, body .width-10, body .width-all-10 > div {
    width: 10%;
}

body .width-12 {
    width: 12%;
}

.three-twentieth, body .width-14, body .width-all-14 > div {
    width: 14%;
}

.three-twentieth, body .width-15, body .width-all-15 > div {
    width: 15%;
}

.sixth, body .width-16, body .width-all-16 > div {
    width: 16.66666%;
}

body .width-19 {
    width: 19%;
}

.fifth, .two-tenth, body .width-20, body .width-all-20 > div {
    width: 20%;
}

.quarter, body .width-25, body .width-all-25 > div {
    width: 25%;
}

body .width-29 {
    width: 29%;
}

.three-tenth, body .width-30, body .width-all-30 > div {
    width: 30%;
}

.third, body .width-33, body .width-all-33 > div {
    width: 33.3333333333334%;
}

.seven-twentieth, body .width-35, body .width-all-35 > div {
    width: 35%;
}

body .width-39 {
    width: 39%;
}

.four-tenth, .two-fifth, body .width-40, body .width-all-40 > div {
    width: 40%;
}

.nine-twentieth, body .width-45, body .width-all-45 > div {
    width: 45%;
}

body .width-49 {
    width: 49%;
}

.five-tenth, .half, body .width-50, body .width-all-50 > div {
    width: 50%;
}

.eleven-twentieth, body .width-55, body .width-all-55 > div {
    width: 55%;
}

.six-tenth, .three-fifth, body .width-60, body .width-all-60 > div {
    width: 60%;
}

.thirteen-twentieth, body .width-65, body .width-all-65 > div {
    width: 65%;
}

.two-third, body .width-66, body .width-all-66 > div {
    width: 66.6666%;
}

body .width-69, body .width-all-69 > div {
    width: 69%;
}

.seven-tenth, body .width-70, body .width-all-70 > div {
    width: 70%;
}

.three-quarter, body .width-75, body .width-all-75 > div {
    width: 75%;
}

.eight-tenth, .four-fifth, body .width-80, body .width-all-80 > div {
    width: 80%;
}

body .width-85, body .width-all-85 > div {
    width: 85%;
}

.nine-tenth, body .width-90, body .width-all-90 > div {
    width: 90%;
}

body .width-95, body .width-all-95 > div {
    width: 95%;
}

.fill, body .width-100, body .width-all-100 > div {
    width: 100%;
}

.max-fill, .max-width-100 {
    max-width: 100%;
}

.height-100 {
    height: 100%;
}

.max-height-100 {
    max-height: 100%;
}

body .l {
    text-align: left;
}

body .r {
    text-align: right;
}

body .c, .flag {
    text-align: center;
}

body .xx-small, body .xx-small * {
    font-size: 9px;
    line-height: 11px;
}

body .x-small, body .x-small * {
    font-size: 11px;
    line-height: 13px;
}

body .smaller, body .smaller * {
    font-size: 12px;
    line-height: 14px;
}

body .small, body .small *, small, small * {
    font-size: 13px;
    line-height: 15px;
}

body .regular, body .regular * {
    font-size: 15px;
    line-height: 18px;
}

/*.medium, .medium * { <--this seems like a mistake
    font-size: 18px;
    line-height: 27px;
}*/

body .large, body .large *, large, large * {
    font-size: 17px;
    line-height: 22px;
}

body .larger, body .larger * {
    font-size: 19px;
    line-height: 24px;
}

body .x-large, body .x-large * {
    font-size: 21px;
    line-height: 26px;
}

body .xx-large, body .xx-large * {
    font-size: 27px;
    line-height: 34px;
}

body .xxx-large, body .xxx-large * {
    font-size: 40px;
    line-height: 48px;
}

.subtitle, .subtitle * {
    font-size: 14px;
}

.super, .super * {
    font-size: .65em;
    vertical-align: top;
}

input.checkbox.xx-small {
    height: 11px;
    width: 11px;
}

input.checkbox.x-small {
    height: 13px;
    width: 13px;
}

input.checkbox.smaller {
    height: 14px;
    width: 14px;
}

input.checkbox.small {
    height: 15px;
    width: 15px;
}

input.checkbox.regular {
    height: 18px;
    width: 18px;
}

input.checkbox.medium {
    height: 27px;
    width: 27px;
}

input.checkbox.large {
    height: 22px;
    width: 22px;
}

input.checkbox.larger {
    height: 24px;
    width: 24px;
}

input.checkbox.x-large {
    height: 26px;
    width: 26px;
}

input.checkbox.xx-large {
    height: 34px;
    width: 34px;
}

body .xx-small .lh, body .xx-small.lh, body .xx-small.lh * {
    line-height: 9px;
}

body .x-small .lh, body .x-small.lh, body .x-small.lh * {
    line-height: 11px;
}

body .smaller .lh, body .smaller.lh, body .smaller.lh * {
    line-height: 12px;
}

body .small .lh, body .small.lh, body .small.lh *, small, small * {
    line-height: 13px;
}

body .regular .lh, body .regular.lh, body .regular.lh * {
    line-height: 15px;
}

.medium .lh, .medium.lh, .medium.lh * {
    line-height: 18px;
}

body .large .lh, body .large.lh, body .large.lh *, large, large * {
    line-height: 17px;
}

body .larger .lh, body .larger.lh, body .larger.lh * {
    line-height: 19px;
}

body .x-large .lh, body .x-large.lh, body .x-large.lh * {
    line-height: 21px;
}

body .xx-large .lh, body .xx-large.lh, body .xx-large.lh * {
    line-height: 27px;
}

.border2, .border2-t, .border2-tb, .box2 {
    border-top-width: 2px;
    border-top-style: solid;
}

.border2, .border2-b, .border2-tb, .box2 {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.border2, .border2-l, .border2-lr, .box2 {
    border-left-width: 2px;
    border-left-style: solid;
}

.border2, .border2-lr, .border2-r, .box2 {
    border-right-width: 2px;
    border-right-style: solid;
}

.border3, .border3-t, .border3-tb, .box3 {
    border-top-width: 3px;
    border-top-style: solid;
}

.border3, .border3-b, .border3-tb, .box3 {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

.border3, .border3-l, .border3-lr, .box3 {
    border-left-width: 3px;
    border-left-style: solid;
}

.border3, .border3-lr, .border3-r, .box3 {
    border-right-width: 3px;
    border-right-style: solid;
}

.border.round {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.round-l, .round-t, .round-tl {
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.round-r, .round-t, .round-tr {
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.round-b, .round-bl, .round-l {
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.round-b, .round-br, .round-r {
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.circle-l, .circle-t, .circle-tl {
    -webkit-border-top-left-radius: 13px;
    -moz-border-top-left-radius: 13px;
    border-top-left-radius: 13px;
}

.circle-r, .circle-t, .circle-tr {
    -webkit-border-top-right-radius: 13px;
    -moz-border-top-right-radius: 13px;
    border-top-right-radius: 13px;
}

.circle-b, .circle-bl, .circle-l {
    -webkit-border-bottom-left-radius: 13px;
    -moz-border-bottom-left-radius: 13px;
    border-bottom-left-radius: 13px;
}

.circle-b, .circle-br, .circle-r {
    -webkit-border-bottom-right-radius: 13px;
    -moz-border-bottom-right-radius: 13px;
    border-bottom-right-radius: 13px;
}

.border.circle {
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}

.border.dashed {
    border-style: dotted;
}

.border.shadow {
    box-shadow: 1px 1px #444;
}

.border, .border-t, .border-tb, .box {
    border-top: 1px solid #b6b6b6;
}

.border, .border-b, .border-tb, .box {
    border-bottom: 1px solid #b6b6b6;
}

.border, .border-l, .border-lr, .box {
    border-left: 1px solid #b6b6b6;
}

.border, .border-lr, .border-r, .box {
    border-right: 1px solid #b6b6b6;
}

.dotted-border, .dotted-border-t, .dotted-border-tb, .dotted-box {
    border-top: 2px dotted #939598;
}

.dotted-border, .dotted-border-b, .dotted-border-tb, .dotted-box {
    border-bottom: 2px dotted #939598;
}

.dotted-border, .dotted-border-l, .dotted-border-lr, .dotted-box {
    border-left: 2px dotted #939598;
}

.dotted-border, .dotted-border-lr, .dotted-border-r, .dotted-box {
    border-right: 2px dotted #939598;
}

/*
*
*   COLORS!
*
*/
.clr-g-xxd {
}

.clr-g-xd {
}

.clr-g {
}

.clr-g-xl {
}

.clr-g-xxl {
}

.clr-a1-xxd {
}

.clr-a1-xd {
}

.clr-a1 {
}

.clr-a1-xl {
}

.clr-a1-xxl {
}

.clr-a2-xxd {
}

.clr-a2-xd {
}

.clr-a2 {
}

.clr-a2-xl {
}

.clr-a2-xxl {
}

.clr-t1-xxd {
}

.clr-t1-xd {
}

.clr-t1 {
}

.clr-t1-xl {
}

.clr-t1-xxl {
}

.clr-t2-xxd {
}

.clr-t2-xd {
}

.clr-t2 {
}

.clr-t2-xl {
}

.clr-t2-xxl {
}

.clr-c-xxd {
}

.clr-c-xd {
}

.clr-c {
}

.clr-c-xl {
}

.clr-c-xxl {
}

.clr-p-xxd {
}

.clr-p-xd {
}

.clr-p {
}

.clr-p-xl {
}

.clr-p-xxl {
}

.line-bw-xxd {
}

.line-bw-xd {
}

.line-bw {
}

.line-bw-xl {
}

.line-bw-xxl {
}

.line-g-xxd {
}

.line-g-xd {
}

.line-g {
}

.line-g-xl {
}

.line-g-xxl {
}

.line-a1-xxd {
}

.line-a1-xd {
}

.line-a1 {
}

.line-a1-xl {
}

.line-a1-xxl {
}

.line-a2-xxd {
}

.line-a2-xd {
}

.line-a2 {
}

.line-a2-xl {
}

.line-a2-xxl {
}

.line-t1-xxd {
}

.line-t1-xd {
}

.line-t1 {
}

.line-t1-xl {
}

.line-t1-xxl {
}

.line-t2-xxd {
}

.line-t2-xd {
}

.line-t2 {
}

.line-t2-xl {
}

.line-t2-xxl {
}

.line-c-xxd {
}

.line-c-xd {
}

.line-c {
}

.line-c-xl {
}

.line-c-xxl {
}

.line-xxd {
}

.line-xd {
}

.line {
}

.line-xl {
}

.line-xxl {
}

.bg-g-xxd {
}

.bg-g-xd {
}

.bg-g {
}

.bg-g-xl, a:hover .bg-g {
}

.bg-g-xxl {
}



.bg-a1-xxd {
}

.bg-a1-xd {
}

.bg-a1 {
}

.bg-a1-xl {
}

.bg-a1-xxl, a:hover .bg-a1 {
}



.bg-a2-xxd {
}

.bg-a2-xd {
}

.bg-a2 {
}

.bg-a2-xl, a:hover .bg-a2 {
}

.bg-a2-xxl {
}

.bg-t1-xxd {
}

.bg-t1-xd {
}

.bg-t1 {
}

.bg-t1-xl, a:hover .bg-t1 {
}

.bg-t1-xxl {
}

.bg-t2-xxd {
}

.bg-t2-xd {
}

.bg-t2 {
}

.bg-t2-xl, a:hover .bg-t2 {
}

.bg-t2-xxl {
}

.bg-c-xxd {
}

.bg-c-xd {
}

.bg-c {
}

.bg-c-xl, a:hover .bg-c {
}

.bg-c-xxl {
}

.bg-xxd {
}

.bg-xd {
}

.bg {
}

.bg-xl, a:hover .bg {
}

.bg-xxl {
}

.bg-xxxl {
}

.bg-trans {
    background-image: url(https://s3.amazonaws.com/PNCGalleries/static/images/NPLwebsite_transbg.png);
    background-repeat: repeat;
}

.clr-white {
    color: white;
}

.clr-black {
    color: black;
}

.clr-danger {
    color: #952312;
}

.bg-danger {
    background-color: #CD5340;
}

.clr-success {
    color: #374f00;
}

.bg-success {
    background-color: #7DB500;
}

.clr-all * {
    color: inherit;
}

/* END - COLORS*/
.no-border, .no-border-t, .no-border-tb; {
    border-top: 0 !important;
}

.no-border, .no-border-b, .no-border-tb {
    border-bottom: 0 !important;
}

.no-border, .no-border-l, .no-border-lr {
    border-left: 0 !important;
}

.no-border, .no-border-lr, .no-border-r {
    border-right: 0 !important;
}

.box, body .pad, body .pad-t, body .pad-tb {
    padding-top: 4px;
}

.box, body .pad, body .pad-b, body .pad-tb {
    padding-bottom: 4px;
}

.box, body .pad, body .pad-l, body .pad-lr {
    padding-left: 4px;
}

.box, body .pad, body .pad-lr, body .pad-r {
    padding-right: 4px;
}

body .pad2, body .pad2-t, body .pad2-tb {
    padding-top: 8px;
}

body .pad2, body .pad2-b, body .pad2-tb {
    padding-bottom: 8px;
}

body .pad2, body .pad2-l, body .pad2-lr {
    padding-left: 8px;
}

body .pad2, body .pad2-lr, body .pad2-r {
    padding-right: 8px;
}

body .pad3, body .pad3-t, body .pad3-tb {
    padding-top: 11px;
}

body .pad3, body .pad3-b, body .pad3-tb {
    padding-bottom: 11px;
}

body .pad3, body .pad3-l, body .pad3-lr {
    padding-left: 11px;
}

body .pad3, body .pad3-lr, body .pad3-r {
    padding-right: 11px;
}

body .pad4, body .pad4-t, body .pad4-tb {
    padding-top: 15px;
}

body .pad4, body .pad4-b, body .pad4-tb {
    padding-bottom: 15px;
}

body .pad4, body .pad4-l, body .pad4-lr {
    padding-left: 15px;
}

body .pad4, body .pad4-lr, body .pad4-r {
    padding-right: 15px;
}

body .pad5, body .pad5-t, body .pad5-tb {
    padding-top: 20px;
}

body .pad5, body .pad5-b, body .pad5-tb {
    padding-bottom: 20px;
}

body .pad5, body .pad5-l, body .pad5-lr {
    padding-left: 20px;
}

body .pad5, body .pad5-lr, body .pad5-r {
    padding-right: 20px;
}

.box, body .mrg, body .mrg-t, body .mrg-tb {
    margin-top: 4px;
}

.box, body .mrg, body .mrg-b, body .mrg-tb {
    margin-bottom: 4px;
}

.box, body .mrg, body .mrg-l, body .mrg-lr {
    margin-left: 4px;
}

.box, body .mrg, body .mrg-lr, body .mrg-r {
    margin-right: 4px;
}

body .mrg2, body .mrg2-t, body .mrg2-tb {
    margin-top: 8px;
}

body .mrg2, body .mrg2-b, body .mrg2-tb {
    margin-bottom: 8px;
}

body .mrg2, body .mrg2-l, body .mrg2-lr {
    margin-left: 8px;
}

body .mrg2, body .mrg2-lr, body .mrg2-r {
    margin-right: 8px;
}

body .mrg3, body .mrg3-t, body .mrg3-tb {
    margin-top: 11px;
}

body .mrg3, body .mrg3-b, body .mrg3-tb {
    margin-bottom: 11px;
}

body .mrg3, body .mrg3-l, body .mrg3-lr {
    margin-left: 11px;
}

body .mrg3, body .mrg3-lr, body .mrg3-r {
    margin-right: 11px;
}

body .mrg4, body .mrg4-t, body .mrg4-tb {
    margin-top: 15px;
}

body .mrg4, body .mrg4-b, body .mrg4-tb {
    margin-bottom: 15px;
}

body .mrg4, body .mrg4-l, body .mrg4-lr {
    margin-left: 15px;
}

body .mrg4, body .mrg4-lr, body .mrg4-r {
    margin-right: 15px;
}

body .mrg5, body .mrg5-t, body .mrg5-tb {
    margin-top: 20px;
}

body .mrg5, body .mrg5-b, body .mrg5-tb {
    margin-bottom: 20px;
}

body .mrg5, body .mrg5-l, body .mrg5-lr {
    margin-left: 20px;
}

body .mrg5, body .mrg5-lr, body .mrg5-r {
    margin-right: 20px;
}

body .mrg6, body .mrg6-t, body .mrg6-tb {
    margin-top: 30px;
}

body .mrg6, body .mrg6-b, body .mrg6-tb {
    margin-bottom: 30px;
}

body .mrg6, body .mrg6-l, body .mrg6-lr {
    margin-left: 30px;
}

body .mrg6, body .mrg6-lr, body .mrg6-r {
    margin-right: 30px;
}

body .no-pad, body .no-pad-t, body .no-pad-tb {
    padding-top: 0 !important;
}

body .no-pad, body .no-pad-b, body .no-pad-tb {
    padding-bottom: 0 !important;
}

body .no-pad, body .no-pad-l, body .no-pad-lr {
    padding-left: 0 !important;
}

body .no-pad, body .no-pad-lr, body .no-pad-r {
    padding-right: 0 !important;
}

body .no-margin, body .no-margin-l, body .no-margin-lr {
    margin-left: 0 !important;
}

body .no-margin, body .no-margin-lr, body .no-margin-r {
    margin-right: 0 !important;
}

body .no-margin, body .no-margin-t, body .no-margin-tb {
    margin-top: 0 !important;
}

body .no-margin, body .no-margin-b, body .no-margin-tb {
    margin-bottom: 0 !important;
}

.serif {
    font-family: times new roman,times roman,serif;
}

.slash, .slash *, .strike, .strike * {
    text-decoration: line-through;
}

.shadow {
    text-shadow: 0 1px 1px #444;
}

.strong, .strong * {
    font-weight: 700;
}

.bold {
    font-family: Futura-Bold,arial,sans-serif;
}

.thin {
    font-family: FuturaLT-Light,arial,sans-serif;
}

.italic, .italic * {
    font-style: italic;
}

.nowrap {
    white-space: nowrap;
}

.underline {
    text-decoration: underline;
}

.origprice, .origpricedisplay {
    text-decoration: line-through;
}

.field input, .field select {
    font-size: 18px;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
    padding: 4px;
    border: 1px solid #ccc;
}

.field {
    line-height: 34px;
    padding: 2px;
    margin-bottom: 5px;
    border-radius: 5px;
}

    .field.hover {
        border: 1px solid #d3d3d3;
        background: #fafafa;
    }

        .field.hover .strong {
            color: #069;
        }

        .field.hover.invalid, .field.invalid {
            border: 1px dotted red;
            background: #fee;
        }

.scale.box, .scale.box .box {
    border-radius: 10px;
}

.field.hover.invalid {
    background: #fdd;
}

    .field.hover.invalid .strong {
        color: red;
    }

.scale.box .box {
    margin-top: 1px;
    margin-bottom: 1px;
    background: #f8f8f8;
}

body .pad-12px-b {
    padding-bottom: 12px;
}

body .pad-13px-b {
    padding-bottom: 13px;
}

body .pad-14px-b {
    padding-bottom: 14px;
}

.flag, .flag__heading, .flag__subtext {
    color: #fff;
}

.flag {
    background: #000;
    max-width: 45%;
    width: 100%;
    padding: 0 0 0 15px;
    position: relative;
    z-index: 999;
}

    .flag:after, .flag:before {
        content: '';
        top: 0;
        right: -25px;
        height: 100%;
        width: 55%;
        background: inherit;
        z-index: -999;
        position: absolute;
    }

    .flag:before {
        -webkit-transform: skew(26deg,0deg);
        -moz-transform: skew(26deg,0deg);
        -ms-transform: skew(26deg,0deg);
        -o-transform: skew(26deg,0deg);
        transform: skew(26deg,0deg);
    }

    .flag:after {
        -webkit-transform: skew(-26deg,0deg);
        -moz-transform: skew(-26deg,0deg);
        -ms-transform: skew(-26deg,0deg);
        -o-transform: skew(-26deg,0deg);
        transform: skew(-26deg,0deg);
    }

.flag__heading {
    font-size: 1.3em;
}

    .flag__heading:only-child {
        font-size: 1.4em;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.flag__subtext {
    font-size: 16px;
}

.flag__title {
    font-size: 16px;
}

.image__flag {
    position: absolute;
    top: 10px;
    width: 100%;
}

/*gray*/
.flag-g-xxd {
    background: #6f747d;
}

.flag-g-xd {
    background: #939598;
}

.flag-g {
    background: #b2b3b5;
}

.flag-g-xl {
    background: #e9e9e9;
}

.flag-g-xxl {
    background: #fff;
}

/*adjacent 1*/
.flag-a1-xxd {
    background: #05b139;
}

.flag-a1-xd {
    background: #29c357;
}

.flag-a1 {
    background: #48d271;
}

.flag-a1-xl {
    background: #6de190;
}

.flag-a1-xxl {
    background: #9ff0b7;
}

/*adjacent 2*/
.flag-a2-xxd {
    background: #1737a2;
}

.flag-a2-xd {
    background: #3653b4;
}

.flag-a2 {
    background: #536ec7;
}

.flag-a2-xl {
    background: #778eda;
}

.flag-a2-xxl {
    background: #a6b6ec;
}

/*triad 1*/
.flag-t1-xxd {
    background: #de591f;
}

.flag-t1-xd {
    background: #ff5025;
}

.flag-t1 {
    background: #FF3D0D;
}

.flag-t1-xl {
    background: #ff8e7c;
}

.flag-t1-xxl {
    background: #ffb5a9;
}

/*triad 2*/
.flag-t2-xxd {
    background: #efa707;
}

.flag-t2-xd {
    background: #ffc035;
}

.flag-t2 {
    background: #ffcb57;
}

.flag-t2-xl {
    background: #ffd67c;
}

.flag-t2-xxl {
    background: #ffe4a9;
}

/*complimentary*/
.flag-c-xxd {
    background: #ef7a07;
}

.flag-c-xd {
    background: #ff993f;
}

.flag-c {
    background: #ffaa57;
}

.flag-c-xl {
    background: #ffbd7c;
}

.flag-c-xxl {
    background: #ffd4a9;
}

/*primary*/
.flag-xxd {
    background: #087994;
}

.flag-xd {
    background: #268fa7;
}

.flag-xl {
    background: #6abfd3;
}

.flag-xxl {
    background: #b5e1e1;
}

.flag-xxxl {
    background: #dff2f3;
}

.whitegrad {
    background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
    background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1));
    background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
}

.blackgrad {
    background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,.6));
    background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.6));
}

.blackgrad-rev {
    background: -webkit-linear-gradient(left,rgba(0,0,0,.6),rgba(0,0,0,0));
    background: -o-linear-gradient(right,rgba(0,0,0,.6),rgba(0,0,0,0));
    background: -moz-linear-gradient(right,rgba(0,0,0,.6),rgba(0,0,0,0));
    background: linear-gradient(to right,rgba(0,0,0,.6),rgba(0,0,0,0));
}

.badge-content {
    display: table-cell;
    vertical-align: middle;
}

.badge-circle {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    z-index: 10000;
    background: #de591f;
    display: table;
    opacity: .9;
    right: -10px;
    top: -10px;
}

.badge--top-right {
    right: 15px;
    top: 15px;
    position: absolute;
}

.badge--top-left {
    left: 5px;
    top: 5px;
    position: absolute;
}

.badge--bottom-right {
    right: 15px;
    bottom: 15px;
    position: absolute;
}

.badge-bucket--top-right {
    right: 5px;
    top: 5px;
    position: absolute;
}

.badge-banner {
    position: absolute;
    left: 290px;
    top: 20px;
    width: 300px;
    height: 50px;
    z-index: 10000;
    background: #de591f;
    display: table;
}

.badge-text {
    display: block;
    line-height: 28px !important;
}

.badge-text--small {
    line-height: 23px !important;
    font-size: 18px;
}

.circle--small {
    position: absolute;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    z-index: 1000;
    background: #de591f;
    display: table;
    opacity: .9;
}

    .circle--small.badge--top-right {
        right: 15px;
        top: 5px;
    }

        .circle--small.badge--top-right.fix-right {
            right: 13px;
        }

        .circle--small.badge--top-right.fix-righter {
            right: 5px;
        }

        .circle--small.badge--top-right.go-left {
            right: 313px;
        }

    .circle--small .badge-text {
        line-height: 21px !important;
        font-size: 20px !important;
    }

    .circle--small badge-text--small {
        line-height: 17px !important;
        font-size: 14px !important;
    }

/*
*
*   BUTTONS!
*
*/

/*! @license
* Copyright 2012-2014 Alex Wolfe and Rob Levin
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.btn {
}

    .btn:hover, .btn:focus, .btn:active, .btn.is-active, .btn.active {
    }

    .btn:hover, .btn:focus {
    }

    .btn:active, .btn.is-active, .btn.active {
    }

    .btn:focus {
    }

input.btn, button.btn {
}

.btn-block {
}

.btn.disabled,
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled:active,
input.btn:disabled,
button.btn:disabled {
}

.btn-wrap {
}

.btn-flat {
}

    .btn-flat:hover, .btn-flat:focus {
    }

    .btn-flat:active, .btn-flat.is-active, .btn-flat.active {
    }

    .btn-flat.disabled {
    }

.btn-border {
}

    .btn-border:hover, .btn-border:focus {
    }

    .btn-border:active, .btn-border.is-active, .btn-border.active {
    }

    .btn-border.disabled {
    }

.btn-3d {
}

    .btn-3d:hover, .btn-3d:focus {
    }

    .btn-3d:active, .btn-3d.is-active, .btn-3d.active {
    }

    .btn-3d.disabled {
    }

.btn-rounded {
}

.btn-pill {
}

.btn-circle {
}


.btn-action {
}

    .btn-action:hover, .btn-action:focus {
    }

    .btn-action:active, .btn-action.is-active, .btn-action.active {
    }



.btn-3d-action {
}

    .btn-3d-action:hover, .btn-3d-action:focus {
    }

    .btn-3d-action:active, .btn-3d-action.is-active, .btn-3d-action.active {
    }

    .btn-3d-action.disabled {
    }

.btn-border-action {
}

    .btn-border-action:hover, .btn-border-action:focus {
    }

    .btn-border-action:active, .btn-border-action.is-active, .btn-border-action.active {
    }

    .btn-border-action.disabled {
    }


.btn-flat-action {
}

    .btn-flat-action:hover, .btn-flat-action:focus {
    }

    .btn-flat-action:active, .btn-flat-action.is-active, .btn-flat-action.active {
    }

    .btn-flat-action.disabled {
    }



.btn-common {
}

    .btn-common:hover, .btn-common:focus {
    }

    .btn-common:active, .btn-common.is-active, .btn-common.active {
    }

.btn-3d-common {
}

    .btn-3d-common:hover, .btn-3d-common:focus {
    }

    .btn-3d-common:active, .btn-3d-common.is-active, .btn-3d-common.active {
    }

    .btn-3d-common.disabled {
    }


.btn-border-common {
}

    .btn-border-common:hover, .btn-border-common:focus {
    }

    .btn-border-common:active, .btn-border-common.is-active, .btn-border-common.active {
    }

    .btn-border-common.disabled {
    }


.btn-flat-common {
}

    .btn-flat-common:hover, .btn-flat-common:focus {
    }

    .btn-flat-common:active, .btn-flat-common.is-active, .btn-flat-common.active {
    }

    .btn-flat-common.disabled {
    }


.btn-dull {
}

    .btn-dull:hover, .btn-dull:focus {
    }

    .btn-dull:active, .btn-dull.is-active, .btn-dull.active {
    }

.btn-3d-dull {
}

    .btn-3d-dull:hover, .btn-3d-dull:focus {
    }

    .btn-3d-dull:active, .btn-3d-dull.is-active, .btn-3d-dull.active {
    }

    .btn-3d-dull.disabled {
    }


.btn-border-dull {
}

    .btn-border-dull:hover, .btn-border-dull:focus {
    }

    .btn-border-dull:active, .btn-border-dull.is-active, .btn-border-dull.active {
    }

    .btn-border-dull.disabled {
    }

.btn-flat-dull {
}

    .btn-flat-dull:hover, .btn-flat-dull:focus {
    }

    .btn-flat-dull:active, .btn-flat-dull.is-active, .btn-flat-dull.active {
    }

    .btn-flat-dull.disabled {
    }


.btn-danger {
}

    .btn-danger:hover, .btn-danger:focus {
    }

    .btn-danger:active, .btn-danger.is-active, .btn-danger.active {
    }


.btn-3d-danger {
}

    .btn-3d-danger:hover, .btn-3d-danger:focus {
    }

    .btn-3d-danger:active, .btn-3d-danger.is-active, .btn-3d-danger.active {
    }

    .btn-3d-danger.disabled {
    }


.btn-border-danger {
}

    .btn-border-danger:hover, .btn-border-danger:focus {
    }

    .btn-border-danger:active, .btn-border-danger.is-active, .btn-border-danger.active {
    }

    .btn-border-danger.disabled {
    }


.btn-flat-danger {
}

    .btn-flat-danger:hover, .btn-flat-danger:focus {
    }

    .btn-flat-danger:active, .btn-flat-danger.is-active, .btn-flat-danger.active {
    }

    .btn-flat-danger.disabled {
    }


.btn-success {
}

    .btn-success:hover, .btn-success:focus {
    }

    .btn-success:active, .btn-success.is-active, .btn-success.active {
    }


.btn-3d-success {
}

    .btn-3d-success:hover, .btn-3d-success:focus {
    }

    .btn-3d-success:active, .btn-3d-success.is-active, .btn-3d-success.active {
    }

    .btn-3d-success.disabled {
    }


.btn-border-success {
}

    .btn-border-success:hover, .btn-border-success:focus {
    }

    .btn-border-success:active, .btn-border-success.is-active, .btn-border-success.active {
    }

    .btn-border-success.disabled {
    }


.btn-flat-success {
}

    .btn-flat-success:hover, .btn-flat-success:focus {
    }

    .btn-flat-success:active, .btn-flat-success.is-active, .btn-flat-success.active {
    }

    .btn-flat-success.disabled {
    }


.btn-group {
}

    .btn-group .btn {
    }

        .btn-group .btn:focus, .btn-group .btn:hover, .btn-group .btn.active {
        }

        .btn-group .btn:active, .btn-group .btn.active {
        }

        .btn-group .btn:not(:first-child):not(:last-child) {
        }

        .btn-group .btn:first-child {
        }

        .btn-group .btn:last-child {
        }

        .btn-group .btn + .btn {
        }


.btn-jumbo {
}

.btn-large {
}


input.btn-large, button.btn-large {
}


.btn-small {
}


input.btn-small, button.btn-small {
}


.btn-tiny {
}


input.btn-tiny, button.btn-tiny {
}


.btn.glow {
}

    .btn.glow:active {
    }


.btn-dropdown {
}

    .btn-dropdown .button .icon-caret-down {
    }

    .btn-dropdown ul.btn-dropdown-menu-below {
    }

    .btn-dropdown ul.btn-dropdown-menu-above {
    }

    .btn-dropdown ul {
    }

        .btn-dropdown ul li {
        }

            .btn-dropdown ul li:first-child a {
            }

            .btn-dropdown ul li:last-child a {
            }

        .btn-dropdown ul .btn-dropdown-divider {
        }

        .btn-dropdown ul a {
        }

            .btn-dropdown ul a:hover, .btn-dropdown ul a:focus {
            }



/*MM supplimented button */

.btn {
    cursor: pointer;
}

    .btn-link, .btn.btn-link {
        background: none;
        border: none;
        box-shadow: none;
        text-shadow: none;
    }

        btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link.is-active, .btn-link.active,
        .btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link.is-active, .btn.btn-link.active {
            background: none;
            text-decoration: underline;
        }

        .btn-link:active, .btn.btn-link:active {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            text-shadow: 1px 1px;
        }

    .btn * {
        color: inherit;
    }

    .btn.btn-inherit, .btn.btn-inherit:hover, .btn.btn-inherit:focus {
        background-color: inherit;
        color: inherit;
    }

        .btn.btn-inherit:hover, .btn.btn-inherit:focus {
            -moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
            -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
            box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2);
        }

/* END - BUTTONS */


/*
*
*   Input Group
*
*/

input-group.xx-small {
    height: 16px;
}

input-group.x-small {
    height: 19px;
}

input-group.smaller {
    height: 20px;
}

input-group.small {
    height: 22px;
}

.input-group, input-group.regular {
    height: 26px;
}

input-group.large {
    height: 32px;
}

input-group.larger {
    height: 35px;
}

input-group.x-large {
    height: 38px;
}

input-group.xx-large {
    height: 49px;
}

input-group.xxx-large {
    height: 69px;
}

.input-group > input, .input-group > .btn, .input-group > button {
    height: inherit;
    vertical-align: top;
    margin-top: 0px;
    margin-bottom: 0px;
}
/*Input Group*/


.img-fill-w {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.img-fill-h {
    max-height: 100%;
    width: auto;
    vertical-align: middle;
}




/*
    Tabs
    -many things in this section should be left to site
    -refactor: create generic concepts for base.ui, let sites override
*/
.tabs {
    color: #b2b2b2;
    cursor: pointer;
    font-family: 'frontage_regularregular';
    text-align: center;
    text-transform: uppercase;
}

    .tabs li {
        background-color: #F8F8F8;
        font-size: .8em;
        font-weight: 900;
        margin-right: 10px;
        padding: 0;
    }
        /*Selectors not appropriate for core components*/
        .tabs li a {
            display: block;
            padding: 12.5px 10px;
        }

        .tabs li.active, .tabs li.active a {
            color: #ffffff !important;
        }

        .tabs li.active { /* Define in site*/
        }


.mobile-tab {
    display: flex;
    align-items: center;
    font-size: 27px;
    font-weight: 900;
    margin-bottom: 10px;
    padding: 15px;
}

.mobile-tab-heading {
    color: white;
    text-transform: uppercase;
}

.mobile-tab i {
    color: white;
}

@media screen and (max-width: 400px) {
    .mobile-tab {
        font-size: 22px;
    }
}

/* END - Tabs */


/*
    Image Crop Editor
*/

.print-edit-modal {
    left: 0 !important;
    right: 0 !important;
    margin: auto auto;
}

@media (min-width: 984px) {
    .print-edit-modal {
        width: 960px !important;
    }
}

@media (max-width: 984px) {
    .print-edit-modal {
        width: 650px !important;
    }
}

@media (max-width: 650px) {
    .print-edit-modal {
        width: 360px !important;
    }
}

.print-edit-modal .ui-dialog-content {
    padding-left: 10px;
    padding-right: 10px;
}

.img-crop-editor .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.img-crop-editor .crop-window {
    position: absolute;
    margin: auto auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    outline: 2000px solid rgba(200, 200, 200, .8);
}


.img-crop-editor .crop-controls {
    height: 30px;
    display: flex;
    flex-wrap: wrap;
}

    .img-crop-editor .crop-controls button {
        margin: 0;
        cursor: pointer;
        flex-grow: 1;
        line-height: 30px;
        text-align: center;
        line-height: 20px;
        padding-top: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }

        .img-crop-editor .crop-controls button:hover {
            background-color: rgba(0,0,0,0.7);
        }

        .img-crop-editor .crop-controls button:last-child {
            border-top-right-radius: 5px;
        }

        .img-crop-editor .crop-controls button:first-child {
            border-top-left-radius: 5px;
        }
/* END - Image Crop Editor */

/*
    Gallery - Photo listings
*/

.cmd-add-photo {
    color: #ffa3c1;
}

.add-gallery-form {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.gallery-form-button {
    margin-left: 10px;
}

.gallery-form-input * {
    display: inline-block;
}

.gallery-name-input {
    min-width: 450px;
}

.cmd-rename-text, .cmd-add-photo-text {
    display: none;
}

@media screen and (max-width: 768px) {
    .gallery-list {
        text-align: center;
        overflow-y: auto;
    }

    .gallery-list-item {
        float: none !important;
        display: inline-block;
    }

    .cmd-rename-prompt {
        display: block;
    }

    .cmd-rename-text, .cmd-add-photo-text {
        display: inline-block !important;
    }

    .gallery-list-commands, .gallery-count, .gallery-form-input {
        text-align: center;
    }

    .gallery-name-input {
        min-width: 100%;
    }

    .gallery-name-input, .gallery-form-button {
        margin-left: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 512px) {
    .gallery-displayname, .cmd-rename-prompt, .cmd-add-photo {
        font-size: 1.15em;
    }

    .cmd-rename-prompt, .cmd-add-photo {
        display: block;
        margin-top: 5px;
    }
}

@media screen and (max-width: 414px) {
    .gallery-list-commands, .gallery-list-item {
        font-size: 14px;
    }

    .gallery-list-item {
        border-bottom: 1px solid lightgray;
        padding: 5px;
        width: 100%;
    }

    .gallery-list-image {
        text-align: center;
        width: 25%;
    }

    .gallery-list-info {
        width: 70%;
    }

    .gallery-list-image, .gallery-list-info {
        float: left;
    }
}

.gallery-img {
    border: 2px solid transparent;
}

    .gallery-img.selected {
        /*Site define*/
    }

.gallery-subnav .btn {
    margin-left: 10px;
}

@media screen and (max-width: 768px) {
    .gallery-subnav .gallery-select, .gallery-subnav .btn {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 720px) {
    .gallery-button-container {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .gallery-img {
        display: inline-block;
        float: none;
    }

    .gallery-subcontrols, .gallery-thumbs {
        text-align: center;
    }

    .gallery-subnav .btn {
        margin-left: 0;
    }

    .gc-section {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 550px) {
    .gallery-button-container {
        text-align: left;
    }
}

@media screen and (max-width: 360px) {
    .gallery-subnav .gallery-select, .gallery-subnav .btn {
        width: 100%;
    }
}

/* END - Gallery - Photo listings */

/*
    Flip Card -two sided images
*/
.flip-card-container {
    min-height: 147px;
}

    .flip-card-container .flip-card {
        position: relative;
        z-index: 1;
        perspective: 1000;
    }

    .flip-card-container img {
        box-shadow: -5px 5px 5px #aaa;
        border: 1px solid #f6f6f6;
    }


.flip-card {
    width: 100%;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}
    /*for no js / hover activation*/
    /*.theme-container:hover .flip-card {
            transform: rotateY(180deg);
            box-shadow: -5px 5px 5px #aaa;
        }*/

    /*for js activation, toggle flipped*/
    .flip-card.flipped {
        transform: rotateY(180deg);
        /*box-shadow: -5px 5px 5px #aaa;*/
    }

    .flip-card img {
        cursor: pointer;
    }

.face {
    width: 100%;
    backface-visibility: hidden;
}

    .face.front {
    }

    .face.back {
        display: block;
        transform: rotateY(180deg);
        box-sizing: border-box;
        text-align: center;
        position: absolute;
    }

/* END - Flip Card*/

/*
    Product Themes
*/
.product-themes {
    display: inline-block;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.pt-theme {
    display: inline-block;
    text-align: center;
    padding: 20px;
    width: 33%;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}

.pt-section {
    text-align: center;
}

.pt-image, .pt-options, .pt-options-container.no-children {
    margin-bottom: 10px;
}

.pt-price-msg, .pt-price-msg span {
    color: #8A8B8D;
    padding-bottom: 10px;
    text-transform: lowercase;
}

@media screen and (max-width: 640px) {
    .pt-theme {
        width: 50%;
    }
}

@media screen and (max-width: 400px) {
    .pt-theme {
        width: 100%;
    }
}

.variant-group-themeSpec_NumOfImages .variant-value, .variant-group {
    padding: 0;
}

.variant-group-themeSpec_NumOfImages .variant-value {
    border-radius: 30px;
    border: 1px solid #268fa7;
    margin-right: 4px;
    /*border-right: 1px solid #ffa3c1;*/
}

    .variant-group-themeSpec_NumOfImages .variant-value:last-child {
        border-radius: 30px;
        border: 1px solid #268fa7;
    }

.variant-group-themeSpec_NumOfImages .theme-spec-imgnum {
    border-radius: 30px;
    color: #268fa7;
    display: inline-block;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 4px;
    padding: 5px;
    width: 30px;
}

.variant-group-themeSpec_NumOfImages .theme-active-variant .theme-spec-imgnum {
    background-color: #268fa7;
    color: white;
}

.theme-variant-unavailable {
    opacity: .2;
}

.flip-card-btn {
    display: block;
}
/* END - Product themes */


/*
    Cart
*/
.cart-section {
    margin: 10px auto;
}

.cart-item {
    border-bottom: 1px solid lightgray;
    padding: 10px 0;
    margin-bottom: 10px;
}

.cart-item-header {
    font-weight: 700;
}
/*Cart Item Editor (Pops up in modal right now)*/
.remove-cart-item {
    color: #333;
    text-decoration: underline;
    color: #333;
}

    .remove-cart-item:hover {
        cursor: pointer;
        color: #333 !important;
    }

.preview-caption {
    white-space: nowrap;
    width: 100%;
    overflow: hidden; /* "overflow" value must be different from "visible" */
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.preview-checkbox {
    background: white;
    border: 1px solid #999;
    /*right: -10px;*/
}

.cart-item-editor .field__element {
    float: none;
    width: auto;
}

.cart-item-editor .product__price {
    font-size: 1.3em;
    padding: 10px 0;
}

.cart-flex {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 512px) {
    .cart-item-preview {
        margin-bottom: 5px;
    }
}

.edit-blockable {
    display: none;
}

.opt.selected {
    border: 4px dotted #44A6BD;
    box-shadow: 5px 5px 5px #555555 !important;
}

.preview-image {
    box-sizing: border-box;
    /*height: 100%;*/
    width: 100%;
}

.preview-print .internal-frame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.preview-print .relative {
    display: table;
    position: relative;
    height: 100%;
    max-width: 100%;
    width: 100%;
}

.preview-print .frame {
    /*max-width: 100%;*/
    /*width: 100%;*/
    width: 300px;
}

.preview-print .matte {
    background-size: contain;
    /*height: 100%;*/
    position: absolute;
    width: 100%;
}

.preview-box {
    width: 300px;
    margin: auto;
}

/* END - Cart*/

/*
    Bread crumbs
*/
.breadcrumbs {
  margin: 5px 0;
}
.breadcrumb {
  display: inline-block;
  padding: 5px 0;
  position: relative;
}
.breadcrumb:after {
  font-family: 'FontAwesome';
  content: "\f105";
  margin: auto 10px;
}
.breadcrumb:last-child:after {
  display: none;
  margin: 0;
}
@media screen and (max-width: 512px) {
    .breadcrumb:after {
        margin: auto 5px;
    }
}
/* Bread crumbs */

/*
*
*    Account Logon / Signup
*
*/
.auth-page {
}

.auth-page .login-heading {}
.auth-page .form-label {
    padding: 4px 0 20px;
}
.auth-page .submit-form {
    margin: 8px auto;
}
.auth-page .sign-up-form {
    border-left: 1px solid lightgray;
    padding-left: 20px;
}
@media screen and (max-width: 768px) {
    .auth-page .login-heading {
        font-size: 4em;
    }
    .auth-page .form-label {
        padding: 4px 0;
    }
    .auth-page .submit-form {
        margin: 20px auto;
    }
}
@media screen and (max-width: 512px) {
    .auth-page .login-heading {
        text-align: center;
    }
    .auth-page .sign-up-form {
        border: none;
        padding: 0 20px 10px;
    }
    .auth-page #submitSignUp {
        margin: 20px auto;
    }
}
/* Account Logon / Signup */

/* 
*
*   Unverified / misc 
*
*/
.pricecc, .pricenocc, .pricesize {
    float: left;
    padding-right: 2px;
}

    .pricecc p, .pricenocc p, .pricesize p {
        text-align: center;
        border-bottom: 2px dotted #777;
    }

.productinfotext {
    list-style: outside !important;
}

body .width-32 {
    width: 32%;
}

body .width-2 {
    width: 2%;
}

@media screen and (max-width: 768px) {
    .flex-48-30 {
        width: 48%;
    }
}

@media screen and (max-width: 576px) {
    .h-print-sale p, .h-print-sale span {
        font-size: 1.4em;
    }

    .h-print-sale {
        border-right: 1px solid #b6b6b6;
    }

        .h-print-sale:last-child {
            border-right: none;
        }
}

@media screen and (max-width:512px) {
    .price-range {
        background-color: #bbe0c2;
        width: 100px;
        height: 100px;
        padding-top: 0px;
        border-radius: 50px;
        line-height: 20px;
    }

        .price-range span {
            font-size: 25px !important;
        }
}

.price-range {
    background-color: #bbe0c2;
    width: 160px;
    height: 160px;
    padding-top: 35px;
    border-radius: 90px;
}

.bucket-sale-circle {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    padding-top: 25px;
    z-index: 10000;
}

@media screen and (max-width: 720px) {
    .shipping-ribbon {
        max-width: 75%;
    }
}

@media screen and (max-width: 640px) {
    .shipping-ribbon {
        max-width: 60%;
    }
}

@media screen and (max-width: 500px) {
    .shipping-ribbon {
        max-width: 50%;
    }
}

@media screen and (max-width: 400px) {
    .shipping-ribbon {
        max-width: 40%;
    }
}

.previmgarrow {
    left: 0;
    background-image: url(https://s3.amazonaws.com/PNCGalleries/static/images/NPL_WebsiteG_ProductPages_Canvas_leftarrow.png);
}

#nextimgmarrow, .nextimgarrow {
    right: 0;
    background-image: url(https://s3.amazonaws.com/PNCGalleries/static/images/NPL_WebsiteG_ProductPages_Canvas_rightarrow.png);
}

#previmgmarrow {
    left: 0;
    background-image: url(https://s3.amazonaws.com/PNCGalleries/static/images/NPL_WebsiteG_ProductPages_Canvas_leftarrow.png);
}

.inside-disc-list {
    list-style-position: inside;
    list-style-type: disc;
}

.origprice {
    color: #bbb;
}

.origprice, .saleprice {
    text-align: center;
}

.origpricedisplay {
    color: #bbb !important;
    font-size: 20px !important;
}

.saleprice {
    color: #de591f;
    font-weight: 700;
}

#nextimgmarrow, #previmgmarrow, .nextimgarrow, .previmgarrow {
    position: absolute;
    cursor: pointer;
    background-repeat: no-repeat;
    top: 0;
}

#nextimgmarrow, #previmgmarrow {
    background-position: 20px center;
}

.nextimgarrow, .previmgarrow {
    background-position: 50% center;
}

/* END - Unverified / misc */