/*
* FONTS
*/
/*
* MEDIA QUERIES
*/
/*
* SPACING
*/
/*
* LAYOUT 
*/
/** Styling variables used globally in Gallery **/
/** Colors unique to Gallery **/
/** Footer height constants **/
@media only screen and (max-width: 767px) {
  #MobileFilterHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 101;
    padding: 10px;
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  }
  #MobileFilterHeader .header-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: center;
    display: inline-block;
    line-height: 36px;
    height: 36px;
  }
  #MobileFilterHeader a.header-item {
    cursor: pointer;
  }
  #MobileFilterHeader span.title {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
}
@media only screen and (max-width: 767px) {
  #GalleryContentLeft {
    display: none;
    padding: unset;
  }
  #GalleryContentLeft.open {
    display: block;
    width: 100%;
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 101;
    background: #fff;
    bottom: 0px;
    right: 0px;
    -webkit-overflow-scrolling: touch;
  }
  #GalleryContentLeft.open .stickyFilters {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: scroll;
    padding: 70px 10px 0px;
    position: fixed;
    top: 0px;
    bottom: 0px;
    height: 100%;
  }
  #GalleryContentLeft.open .widgetBox {
    margin-bottom: 10px;
  }
  .filter-container.preview-message {
    margin: 0 10px 10px 10px;
  }
}
@media only screen and (min-width:768px) and (max-width: 959px) {
  #subHeaderTable {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  #subHeaderTable #previewBreadboxArea {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
        -ms-flex-order: 99;
            order: 99;
    padding-top: 10px;
    padding-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .searchBox {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
}
@media only screen and (max-width: 767px) {
  #GalleryHeader {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  #GalleryHeader .seoTextContainer.empty {
    height: 0px;
  }
  #GalleryHeader h1.basic {
    font-size: 20px;
  }
  #GalleryHeader h3.basic {
    font-size: 16px;
  }
  #GalleryHeader #PricingAndSpecsLink {
    display: block;
  }
  .seoTextContainer {
    text-align: left;
  }
  .seoTextContainer .descripContainer {
    max-width: 82.5%;
  }
  .seoTextContainer .open {
    max-width: 100%;
  }
  .header-menu-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .header-menu-bar .filter-btn {
    background: #006196;
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    margin: 0 10px 0 0;
  }
  .header-menu-bar .filter-btn span {
    margin-left: 25px;
    color: white;
  }
  .header-menu-bar .filter-btn svg {
    position: absolute;
    margin-top: -4px;
    width: 20px;
    height: 20px;
    fill: white;
  }
  .header-menu-bar .shrink-width {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    text-overflow: clip;
  }
  .header-menu-bar .open-search-btn {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .header-menu-bar .searchContainer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .header-menu-bar .searchContainer .searchBox {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-right: 0px;
  }
  .header-menu-bar .searchContainer .searchBox h3 {
    display: none;
  }
  .header-menu-bar .searchContainer .searchBox #txtSearch {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
  }
  .header-menu-bar .searchContainer.hideSearch {
    width: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
  }
  .header-menu-bar .open-search-btn {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .header-menu-bar .open-search-btn .search-image {
    margin: -5px -8.5px 0 0;
    width: 20px;
    height: 20px;
  }
  .header-menu-bar .open-search-btn span {
    margin-left: 5px;
    color: #0099e0;
  }
  .header-menu-bar .open-search-btn.hideSearch {
    display: none;
  }
  #favoritesButton {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    border-radius: 0;
    line-height: 42px;
  }
  #favoritesButton .favorites-counter {
    margin: 0 0 0 5px;
  }
  #favoritesButton .graphic-button {
    float: right;
    padding-top: 12px;
  }
  #previewBreadboxArea .breadboxText {
    display: none;
  }
  #previewBreadboxArea .pillbox {
    margin: 5px 5px 0 0;
  }
  #previewBreadboxArea .clearAllLink {
    display: inline-block;
    line-height: 34px;
  }
}
@media only screen and (max-width: 767px) {
  #divPreviewArea {
    background-color: #e6e6e6;
    padding: 10px 10px 0px 10px;
  }
  #spanPreviewBottomNavRight {
    float: unset;
  }
  #spanPreviewBottomNavRight .paginator-wrapper {
    padding: 0 15px 15px;
    text-align: center;
  }
  #spanPreviewBottomNavRight .paginator-wrapper table td {
    padding: 0px;
    display: inline-block;
  }
  #spanPreviewBottomNavRight .paginator-wrapper .paginator-container {
    width: 100%;
  }
  #spanPreviewBottomNavRight .paginator-wrapper .paginator-container a {
    margin-left: 0px;
    margin-right: 0px;
  }
  .tile.upload-tile .tile-inner {
    padding: unset;
  }
  .tile.upload-tile .tile-inner .tile-outline {
    min-height: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: white;
  }
  .tile.upload-tile .tile-inner .tile-outline-new {
    min-height: 0px;
    border: unset;
  }
  .tile.upload-tile .tile-inner .tile-preview-scene {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .tile.upload-tile .tile-inner .tile-preview {
    position: unset;
    top: unset;
    margin-top: unset;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .tile.upload-tile .tile-inner .tile-preview .upload-tile-image {
    width: 50px;
    height: 50px;
  }
  .tile.upload-tile .tile-inner .tile-preview .upload-tile-description,
  .tile.upload-tile .tile-inner .tile-preview .upload-tile-action {
    margin-top: 0px;
  }
  .tile.upload-tile .tile-inner .new-tile-preview .upload-title-text {
    width: unset;
  }
  .tile.upload-tile .tile-inner .new-tile-preview .upload-tile-image {
    height: 75px;
    width: 150px;
  }
  .tile.upload-tile .tile-inner .new-tile-preview .upload-tile-image-corner {
    width: 40px;
    margin-left: 140px;
  }
  .tile.upload-tile .tile-inner .new-tile-preview .upload-tile-button {
    width: 142px;
  }
  .tile.upload-tile .tile-inner .tile-footer {
    max-height: 0px !important;
    height: 0px !important;
  }
  .matching-tile .gallery-tile-callout-bar {
    display: none;
  }
  .design-tile .foil-tile-callout-bar-gold,
  .matching-tile .foil-tile-callout-bar-gold {
    display: block;
    left: 2px;
    top: 0;
    max-width: 70%;
  }
  .design-tile .foil-tile-callout-bar-gold .callout-bar-left,
  .matching-tile .foil-tile-callout-bar-gold .callout-bar-left {
    display: none;
  }
  .design-tile .foil-tile-callout-bar-gold .callout-bar-skin-foil,
  .matching-tile .foil-tile-callout-bar-gold .callout-bar-skin-foil {
    border-top-left-radius: 7.5px;
    border-bottom-left-radius: 7.5px;
    padding-top: 6px;
    text-align: center;
    padding-right: 5px;
    padding: 6px 0px 5px 8px;
  }
  .design-tile .foil-tile-callout-bar-gold .callout-bar-bottom-right,
  .matching-tile .foil-tile-callout-bar-gold .callout-bar-bottom-right,
  .design-tile .foil-tile-callout-bar-gold .callout-bar-top-right,
  .matching-tile .foil-tile-callout-bar-gold .callout-bar-top-right {
    width: 27%;
    right: -4%;
  }
  .tile {
    min-width: unset;
    -webkit-flex-basis: unset;
        -ms-flex-preferred-size: unset;
            flex-basis: unset;
    padding-left: 0px;
    padding-right: 0px;
    width: 50%;
  }
  .tile .tile-inner {
    padding-left: 3px;
    padding-right: 3px;
  }
  .tile .tile-outline {
    border: unset;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
  }
  .tile .tile-preview-scene {
    background-color: unset !important;
  }
  .tile .above-preview-area-inner {
    margin: 0;
  }
  .tile .above-preview-area-inner .combo-details {
    visibility: hidden;
  }
  .tile .tile-preview {
    padding-top: 10px;
  }
  .tile .tile-preview .tile-preview-image-link {
    padding: 0;
    padding-top: 10px;
  }
  .tile .tile-preview .tile-preview-image-link .quickview-hover-btn {
    display: none;
  }
  .tile .tile-preview .tile-shadow {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
  }
  .tile .tile-preview .tile-preview-image img {
    width: unset;
    max-width: 100%;
  }
  .tile .tile-preview .tile-preview-image img.tile-shadow {
    width: 85%;
  }
  .tile .tile-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    min-height: 15px;
  }
  .tile .tile-footer .option-set {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 4px;
    padding-bottom: 4px;
    line-height: 10px;
    text-align: center;
  }
  .tile .tile-footer .option-set-option-wrapper {
    padding: 2.5px;
  }
  .tile .tile-footer .option-set-option-wrapper.checked {
    padding: 1.5px;
  }
  .tile .tile-footer .showMoreLink {
    font-size: 12px;
    line-height: 30px;
    margin: 0 0 0 3px;
  }
  .tile .tile-footer .tile-lower-textbox {
    margin-top: 8px;
    margin-bottom: 6px;
  }
  .tile .tile-footer .tile-lower-textbox:empty {
    margin: 0px;
  }
  .tile .tile-footer .tile-footer-text {
    margin: unset;
    line-height: 16px;
    padding-left: 3px;
    padding-right: 3px;
  }
  .tile .tile-footer .tile-footer-text.comparative-name {
    font-weight: bold;
  }
}
@media only screen and (max-width: 959px) {
  .holiday-foil .merchzone-content {
    background-position: center top;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .holiday-foil .text-container {
    height: 50%;
    width: 90%;
    text-align: center;
    margin-left: 0px;
    min-width: 0px;
    min-height: 270px;
  }
  .holiday-foil .title-text span {
    margin-top: 10px;
    width: 100%;
  }
  .holiday-foil .title-sub {
    font-size: 48px;
    max-width: initial;
  }
  .holiday-foil .view-btn {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
  .holiday-foil .arrow {
    display: none;
  }
  .holiday-foil .image-container {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width:768px) and (max-width: 959px) {
  .holiday-foil {
    margin: 0px 0px 510px 0px;
  }
  .holiday-foil .merchzone-content {
    height: 500px;
  }
  .holiday-foil .title-sub {
    font-size: 36px;
  }
  .holiday-foil .image-container {
    height: 255px;
    width: 490px;
    margin-left: unset;
  }
  .holiday-foil .image-container .main-image-na {
    margin-top: -25px;
    margin-left: -10px;
  }
  .holiday-foil .image-container .main-image-eu {
    margin-left: 60px;
    margin-top: -5px;
  }
  .holiday-foil .close-btn {
    top: 15px;
  }
  .holiday-foil .view-btn-text {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .holiday-foil {
    margin: 0px 0px 415px 0px;
  }
  .holiday-foil .merchzone-content {
    height: 400px;
  }
  .holiday-foil .title-text {
    text-align: center;
    line-height: 30px;
  }
  .holiday-foil .title-sub {
    font-size: 42px;
    line-height: 52px;
  }
  .holiday-foil .image-container {
    height: 180px;
    width: 100%;
    margin-left: unset;
    text-align: center;
  }
  .holiday-foil .image-container .main-image-na {
    margin-top: -33px;
    margin-left: 10px;
  }
  .holiday-foil .image-container .main-image-eu {
    margin-left: 35px;
    margin-top: -20px;
  }
  .holiday-foil .title-text span {
    display: table;
  }
  .holiday-foil .text-container {
    height: 60%;
  }
  .holiday-foil .view-btn-text {
    text-overflow: unset;
    word-wrap: break-word;
    white-space: initial;
  }
}
@media only screen and (max-width: 767px) {
  #divDesignPathContainer {
    white-space: unset;
    margin-top: 0px;
  }
  .designPathsContainer {
    margin-right: 10px;
  }
  .designPathContainerHeader {
    display: none;
    margin-left: 10px;
    margin-right: 10px;
  }
  .designPathElement {
    min-width: 200px;
  }
  .galCareBody,
  #designPathElementStartWithLogo,
  #designPathElementStartFromBlank,
  #designPathElementUpload,
  #designPathElementSfbOld {
    display: none;
  }
  #relatedBody {
    margin-top: 20px;
    padding: 20px 5px 0px 5px;
  }
}
@media only screen and (max-width: 767px) {
  #dialogQuickviewModalContainer {
    min-width: -webkit-calc(100vw - 20px);
    min-width: calc(100vw - 20px);
  }
  #QuickviewPop {
    display: block;
    width: auto;
    margin: 0px;
  }
  #QuickviewPop #QuickviewVeil {
    display: block;
  }
  #QuickviewPop .quickview-preview-area {
    display: block;
    padding: 0px 10px 10px 10px;
    width: unset;
  }
  #QuickviewPop .quickview-merch-area {
    display: block;
    padding: 0px 10px 10px 10px;
    margin-top: 0px;
    width: unset;
  }
  #QuickviewPop .quickview-merch-area .select-design button {
    margin-top: 0px;
    margin-bottom: 5px;
  }
  #QuickviewPop .quickview-merch-area .quickview-id {
    position: absolute;
    right: 20px;
  }
  #QuickviewPop img {
    max-width: 100%;
    height: auto;
  }
  .quickview-merch-section ul.filter-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .quickview-merch-section ul.filter-list li {
    margin-right: 10px;
  }
  .quickview-preview-wrapper {
    width: auto;
    height: auto;
  }
  .quickview-design-tray .quickview-suggested-section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin: 10px 10px 0px 15px;
  }
  .quickview-design-tray .quickview-suggested-section .suggested-wrapper {
    margin: 0;
  }
  .quickview-design-tray .quickview-suggested-section .suggested-text {
    width: 100%;
    text-align: center;
  }
  #QuickviewPop.quickview-pop.vortexLayout .vortex-wrapper.loaded .preview-image img {
    display: none;
  }
  #QuickviewPop.quickview-pop.vortexLayout .quickview-preview-wrapper {
    min-height: 200px;
  }
  #QuickviewPop.quickview-pop.vortexLayout .quickview-preview {
    position: static;
  }
  #QuickviewPop.quickview-pop.vortexLayout .vortex-wrapper .vortex-container {
    position: static;
  }
  #QuickviewPop.quickview-pop.vortexLayout .vortex-wrapper .vortex-title,
  #QuickviewPop.quickview-pop.vortexLayout .vortex-wrapper .vortex-controls {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .new-upload-pop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .new-upload-pop .gallery-modal-dialog-header {
    width: 90%;
  }
  .new-upload-pop .upload-footer {
    width: 320px;
  }
  .full-bleed-fraction-zone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .full-bleed-fraction-zone .fraction-cell {
    width: 50%;
  }
  .full-bleed-fraction-zone .fraction-cell img {
    width: unset;
    max-width: 100%;
  }
  .full-bleed-tile-title {
    margin-top: 0px;
  }
  .full-bleed-tile-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  article.main-content {
    position: unset;
    z-index: unset;
  }
  #divGalleryWrapper {
    margin: 0px;
  }
  #GalleryTop {
    margin: 0 10px 0 10px;
  }
  #GalleryContent {
    margin-top: 5px;
    display: block;
  }
  #GalleryContentRight {
    display: block;
  }
}