/********************************

Variables

********************************/
/********************************

Desktop/Mobile Styles

********************************/
/********************************

Defaults

********************************/
html {
    margin-left: calc(100vw - 100%);
}

body {
    background-color: #fff;
    margin: 0 0 1px 0;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
}

body, td, th {
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    color: #282425;
}

/********************************

Global Classes

********************************/
/* Float */
.clear {
    clear: both;
    width: 100%;
}

    .clear:after {
        content: '';
        display: table;
        clear: both;
    }

.left {
    float: left;
}

.right {
    float: right;
}

/* Smooth Transitions */
.fade {
    opacity: 0;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

/* Margins */
.margin4 {
    height: 4px;
    width: 100%;
}

.margin5 {
    height: 5px;
    width: 100%;
}

.margin7 {
    height: 7px;
    width: 100%;
}

.margin8 {
    height: 8px;
    width: 100%;
}

.margin9 {
    height: 9px;
    width: 100%;
}

.margin10 {
    height: 10px;
    width: 100%;
}

.margin12 {
    height: 12px;
    width: 100%;
}

.margin15 {
    height: 15px;
    width: 100%;
}

.margin19 {
    height: 19px;
    width: 100%;
}

.margin20 {
    height: 20px;
    width: 100%;
}

.margin25 {
    height: 25px;
    width: 100%;
}

.margin30 {
    height: 30px;
    width: 100%;
}

.margin34 {
    height: 34px;
    width: 100%;
}

.margin40 {
    height: 40px;
    width: 100%;
}

.margin50 {
    height: 50px;
    width: 100%;
}

.margin60 {
    height: 60px;
    width: 100%;
}

.margin70 {
    height: 70px;
    width: 100%;
}

.margin80 {
    height: 80px;
    width: 100%;
}

.margin87 {
    height: 87px;
    width: 100%;
}

.margin90 {
    height: 90px;
    width: 100%;
}

.margin100 {
    height: 100px;
    width: 100%;
}

.margin110 {
    height: 110px;
    width: 100%;
}

.margin110 {
    height: 115px;
    width: 100%;
}

.margin120 {
    height: 120px;
    width: 100%;
}

.margin130 {
    height: 130px;
    width: 100%;
}

.margin150 {
    height: 150px;
    width: 100%;
}

.margin230 {
    height: 230px;
    width: 100%;
}

/* Display Sizes */
@media screen and (min-width: 1100px) {
    .mobile-only {
        display: none;
    }
}

/********************************

Fonts

********************************/
@font-face {
    font-family: 'garamond-italic';
    src: url("/fonts/garamond/ebgaramond08-italic-webfont.woff2") format("woff2"), url("/fonts/garamond/ebgaramond08-italic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'garamond-premier-pro', Garamond;
    src: url("/fonts/garamond/ebgaramond08-regular-webfont.woff2") format("woff2"), url("/fonts/garamond/ebgaramond08-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'garamond-12-italic';
    src: url("/fonts/garamond/ebgaramond12-italic-webfont.woff2") format("woff2"), url("/fonts/garamond/ebgaramond12-italic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'garamond-12-regular';
    src: url("/fonts/garamond/ebgaramond12-regular-webfont.woff2") format("woff2"), url("/fonts/garamond/ebgaramond12-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/********************************

Page Layout

********************************/
.wrap {
    background: #fff;
    width: 1100px;
    margin: 0 auto;
    min-height: 800px;
}

#page_center {
    position: absolute;
    left: 50%;
    width: 1105px;
    top: 50%;
    height: 668px;
    margin-top: -332px;
    margin-left: -550px;
    overflow: hidden;
}

#wrapper {
    border: 1px solid #939192;
    width: 1100px;
    margin: auto;
    height: 650px;
}

#wrapperFullHeightGallery {
    width: 1084px;
    margin: auto;
}

#main {
    position: relative;
    letter-spacing: 1px;
    margin: 0 30px 0 45px;
}

.product-main, .product-left {
    line-height: 20px;
}

    .product-main p {
        margin-bottom: 11px;
    }

.product-left {
    float: left;
    margin: 11px 90px 0 0;
    width: 331px;
}

span.alt-pair-text {
    background: white;
    color: black;
    cursor: pointer;
    display: table;
    height: 94px;
    left: 0;
    position: absolute;
    top: 0;
    width: 94px;
    opacity: 0;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms;
}

    span.alt-pair-text span {
        display: table-cell;
        line-height: 14px;
        text-align: center;
        vertical-align: middle;
    }

a:hover span.alt-pair-text {
    opacity: 1;
}

.copyright {
    font-size: 8px;
    position: relative;
    left: 37px;
    text-transform: uppercase;
    color: #4c4c4c;
    text-align: right;
}

.related-products {
    font-size: 13px;
    border-bottom: 1px solid #d3d3d3;
    color: #7a7a7a;
    padding-bottom: 7px;
    padding-left: 3px;
    margin-bottom: 9px;
}

#main-home {
    margin: 68px auto 25px auto;
    width: 1000px;
    padding: 0;
    color: #666;
    min-height: 650px;
    overflow: auto;
}

#main-gallery {
    margin: 66px auto 0 auto;
    padding: 0;
    color: #666;
    min-height: 677px;
    overflow: auto;
}

.page-main {
    margin: 0px;
    width: 980px;
    overflow: hidden;
}

.page-left {
    width: 455px;
    float: left;
}

.press-page-left {
    width: 680px;
    float: left;
}

.page-right, .press-page-right {
    float: left;
}

.page-right-content {
    width: 525px;
}

.press-page-right {
    width: 300px;
}

.page-right-bottom {
    vertical-align: bottom;
    font-size: 10px;
    line-height: 14px;
}

    .page-right-bottom p {
        font-size: 10px;
        line-height: 14px;
    }

/********************************

Header

********************************/
#header-home {
    background: #fff;
    z-index: 100000;
    width: 100%;
    min-width: 1100px;
    padding-top: 45px;
    height: 80px;
}

.header-catalog {
    position: fixed;
    background: #fff;
}

.logo-text {
    background: #fff;
    margin: 0 0 0 0;
    padding: 23px 0 0 60px;
    width: 100%;
    height: 51px;
}

#logomain {
    /* not found */
    margin: 23px 0 5px 30px;
}

/********************************

Navigation

********************************/
#navigation2016 {
    margin: -5px 0 0 5px;
    float: left;
    width: 1000px;
}

    #navigation2016 ul {
        margin: 5px 0 2px 17px;
        padding: 0;
    }

    #navigation2016 li {
        list-style-type: none;
        font-family: 'EB Garamond', serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 10px;
        display: inline-block;
        margin: 0 58px 0 0;
    }

        #navigation2016 li:last-child {
            margin-left: 5px;
        }

#nav-home {
    background: #fff;
    margin: 0 0 0 7px;
    float: left;
    width: 1015px;
}

    #nav-home ul {
        margin: 0;
        padding: 0;
    }

    #nav-home li {
        list-style-type: none;
        font-family: 'EB Garamond', serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 10px;
        margin: 0 5% 0 0;
        padding: 3px 0 0 0;
        float: left;
    }

        #nav-home li:last-child {
            margin: 0;
        }

        #nav-home li:first-child {
            margin-left: 15px;
        }

        #nav-home li a {
            color: #111111;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

#navigation2016 li:last-child {
    margin-right: 0;
}

#navigation2016 li a:hover, #nav-home li a:hover {
    color: #83a7a6;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.nav-line {
    width: 1000px;
    height: 1px;
    background: #d4d3d3;
    z-index: 100000;
    position: relative;
    float: left;
}

/********************************

Search Form

********************************/
#search {
    background: #fff;
    color: #111111;
    float: right;
    margin-right: 4px;
}

    #search input {
        width: 94px;
        font-family: 'EB Garamond', serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 10px;
        text-align: right;
        letter-spacing: 2px;
        padding: 1px 4px 0 4px;
        border: 2px solid #d4d3d3;
        color: #4c4c4c;
        -moz-box-sizing: border-box;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        #search input:focus {
            font-family: sans-serif !important;
            font-size: 12px;
            letter-spacing: 0px;
            text-transform: none !important;
        }

.search_focus input:focus {
    font-family: sans-serif !important;
    font-size: 12px;
    letter-spacing: 0px;
    text-transform: none !important;
}

.submit-btn {
    background-color: #fff;
    border-width: 0px;
    border-style: none;
    height: 0px;
    width: 0px;
    visibility: hidden;
}

.search {
    font-family: 'garamond-premier-pro';
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #585858;
}

.ht-bg {
    background: #2d2d2d;
}

.ht-clear {
    clear: both;
}

.subnav-line {
    width: 758px;
    height: 1px;
    background: #d4d3d3;
    position: relative;
    margin: 5px 0 20px 0;
}

.logofont {
    color: #000;
    font-size: 24px;
    font-family: 'EB Garamond', serif;
    letter-spacing: 12px;
    text-transform: uppercase;
}

    #logo2016 a:hover, .logofont a:hover, .sincefont a:hover {
        text-decoration: none;
        color: #000;
    }

/********************************

Catalog

********************************/
#nav-catalog {
    background: #fff;
    z-index: 100001;
    padding: 20px 0;
    width: 780px;
    margin-left: 110px;
}

    #nav-catalog ul {
        margin: 5px 0 1px 14px;
        padding: 0;
        z-index: 100001;
    }

    #nav-catalog li {
        list-style-type: none;
        font-family: 'garamond-premier-pro', Garamond, serif;
        font-weight: 100 !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 13px;
        display: inline-block;
        margin: 0 54px 0 0;
    }

.sc {
    font-size: 14px !important;
}

#nav-catalog li:last-child {
    margin-right: 0px;
}

#nav-catalog li a {
    color: #4c4c4c;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    #nav-catalog li a:hover {
        color: #83a7a6;
    }

.nav-catalog-line {
    width: 760px;
    background: #d4d3d3;
    height: 1px;
    margin: 0px 0 5px 14px;
}

.catalognav-line {
    width: 100%;
    height: 1px;
    background: #d4d3d3;
    z-index: 99999;
    margin: 5px 0;
}

.product-anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

/* Links */
a:link, a:active {
    color:#597D7B;
    text-decoration: none;
}

a:hover {
    color:#597D7B;
    text-decoration: underline;
}

a:visited:hover {
    color:#597D7B;
    text-decoration: underline;
}

a:visited {
    color:#597D7B;
    text-decoration: none;
}

/* Products */
.product-space {
    height: 180px;
    width: 100%;
}

.project-space {
    height: 68px;
    width: 100%;
}

.product-header {
    width: 1005px;
    overflow: hidden;
    margin-bottom: 23px;
}

.product-heading {
    float: left;
}

    .product-heading h1, .product-heading h2 {
        font-size: 22px;
        margin: 10px 0 0px 40px;
        letter-spacing: 2px;
    }

.backtocatalog {
    float: right;
    padding: 12px 40px 0 0 !important;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 1px;
    color: #9d9d9d;
}

    .backtocatalog a, .backtocatalog a:visited {
        color: #9d9d9d;
        text-decoration: none;
    }

        .backtocatalog a:hover {
            color:#597D7B;
            text-decoration: none;
        }

#productheader {
    background: #fff;
    z-index: 99999;
    position: fixed;
    top: 0;
    padding: 186px 0 20px 0;
    width: 1005px;
}

    #productheader ul {
        margin: 5px 0 2px 15px;
        padding: 0;
    }

    #productheader li {
        list-style-type: none;
        font-family: 'garamond-12-regular';
        font-weight: 100 !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 13px;
        float: right;
        margin: 0;
    }

        #productheader li a {
            color: #4c4c4c;
            text-decoration: none;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            #productheader li a:hover {
                color: #83a7a6;
            }

.navigationline {
    width: 1000px;
    height: 1px;
    background: #d4d3d3;
    z-index: 100000;
    position: relative;
    float: left;
    margin: 7px 0;
}

.product-main {
    margin: 0px auto 0px auto;
    width: 980px;
}

.product-right {
    width: 540px;
    float: left;
    margin: 0 0 80px 0;
}

h1, h2 {
    color: #83a7a6;
    font-size: 24px;
    font-family: 'garamond-premier-pro';
    font-weight: 500;
    letter-spacing: 1px;
    padding: 0;
    line-height: 18px;
    margin: 15px 0 0 0;
}

.gal-content3 h1 {
    font-size: 18px;
    font-weight: bold;
}

.sectionHeader h1 {
    color: #83a7a6;
    font-size: 22px;
    font-family: 'garamond-premier-pro';
    font-weight: 500;
    letter-spacing: 3px;
    padding: 0;
    line-height: 18px;
    margin: 15px 0 0 0;
}

.mainSection {
    margin: 180px auto 80px auto;
    width: 1000px;
}

.hometext {
    font-size: 12px;
    font-family: 'EB Garamond', serif;
    line-height: 16px;
    color: #666666;
    letter-spacing: 0.06em;
}

.hometextFull {
    padding: 0 50px 15px 50px;
    text-align: center;
}

.hometextHalf {
    width: 45%;
    padding: 20px 0 50px 30px;
    float: left;
}

.dropcap {
    font-size: 30px;
    font-weight: 100;
}

.catalogSection {
    margin: 0px 0px 60px 125px;
    overflow: auto;
}

    .catalogSection .sectionHeader {
        display: none;
    }

.homeImage {
    margin-top: 35px;
}

.catalogSubNav ul {
    margin: 0;
    padding: 0;
    float: left;
}

.catalogSubNav li {
    display: inline;
    margin: 0 40px 0 0;
    font-size: 13px;
    font-weight: normal;
}

    .catalogSubNav li a {
        text-decoration: none;
        font-weight: 700;
        color: #585858;
    }

        .catalogSubNav li a:hover {
            color: #83a7a6;
        }

.catalogNumber {
    color: #83a7a6;
}

.thumbnails2016 ul {
    margin: 0 auto;
    padding: 0;
}

.thumbnails2016 li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 0px 15px 59px 0;
}

.capt {
    width: 180px;
    text-align: center;
    font-size: 11px;
    letter-spacing: .75px;
    line-height: 12px;
    margin: 0 0 0 0;
}

.capt-sub {
    width: 162px;
    text-align: center;
    font-size: 11px;
    letter-spacing: .75px;
    line-height: 12px;
    margin: 0 0 0 0;
}

/* STYLE SEARCH PLACEHOLDER */
::-webkit-input-placeholder {
    color: #585858;
    font-family: 'EB Garamond', serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #585858;
    font-family: 'EB Garamond', serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #585858;
    font-family: 'EB Garamond', serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

:-ms-input-placeholder {
    color: #585858;
    font-family: 'EB Garamond', serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

.height_div {
    height: 418px;
    float: left;
    width: 0px;
}

.clear_div {
    height: 38px;
    clear: both;
}

.content1 {
    float: left;
    margin-right: 53px;
}

.content2 {
    margin-right: 41px;
}

.caption {
    font-size: 10px;
    letter-spacing: .75px;
    line-height: 16px;
}

.gallery-content h1, .about-content h1, .contact-content h1,
.gallery-content h2 {
    font-size: 16px;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    margin: 0 0 30px 0;
    font-family: 'garamond-premier-pro', Garamond, serif;
    color:#597D7B;
}
/*
.gallery-content h2 {
  font-size: 16px;
  letter-spacing: 1px;
  margin: 0 0 30px 0;
  font-family: 'garamond-premier-pro', Garamond, serif;
  color: #6D9896;
}
    */
.gallery-content p {
    font-size: 12px;
    font-family: 'EB Garamond', serif;
    line-height: 16px;
    color: #666666;
    letter-spacing: 0.06em;
}

.about-content p {
    font-size: 12px;
    font-family: 'EB Garamond', serif;
    line-height: 20px;
    color: #666666;
    letter-spacing: 0.06em;
    margin: 15px 0;
}

.contact-content p {
    font-size: 12px;
    font-family: 'garamond-premier-pro', Garamond;
    line-height: 20px;
    color: #666666;
    letter-spacing: 0.06em;
    margin: 0 0 50px 0;
}

.gal_content1 {
    float: left;
    margin-right: 26px;
    height: 415px;
    width: 650px;
}

.gal_content2 {
    height: 415px;
}

.gal_content3 {
    float: left;
    margin-right: 90px;
    width: 331px;
}

.gal_content4 {
    width: 540px;
    float: left;
    margin-bottom: 80px;
}

.gal_slide_small {
    float: left;
    margin: 34px 6px 0px 0px;
    text-align: left;
}

.gal_slide_small_caption {
    padding-left: 8px;
}

.gal_slide1 {
    float: left;
    padding-right: 113px;
}

.gal_slide2 {
    float: left;
}

.press_content1 {
    float: left;
    margin-right: 43px;
}

.press_content2 {
    margin-right: 31px;
}

#nav {
    clear: both;
    margin: 0px 100px 25px 100px;
}

.nav_spacer {
    margin-left: 61px;
}

.nav_top_right {
    position: absolute;
    right: 39px;
    top: 33px;
}

.nav_top_right2016 {
    position: absolute;
    right: 50px;
    top: 33px;
}

/********************************

Footer

********************************/
#footer {
    margin: 0 auto;
    height: 50px;
    width: 1042px;
    background: #fff;
    z-index: 99;
    text-align: center;
    padding-left: 0px;
}

    #footer a {
        color: #4c4c4c;
    }

.footer-line {
    width: 100%;
    height: 1px;
    background: #d4d3d3;
}

.footerpad {
    width: 90%;
    height: 5px;
}

.address {
    font-family: 'garamond-premier-pro', serif;
    font-size: 10px;
    /*10px*/
    letter-spacing: 3px;
    font-weight: 500;
}

.no_visit {
    color:#597D7B;
}

    .no_visit a:link, .no_visit a:active, .no_visit a:visited {
        color:#597D7B;
        text-decoration: none;
    }

    .no_visit a:hover {
        color: #666666;
        text-decoration: underline;
    }

.pagination ul {
    list-style-type: none;
    margin: 120px 0 0 0;
    padding: 0;
}

.pagination li {
    display: inline-block;
    margin-right: 100px;
    font-size: 10px;
    letter-spacing: 1px;
}

    .pagination li:last-child {
        margin-right: 0px;
    }

.pagination a {
    color: #585858 !important;
    text-decoration: none !important;
}

    .pagination a:hover {
        color:#597D7B !important;
    }

.pagination1 ul {
    list-style-type: none;
    margin: 4px 0 0 20px;
    padding: 0;
    float: left;
}

.pagination1 li {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 2px 0px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #9d9d9d;
}

.pagination1 a {
    color: #9d9d9d;
    text-decoration: none;
}

    .pagination1 a:hover {
        color:#597D7B;
    }

.pagination2 li:last-child {
    margin-right: 0px;
}

.pagination2 ul {
    list-style-type: none;
    margin: 4px 0 0 190px;
    padding: 0;
    float: left;
}

.pagination2 li {
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 2px 5px;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 1px;
    color: #9d9d9d;
}

.pagination2 a {
    color: #9d9d9d;
    text-decoration: none;
}

    .pagination2 a:hover {
        color:#597D7B;
    }

.pagination2 li:last-child {
    margin-right: 0px;
}

.pagination-gallery li:last-child {
    margin-right: 0px;
}

.pagination-gallery ul {
    list-style-type: none;
    padding: 0;
}

.pagination-gallery li {
    display: inline-block;
    margin: 0 115px 0 0;
    padding: 20px 0 0 0;
    font-weight: bold;
    font-size: 10px;
    letter-spacing: 1px;
    color: #9d9d9d;
}

.pagination-gallery a {
    color: #9d9d9d;
    text-decoration: none;
}

    .pagination-gallery a:hover {
        color:#597D7B;
    }

.pagination-gallery li:last-child {
    margin-right: 0px;
}

.socialShare ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#socialShare {
    display: none;
    position: relative;
}

.socialShare li {
    display: inline-block;
    margin: 0 11px 0 0;
    padding: 0;
}

.socialShare a:hover {
    opacity: .5;
}

.shareline {
    background: url("images/social/shareline2.png") no-repeat top left;
    width: 110px;
    height: 9px;
    float: left;
    margin-bottom: 8px;
    margin-right: 200px;
}

.tearsheet {
    border: 1px solid #a4a4a4;
    font-family: 'garamond-premier-pro', Garamond;
    color: #585858;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 2px;
}

    .tearsheet a {
        color: #585858;
        text-decoration: none;
        font-size: 14px;
    }

    .tearsheet:hover {
        background: #c5ccd4;
    }

.next_press {
    position: absolute;
    left: 332px;
}

.prev_press {
    position: absolute;
    left: 332px;
}

.next_process {
    position: absolute;
    left: 262px;
}

.prev_process {
    position: absolute;
    left: 0px;
}

.next_gal {
    position: absolute;
    left: 371px;
}

.prev_gal {
    position: absolute;
    left: 193px;
}

.item_head {
    font-family: "Times New Roman", Times, serif;
    color:#597D7B;
    font-size: 13px;
    padding-bottom: 4px;
    padding-left: 2px;
}

.pagination_sub {
    float: right;
    padding-right: 23px;
    padding-top: 4px;
}

.cat_table {
    height: 352px;
}

#footer_sub_nav {
    margin: 0px 0px 4px 100px;
}

#sub_nav {
    clear: both;
    margin: 0px 0px 0px 100px;
}

.sub_nav_links {
    float: left;
    margin-top: 4px;
    margin-right: 33px;
}

.sub_nav_spacer {
    margin-left: 38px;
}

.sub_height_div {
    height: 445px;
    float: left;
    width: 0px;
}

.search_posit {
    width: 149px;
    height: 22px;
}

.search_nav {
    font-family: 'garamond-premier-pro', Garamond;
}

.search_image, .search_image_log {
    position: absolute;
    top: 3px;
    left: 0px;
}

.search_box, .search_box_log {
    position: absolute;
    top: -5px;
    left: 62px;
}

.search_image_log {
    top: 0px;
}

.search_box_log {
    top: 1px;
}

.search_posit2 {
    height: 20px;
    margin-left: 0px;
    padding-top: 0px;
}

.search_box #s {
    min-width: 84px;
}

.copyright {
    position: absolute;
    top: 655px;
    right: 3px;
    color: #999;
    font-size: 9px;
}

.thumbnails #tn, .thumbnails #caption {
    display: inline;
}

/* POPUP CONTACT FOR PRODUCT PAGES */
.popupcontact {
    font-family: 'garamond-premier-pro', Garamond;
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    letter-spacing: 0.06em;
    color: #666666;
}

    .popupcontact h2 {
        font-size: 20px;
        font-family: 'garamond-premier-pro', Garamond;
        font-weight: normal;
        color: #666666;
        letter-spacing: 1px;
        margin: 0 0 5px 0;
    }

.emailline {
    width: 100%;
    height: 1px;
    background: #222222;
}

.row {
    margin: 20px 0;
    width: 100%;
}

.submitbutton {
    background-color: #d2dbe4;
    border: none;
    color: #666;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}

.resetbutton {
    background-color: #cccccc;
    border: none;
    color: #666;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
}

/* GALLERY */
.gallerySection {
    margin: 66px auto 0 auto;
    width: 1126px;
    padding: 0;
    color: #666666;
    min-height: 677px;
    overflow: auto;
}

.galleryBack, .galleryNext {
    width: 22px;
    height: 542px;
}

    .galleryBack a {
        width: 22px;
        height: 542px;
        background: url("images/gallery-arrows2016.png") no-repeat;
        background-position: -22px 245px;
        display: block;
    }

        .galleryBack a:hover {
            background-position: -0px 245px;
        }

    .galleryNext a {
        width: 22px;
        height: 542px;
        background: url("images/gallery-arrows2016.png") no-repeat;
        background-position: -44px 245px;
        display: block;
    }

        .galleryNext a:hover {
            background-position: -66px 245px;
        }

.searchpage h1 {
    font-weight: bold;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px;
    font-family: 'garamond-12-regular';
    line-height: 16px;
    letter-spacing: 0.06em;
    display: inline;
}

.headline h1 {
    font-weight: bold;
}

.gallerypagination {
    color: #83a7a6 !important;
    text-align: left !important;
    padding-top: 20px;
}

.form-wrapper {
    height: 20px;
    background: #fff;
    color: #666;
    clear: both;
    font-family: 'garamond-premier-pro', Garamond;
    font-size: 10px !important;
    letter-spacing: 2px;
}

    .form-wrapper input {
        background-color: white;
        font-family: 'garamond-premier-pro', Garamond;
        border: 2px solid #d4d3d3;
        -moz-box-sizing: border-box;
        margin: 0;
        font-size: 10px !important;
        letter-spacing: 2px;
        height: 20px;
        vertical-align: middle;
        padding: 4px;
        width: 82px;
        text-align: right;
        color: #666666;
        text-transform: uppercase;
    }

    .form-wrapper button {
        display: none;
    }

/********************************

Email Form Modal

********************************/
/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 10000000;
    /* Sit on top */
    padding-top: 300px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.7);
    /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    overflow: auto;
    margin: auto;
    padding: 0 40px 40px 40px;
    border: 1px solid #888;
    width: 500px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

/* The Close Button */
.close {
    color: #666666;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #222222;
        text-decoration: none;
        cursor: pointer;
    }

.modal-header {
    padding: 20px 0;
    background-color: #ffffff;
    color: #000000;
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* END MODAL */
.about-caption {
    font-size: 11px !important;
    line-height: 14px !important;
}

.ordering-content p, .custom-content p {
    line-height: 20px;
}

/* Gallery Pages */
.gallery-container {
    width: 1100px;
    margin-top: 2px;
    margin-left: 10px;
}

.gallery-left-nav {
    float: left;
    display: block;
    width: 40px;
}

.gallery-center {
    float: left;
    display: block;
}

.gallery-right-nav {
    float: right;
    display: block;
    width: 42px;
}

.gallery-paginate {
    float: right;
    display: block;
    width: 42px;
    margin-right: 44px;
}

.gallery-text-container {
    display: block;
    margin: 0 auto;
    width: 800px;
    padding: 0 0 15px 0;
    min-height: 77px;
}

.gallery-text {
    padding-right: 20px;
    text-align: center;
}

    .gallery-text h1 {
        font-family: garamond-12-regular;
        font-weight: bold;
        margin: 0 !important;
        padding: 0 !important;
    }

    .gallery-text h1, .gallery-text p {
        font-size: 12px;
        font-family: 'garamond-premier-pro', Garamond;
        line-height: 16px;
        color: #666666;
        letter-spacing: 0.06em;
        display: inline;
    }

/* Featured Image */
.featured-image {
    padding-left: 124px;
    width: 890px;
}

.featured-image-left {
    float: left;
    width: 330px;
}

    .featured-image-left img {
        border: 1px solid #d6d6d6;
        padding: 5px;
        max-width: 320px;
        min-width: 320px;
        max-height: 320px;
        min-height: 320px;
        width: 320px;
        height: 320px;
    }

.featured-image-right {
    float: left;
    padding-left: 20px;
    padding-top: 14px;
    width: 380px;
    height: 330px;
}

    .featured-image-right h1 {
        font-size: 14px;
        text-transform: uppercase;
        font-family: Garamond;
        font-weight: bold;
        margin-bottom: 0;
    }

    .featured-image-right p {
        font-size: 13px;
        font-family: Garamond;
        margin-bottom: 20px;
        line-height: 16px;
    }

.featured-image-link {
    bottom: 0;
    padding-bottom: 14px;
    position: absolute;
    text-transform: none;
}

.featured-image-link-a {
    font-family: 'EB Garamond', Times New Roman;
    font-size: 12px;
    text-transform: none;
}

/* Catalog Dropdown */
#catalogheader ul {
    list-style-type: none;
    overflow: hidden;
}

#catalogheader li a, .dropbtn {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    font-size: 10px;
}

#catalogheader li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

    .dropdown-content a {
        color: black;
        padding: 4px 10px;
        text-decoration: none;
        display: block;
        text-align: left;
        background: #fff;
    }

.dropdown:hover .dropdown-content {
    display: block;
}

.active-link {
    color: #83a7a6 !important;
}

/* Tearsheet Tables */
.tearsheet-table {
    margin-bottom: 30px;
    padding: 0;
}

    .tearsheet-table table {
        width: 100%;
    }

    .tearsheet-table table, .tearsheet-table th, .tearsheet-table td {
        border: 1px solid #d4d3d3;
        border-collapse: collapse;
        padding: 2px 5px;
        line-height: 10px;
    }

    .tearsheet-table th {
        font-size: 9px;
        text-align: left;
        font-weight: normal;
    }

    .tearsheet-table td {
        font-size: 9.5px;
    }

/* Desktop Only Styles */
@media screen and (min-width: 1100px) {
    .product-header {
        margin-left: calc(-75px/2);
    }

    #main {
        overflow: hidden;
    }

    #main-gallery {
        width: 1126px;
    }
}

@media screen and (max-width: 1099px) {
    /**
 * Extends
 */
    .post-list .post-list__item .post-list__item__header h1, .featured-image .featured-image-right h1, .featured-image .featured-image-right h2, .product-main .product-header .product-heading h1, .page-main .page-main__content h1,
    .post-list .post-list__item .post-list__item__header h2, .featured-image .featured-image-right h2, .featured-image .featured-image-right h2, .product-main .product-header .product-heading h2, .page-main .page-main__content h2 {
        font-size: 20pt;
        line-height: 18pt;
        color: #282425;
        margin: 0 0 0.9em;
        font-weight: 400;
        letter-spacing: 0.025em;
    }

    p, #mobile-nav ul li, .post-list .post-list__item .post-list__item__content p, .post-list .post-list__item .post-list__item__footer a, .featured-image .featured-image-right p, .product-main .product-left p, .page-main .page-main__content p, .page-main .page-main__footer a {
        font-size: 12pt;
        font-family: 'EB Garamond', serif;
        line-height: 20pt;
        color: #282425;
        letter-spacing: 0.025em;
    }

    .featured-image .featured-image-right .featured-image-link a {
        font-size: 12pt;
        letter-spacing: 0.025em;
    }
    /**
 * Desktop Layout Resets
 */
    .wrap {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0 18px;
        min-height: 0;
    }

    #header,
    #main,
    #header-home,
    #main-home,
    #footer,
    #nav-catalog {
        width: auto;
        min-width: 0;
        min-height: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .nav-catalog-line {
        width: 100%;
    }

    #header,
    #header-home {
        height: auto;
        padding-top: 10px;
        text-align: center;
    }

        #header .logo-text,
        #header-home .logo-text {
            height: auto;
        }

    #nav-home {
        width: 100%;
        margin: 0;
    }

    .nav-line {
        width: 100%;
    }

    #main-home,
    #main, #main-gallery {
        margin-top: 60px;
    }

        #main-home .margin15,
        #main .margin15, #main-gallery .margin15 {
            display: none;
        }
    /**
 * Global Styles
 */
    html {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    *, *:before, *:after {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }

    img {
        max-width: 100%;
    }

    .desktop-only {
        display: none;
    }
    /**
 * Text Sizes
 */
    /**
 * Mobile Menu
 */
    #page-wrap {
        width: 100%;
        overflow-x: hidden;
        position: relative;
    }

    #header .left,
    #header-home .left {
        position: relative;
    }

    .hamburger-menu {
        position: fixed;
        right: 10px;
        top: 44px;
        z-index: 9999999;
    }

        .hamburger-menu label {
            display: block;
            padding: 10px;
            width: 50px;
            opacity: 0.75;
            -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
        }

            .hamburger-menu label:hover {
                opacity: 1;
            }

            .hamburger-menu label .hamburger-line {
                display: block;
                height: 2px;
                width: 100%;
                margin: 4px 0;
                background: black;
                border-radius: 2px;
                overflow: hidden;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center;
            }

    #page,
    #mobile-nav {
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
    }

    #mobile-nav {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 260px;
        -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        transform: translateX(-260px);
        padding: 90px 30px 30px;
        background: rgba(255, 255, 255, 0.95);
        z-index: 999;
        font-family: "Times New Roman", serif;
        font-size: 18pt;
        /* all menu items */
        /* first level menu items */
        /* second level menu items */
        /* third level menu items */
    }

        #mobile-nav ul {
            margin: 0;
            padding: 0;
        }

            #mobile-nav ul li {
                letter-spacing: 2px;
                text-transform: uppercase;
                line-height: 1.1em;
            }

                #mobile-nav ul li small {
                    font-size: 0.75em;
                }

                #mobile-nav ul li a {
                    color: inherit;
                    display: inline-block;
                }

                    #mobile-nav ul li a::selection {
                        background: rgba(255, 255, 255, 0);
                    }

                    #mobile-nav ul li a::-moz-selection {
                        background: rgba(255, 255, 255, 0);
                    }

                    #mobile-nav ul li a:hover,
                    #mobile-nav ul li a:active {
                        text-decoration: none;
                        background: rgba(255, 255, 255, 0);
                    }

                #mobile-nav ul li.has-children.submenu-open > ul {
                    height: auto;
                    max-height: 800px;
                }

                #mobile-nav ul li.current-page > a {
                    font-weight: bold;
                }

                #mobile-nav ul li.current-page > ul {
                    height: auto;
                    max-height: 800px;
                }

            #mobile-nav ul ul.submenu {
                max-height: 0;
                overflow: hidden;
                padding: 0 0 0 20px;
                -webkit-transition: max-height 0.3s ease-in;
                transition: max-height 0.3s ease-in;
            }

        #mobile-nav > ul > li {
            margin: 0 0 40px;
        }

            #mobile-nav > ul > li > a {
                cursor: pointer;
                display: block;
            }

            #mobile-nav > ul > li.submenu-open > a {
                font-weight: bold;
            }

            #mobile-nav > ul > li > ul.submenu > li {
                margin: 24px 0;
            }

                #mobile-nav > ul > li > ul.submenu > li:last-child {
                    margin-bottom: 0;
                }

                #mobile-nav > ul > li > ul.submenu > li.has-children > a:after {
                    padding-left: 8px;
                    font-size: 0.65em;
                    line-height: inherit;
                    height: 19px;
                    display: inline-block;
                    -webkit-transform-origin: center center;
                    -ms-transform-origin: center center;
                    transform-origin: center center;
                    -webkit-transition: all 0.3s;
                    transition: all 0.3s;
                    vertical-align: middle;
                    color: #848484;
                    content: '\ea1c';
                    font-family: 'icomoon' !important;
                    -webkit-font-smoothing: antialiased;
                }

                #mobile-nav > ul > li > ul.submenu > li.has-children.submenu-open > a:after {
                    -webkit-transform: translateY(-5px) rotate(90deg);
                    -ms-transform: translateY(-5px) rotate(90deg);
                    transform: translateY(-5px) rotate(90deg);
                }

                #mobile-nav > ul > li > ul.submenu > li > ul.submenu > li {
                    margin: 15px 0;
                    font-size: 0.9em;
                }

                    #mobile-nav > ul > li > ul.submenu > li > ul.submenu > li:last-child {
                        margin-bottom: 8px;
                    }

        #mobile-nav li.search {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 28px;
        }

            #mobile-nav li.search .ti-search {
                font-size: 1.5em;
                font-weight: bold;
                margin-right: 5px;
                -webkit-transform: translateY(2px);
                -ms-transform: translateY(2px);
                transform: translateY(2px);
            }

            #mobile-nav li.search #mobile-search {
                font-size: inherit;
                font-weight: normal;
                letter-spacing: inherit;
                width: 100%;
            }

                #mobile-nav li.search #mobile-search input {
                    border: 0;
                    outline: 0;
                    padding: 0;
                    border-bottom: 1px solid #ccc;
                    font-size: inherit;
                    font-family: inherit;
                    font-weight: inherit;
                    text-transform: uppercase;
                    letter-spacing: inherit;
                    background: none transparent;
                    width: 100%;
                }

                #mobile-nav li.search #mobile-search ::-webkit-input-placeholder,
                #mobile-nav li.search #mobile-search ::-moz-placeholder,
                #mobile-nav li.search #mobile-search ::-ms-input-placeholder,
                #mobile-nav li.search #mobile-search ::placeholder {
                    font-size: inherit;
                    font-family: inherit;
                    font-weight: inherit;
                    text-transform: uppercase;
                    letter-spacing: inherit;
                    color: #858585;
                }

    #mobile-menu-switch:checked ~ #page-wrap .hamburger-line:first-child {
        -webkit-transform: translateY(6px) rotate(45deg);
        -ms-transform: translateY(6px) rotate(45deg);
        transform: translateY(6px) rotate(45deg);
    }

    #mobile-menu-switch:checked ~ #page-wrap .hamburger-line:last-child {
        -webkit-transform: translateY(-6px) rotate(-45deg);
        -ms-transform: translateY(-6px) rotate(-45deg);
        transform: translateY(-6px) rotate(-45deg);
    }

    #mobile-menu-switch:checked ~ #page-wrap .hamburger-line:nth-child(2) {
        opacity: 0;
    }

    #mobile-menu-switch:checked ~ #mobile-nav {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    /**
 * Mobile Header
 */
    #header .left,
    #header-home .left {
        float: none;
    }

        #header .left img,
        #header-home .left img {
            max-width: 40px;
        }

    #header .logo-text,
    #header-home .logo-text {
        padding: 12px 0 0;
        line-height: 1;
    }

    #header a,
    #header-home a {
        display: block;
    }

    .logo__est {
        text-transform: uppercase;
        font-style: italic;
        letter-spacing: 0.2em;
        color: #888;
        font-family: 'EB Garamond', serif;
        font-weight: 300;
        font-size: 8pt;
    }
    /**
 * Mobile Footer
 */
    #footer {
        height: auto;
        margin: 123px 18px;
        padding-bottom: 30px;
    }

        #footer .footer-line {
            margin-bottom: 4px;
        }
    /**
 * Add-Ons
 */
    .icon-back-to-catalog {
        transform: scale(-1, 1) !important;
        color: #9d9d9d;
        padding-bottom: 3px;
    }

    .related-products-grid {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-bottom: 20px;
        margin-left: -10px;
        margin-right: -10px;
    }

    .related-products-grid__item {
        width: calc(50% - 20px);
        margin: 10px;
    }

        .related-products-grid__item a {
            display: block;
            position: relative;
        }

        .related-products-grid__item img {
            display: block;
            margin: 0 auto;
            width: 100%;
        }

    .post-list__item__img_narrow img {
        padding: 0 15% 0 15%;
        margin-bottom: 13.33333px !important;
    }

    .featured-image-right h1 {
        color: #282425;
        margin-top: 0;
        text-transform: capitalize;
        font-family: 'EB Garamond', 'Times New Roman', serif !important;
    }

    .address2 {
        font-size: 16px;
        line-height: 20px;
    }

    .address-spacer {
        margin-bottom: 5px;
    }

    div.post-list__item__img.post-list__item__img_narrow > img:nth-child(2) {
        /* margin-top: 40px; */
    }

    #mobile-nav {
        overflow-y: auto !important;
    }

    .mobile-active {
        font-weight: bold !important;
    }

    @font-face {
        font-family: 'icomoon';
        src: url("/fonts/icomoon.eot?3d1lbz");
        src: url("/fonts/icomoon.eot?3d1lbz#iefix") format("embedded-opentype"), url("/fonts/icomoon.ttf?3d1lbz") format("truetype"), url("/fonts/icomoon.woff?3d1lbz") format("woff"), url("/fonts/icomoon.svg?3d1lbz#icomoon") format("svg");
        font-weight: normal;
        font-style: normal;
    }

    [class^="icon-"], [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .submenu > li.has-children > a:after {
        content: '\ea1c';
        padding-left: 8px;
        font-size: 0.65em;
        line-height: inherit;
        height: 19px;
        display: inline-block;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        vertical-align: middle;
        color: #848484;
        font-family: 'icomoon' !important;
        -webkit-font-smoothing: antialiased;
    }

    .submenu > li.has-children.submenu-open > a:after {
        -webkit-transform: translateY(-5px) rotate(90deg);
        -ms-transform: translateY(-5px) rotate(90deg);
        transform: translateY(-5px) rotate(90deg);
    }

    .contact-address {
        margin-top: 20px;
    }

        .contact-address p {
            font-size: 14px !important;
            text-transform: uppercase;
        }
}

@media (min-width: 1100px) {
    .thumbnails2016 > ul > li > a > picture > img, .img-size {
        height: 160px !important;
    }

    .related-products-grid {
        margin-bottom: 10px;
        margin-left: -3px;
        margin-right: -3px;
    }

    .related-products-grid__item {
        width: calc(33.333% - 6px);
        margin: 3px;
    }

    span.alt-pair-text {
        width: 100% !important;
        /* overwrites existing CSS */
        height: auto !important;
        /* overwrites existing CSS */
        display: block !important;
        /* overwrites existing CSS */
        bottom: 0;
    }

        span.alt-pair-text span {
            display: block !important;
            /* overwrites existing CSS */
            width: 100%;
            padding: 0 !important;
            /* overwrites existing CSS */
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

    .mobile-only {
        /* Edit for existing CSS class- forgot to mark as !important */
        display: none !important;
    }

    #projects.post-list,
    #custom.post-list,
    #about.post-list,
    #ordering.post-list {
        padding: 20px 0 40px;
    }

        #projects.post-list .post-list__item,
        #custom.post-list .post-list__item,
        #about.post-list .post-list__item,
        #ordering.post-list .post-list__item {
            display: flex;
            /*flex-flow: row wrap;*/
            align-items: flex-end;
            border-top: 1px solid #ccc;
            padding-top: 50px;
            margin-bottom: 50px;
        }

            #projects.post-list .post-list__item.item-has-thumbnail,
            #custom.post-list .post-list__item.item-has-thumbnail,
            #about.post-list .post-list__item.item-has-thumbnail,
            #ordering.post-list .post-list__item.item-has-thumbnail {
                align-items: center;
            }

        #projects.post-list .post-list__item__img {
            text-align: right;
            width: 66%;
        }

        #custom.post-list .post-list__item__img,
        #about.post-list .post-list__item__img,
        #ordering.post-list .post-list__item__img {
            text-align: right;
            width: 44%;
        }

            #projects.post-list .post-list__item__img img,
            #custom.post-list .post-list__item__img img,
            #about.post-list .post-list__item__img img,
            #ordering.post-list .post-list__item__img img {
                width: 100%;
            }

            #projects.post-list .post-list__item__img *:nth-child(2),
            #about.post-list .post-list__item__img *:nth-child(2),
            #ordering.post-list .post-list__item__img *:nth-child(2) {
                display: inline-block;
                max-width: 30%;
                margin-top: 10px;
            }

            #custom.post-list .post-list__item__img *:nth-child(2) {
                display: inline-block;
                margin-top: 10px;
            }

        #projects.post-list .post-list__item__text {
            /*width: 1fr;*/
            /*flex-basis: 40%;*/
            width: 40%;
            padding-left: 40px;
        }

        #custom.post-list .post-list__item__text,
        #about.post-list .post-list__item__text,
        #ordering.post-list .post-list__item__text {
            /*width: 1fr;*/
            /*flex-basis: 40%;*/
            width: 56%;
            padding-left: 40px;
        }

        #projects.post-list .post-list__item__header h2,
        #custom.post-list .post-list__item__header h2,
        #about.post-list .post-list__item__header h2,
        #ordering.post-list .post-list__item__header h2 {
            line-height: 1.2;
        }

        #projects.post-list .post-list__item__content,
        #custom.post-list .post-list__item__content,
        #about.post-list .post-list__item__content,
        #ordering.post-list .post-list__item__content {
            margin: 20px 0 20px;
        }
}

@media screen and (max-width: 1099px) and (orientation: landscape) {
    #page-wrap {
        padding-left: 5%;
        padding-right: 5%;
    }

    .modal {
        padding-top: 1% !important;
    }
}

@media screen and (max-width: 1099px) {
    /**
	 * Content Index List (re-usable)
	 */
    .post-list {
        text-align: center;
    }

        .post-list .post-list__item {
            margin: 0 0 60px;
        }

            .post-list .post-list__item .post-list__item__img {
                margin: 0 0 40px;
            }

                .post-list .post-list__item .post-list__item__img.post-list__item__img--full-width {
                    margin: 0 -18px 40px;
                }

                .post-list .post-list__item .post-list__item__img img {
                    display: block;
                    width: 100%;
                    margin: 0 0 13.33333px;
                }

                    .post-list .post-list__item .post-list__item__img img:last-child {
                        /*margin-bottom: 0;*/
                    }

            .post-list .post-list__item .post-list__item__header h1 {
                margin: 0 0 25px;
            }

            .post-list .post-list__item .post-list__item__content.post-list__item__content--indented {
                padding: 0 18px;
            }

            .post-list .post-list__item .post-list__item__content img {
                display: block;
                margin: 20px 0;
            }

                .post-list .post-list__item .post-list__item__content img:last-of-type {
                    margin-bottom: 0;
                }

            .post-list .post-list__item .post-list__item__content p {
                margin: 0 0 1.25em;
            }

                .post-list .post-list__item .post-list__item__content p:last-child {
                    margin: 0;
                }

                .post-list .post-list__item .post-list__item__content p a {
                    color:#597D7B;
                    text-decoration: underline;
                }

            .post-list .post-list__item .post-list__item__footer {
                padding-top: 25px;
            }

                .post-list .post-list__item .post-list__item__footer a {
                    color:#597D7B;
                    text-transform: uppercase;
                }

            .post-list .post-list__item.post-list__item--padded .post-list__item__header,
            .post-list .post-list__item.post-list__item--padded .post-list__item__content,
            .post-list .post-list__item.post-list__item--padded .post-list__item__footer {
                padding-left: 18px;
                padding-right: 18px;
            }
    /**
	 * Catalog Page
	 */
    .featured-image {
        width: auto;
        padding-left: 0;
        margin-bottom: 40px;
    }

        .featured-image .featured-image-left {
            float: none;
            width: 100%;
            margin: 0 0 40px;
            text-align: center;
        }

            .featured-image .featured-image-left img {
                width: auto;
                max-width: 100%;
                min-width: 0;
                height: auto;
                min-height: 0;
                max-height: 100%;
                margin: 0 auto;
            }

        .featured-image .featured-image-right {
            width: 100%;
            height: auto;
            float: none;
            text-align: center;
            padding: 0 20px;
        }

            .featured-image .featured-image-right .featured-image-link {
                position: static;
                display: block;
                padding-top: 15px;
                text-align: center;
            }

    .catalogSection {
        margin-left: 0;
        border-top: 1px solid #d4d3d3;
    }

        .catalogSection ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .catalogSection ul li {
                margin: 20px 0 30px;
                text-align: center;
                width: 50%;
            }

                .catalogSection ul li img {
                    width: 100%;
                    height: auto;
                    padding: 0 20px;
                }

                .catalogSection ul li .capt,
                .catalogSection ul li .capt-sub {
                    width: auto;
                    margin: 0;
                }

                .catalogSection ul li .capt-sub {
                    font-size: 10pt;
                    line-height: 1;
                    padding-top: 3px;
                }
    /**
	 * Product Page
	 */
    .product-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        overflow: initial;
    }

        .product-main .product-header {
            width: 100%;
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

            .product-main .product-header .product-heading {
                float: none;
            }

                .product-main .product-header .product-heading h1 {
                    color: #83a7a6;
                    padding-left: 18px;
                    margin: 0;
                }

            .product-main .product-header .backtocatalog {
                display: none;
            }

            .product-main .product-header .navigationline {
                margin-bottom: 0;
            }

        .product-main .product-left {
            width: 100%;
            margin: 0;
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
            padding: 0 20px;
        }

            .product-main .product-left .tearsheet-table {
                margin-top: 20px;
            }

        .product-main .product-right {
            width: 100%;
            margin: 0 0 30px;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

            .product-main .product-right .backtocatalog {
                padding: 0 10px 0 0 !important;
                -webkit-transform: translateY(-10px);
                -ms-transform: translateY(-10px);
                transform: translateY(-10px);
            }

            .product-main .product-right img {
                width: 100%;
                height: auto;
            }

            .product-main .product-right .pagination1 ul {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                margin-left: 0;
                padding-left: 20px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .product-main .product-right .pagination1 ul li.sep {
                    display: none;
                }

                .product-main .product-right .pagination1 ul li:last-child {
                    margin-left: auto;
                }

            .product-main .product-right .pagination2 {
                display: none;
            }
    /**
	 * Modal
	 */
    .modal {
        padding-top: 20%;
    }

    .modal-content {
        width: 80%;
    }
    /**
	 * Default Page
	 */
    .page-main,
    .page-left,
    .page-right {
        width: auto;
        float: none;
        margin: 0;
    }

        .page-main img,
        .page-left img,
        .page-right img {
            display: block;
            height: auto;
            margin: 0 auto;
        }

        .page-main .img-caption,
        .page-left .img-caption,
        .page-right .img-caption {
            padding: 5px 5px 0;
            text-align: right;
        }

        .page-main .page-left {
            margin-bottom: 45px;
        }

        .page-main .margin87 {
            height: 44px;
        }

        .page-main .page-main__content {
            text-align: center;
            padding: 0 20px;
        }

            .page-main .page-main__content h1 {
                text-transform: none;
            }

            .page-main .page-main__content p {
                margin: 20px 0;
            }

        .page-main .page-main__footer {
            margin-top: 25px;
        }

            .page-main .page-main__footer a {
                color:#597D7B;
                text-transform: uppercase;
            }

    .mobile-image-container {
        margin: 0 auto;
        max-width: 415px;
    }

        .mobile-image-container img {
            max-width: 100%;
            max-height: auto;
        }
    /**
	 * Projects Index Page
	 * { REFACTORED }
	 */
    span.alt-pair-text,
    span.alt-pair-text span {
        width: auto;
        height: auto;
        display: block;
        position: static;
        opacity: 1;
        padding: 0;
        margin-top: 5px;
    }

        span.alt-pair-text br {
            display: none;
        }

    .post-list__item__content, .post-list__item__header {
        padding: 0 20px;
    }

    .post-list__item {
        padding-bottom: 30px;
    }

    .navigationline {
        margin: 0 !important;
    }

    .desktop-separator {
        display: none !important;
    }

    html, body {
        height: 100%;
        margin: 0;
    }

    #page-wrap {
        min-height: 100%;
        margin-bottom: -123px;
    }

    #footer {
        height: 123px;
    }
}

@media screen and (min-width: 600px) and (max-width: 1099px) {
    .wrap {
        padding: 0 27px;
    }

    #mobile-nav {
        width: 400px;
        -webkit-transform: translateX(-400px);
        -ms-transform: translateX(-400px);
        transform: translateX(-400px);
    }

    .post-list .post-list__item .post-list__item__img.post-list__item__img--full-width {
        margin: 0 -27px 40px;
    }

    .post-list .post-list__item .post-list__item__header,
    .post-list .post-list__item .post-list__item__content,
    .post-list .post-list__item .post-list__item__footer {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

        .post-list .post-list__item .post-list__item__content.post-list__item__content--indented {
            padding: 0 27px;
        }

    .post-list .post-list__item.post-list__item--padded .post-list__item__header,
    .post-list .post-list__item.post-list__item--padded .post-list__item__content,
    .post-list .post-list__item.post-list__item--padded .post-list__item__footer {
        padding-left: 0;
        padding-right: 0;
    }

    #page-wrap {
        padding-left: 5%;
        padding-right: 5%;
    }
}

.related-products-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 20px;
    margin-left: -10px;
    margin-right: -10px;
}

.related-products-grid__item {
    width: calc(50% - 20px);
    margin: 10px;
}

    .related-products-grid__item a {
        display: block;
        position: relative;
    }

    .related-products-grid__item img {
        display: block;
        margin: 0 auto;
        width: 100%;
        /* remove this if you don't want the pictures to pixelate, but then they won't fill the whole column on larger mobile screens */
    }

.icon {
    display: inline-block;
    width: 1.1em;
    height: 1.1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    color:#597D7B;
    vertical-align: middle;
    padding-bottom: 5px;
}

.featured-image-right h1 {
    color: #282425;
    margin-top: 0;
}

/* Non-SCSS code 
    Having problems with the SCSS not generating the CSS properly 9/9/2019
    Will replace the following CSS code when the problem is found
    line 1003 - removed text-transform: uppercase; 
    line 1002 replaced gallery-content h2 with the same as gallery-content h1
    line 1920 added h2 to h1
    line 279 added 30px to #main margin
*/
.gallery-content p {
    margin-bottom: 20px;
}

.top-line {
    border-top: 1px solid #ccc;
    padding-bottom: 30px;
    padding-top: 40px;
}

@media screen and (max-width: 1099px) {
    .img-caption {
        padding: 5px 5px 0;
        text-align: right !important;
    }

    .custom-design-width {
        margin: 13.33333px 40px 40px 40px;
    }
}

@media screen and (min-width: 1100px) {
    .desktop-link {
        text-decoration: underline !important;
    }

    #projects > section > div.post-list__item__text > header > h1,
    #projects > section > div.post-list__item__text > header > h2,
    #custom > section > div.post-list__item__text > header > h1,
    #custom > section > div.post-list__item__text > header > h2,
    #about > section > div.post-list__item__text > header > h1,
    #about > section > div.post-list__item__text > header > h2,
    #ordering > section > div.post-list__item__text > header > h1,
    #ordering > section > div.post-list__item__text > header > h2 {
        margin-bottom: 0px;
    }

    img.custom-width {
        width: 70% !important;
    }

    .custom-design-width img {
        width: 100% !important;
    }
}

/* adding Custom ID where projects was... */
/* Updated visited links from 666 to 6D9896 */
/* updated page-main set margin to 0 */

.crunchify-top:hover {
    color:#597D7B !important;
    text-decoration: none;
}

.crunchify-top img:hover {
    color:#597D7B !important;
}

.crunch-arrow img {
    color: #666 !important;
}

.filter-green {
    /*filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);*/
}

    .filter-green:hover {
        filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(30%) contrast(119%);
    }

.crunchify-top {
    z-index: 999999999;
    background-image: url(/Content/up-arrow.svg);
    display: none;
    transform: rotate(-90deg);
    position: fixed;
    bottom: 3rem;
    right: 5rem;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.4rem;
    color: #666 !important;
    text-decoration: none;
    border-radius: 3.2rem;
    text-align: center;
    cursor: pointer;
    filter: invert(80%) sepia(21%) saturate(4%) hue-rotate(325deg) brightness(96%) contrast(98%);
    /*filter: invert(13%) sepia(5%) saturate(1066%) hue-rotate(314deg) brightness(102%) contrast(83%);*/
    /* #666 filter: invert(38%) sepia(8%) saturate(12%) hue-rotate(352deg) brightness(96%) contrast(81%); */
}

    .crunchify-top:hover {
        filter: invert(59%) sepia(30%) saturate(317%) hue-rotate(128deg) brightness(91%) contrast(86%);
    }

.product-links {
    margin-top: 25px;
}

    .product-links p {
        margin-bottom: 0px;
    }

    .product-links a {
        text-decoration: underline;
        color: #282425;
        line-height: 16px;
    }

@media (max-width: 1100px) {
    .product-links a {
        font-size: 15px;
    }
}

.product-links a:hover {
    color: #282425;
    text-decoration: none;
}