/*
    Content.css:
    # Base
    # Layout
    # Navigation
    # Home
    # Catalog
    # Resource Library
    # Search
    # Forms
    # User Content (ContentPage's)
 ============================= */

img[src$="fpo.png"] {
    max-width: 100%;
    vertical-align: text-top;
}

    img[src$="fpo.png"].half-left {
        width: 50%;
        float: left;
        padding: 0 15px 15px 0;
    }

    img[src$="fpo.png"].half-right {
        width: 50%;
        float: right;
        padding: 0 0 15px 15px;
    }

/*
    Base
 ============================= */

* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

html {
    color: #000;
    font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
    font-size: 14.4px;
    font-weight: 300;
}

html,
body {
    height: 100%;
}

a:link, a:visited {
    color: #b11f25;
}

a:hover, a:active, a:focus {
    color: #E05255;
}

ul, ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

h1, h2 {
    font-size: 250%;
    color: #b11f25;
}

h3, h4 {
    font-weight: bold;
}

/*
    Layout
 ============================= */

.layout {
    margin: 0 auto;
    background: #fff;
    overflow: visible;
    position: relative;
    min-height: 700px;
}

    .layout > div:not(.full-bleed) {
        max-width: 1200px;
        margin: 0 auto;
    }

#body {
    padding: 45px 0;
    min-height: 500px;
    position: relative;
    overflow: visible;
}

    #body:after {
        content: '';
        display: block;
        clear: both;
    }

    #body .navigation {
        float: left;
    }

    #body .content {
        font-size: 0.9rem;
        position: relative;
        line-height: 1.6;
    }

    #body .left-col + .content {
        float: left;
        padding-left: 50px;
        width: 70%;
    }

#footer {
    background-color: #eee;
    padding: 15px 50px;
    background-image: url(../images/page-bottom-shadow.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

    #footer > p {
        margin: 0 0 0 0;
    }

    #footer .logo {
        display: inline-block;
        padding-top: 10px;
    }

        #footer .logo img {
            max-width: 85%;
        }

    #footer .contact-phone {
        font-size: 1.2em;
        padding: 15px 0 10px 0;
    }

    #footer .fine-print {
        position: relative;
        padding: 0 0 10px 0;
        margin: 0;
    }

        #footer .fine-print:after {
            content: '';
            display: block;
            clear: both;
        }

        #footer .fine-print p {
            padding: 0;
            margin: 0;
        }

    #footer #cr-power {
        float: right;
        font-size: 0.8em;
    }

    #footer #copyright {
        float: left;
        font-size: 0.8em;
    }

#footer {
    padding-left: calc((100% - 1200px) / 2);
    padding-right: calc((100% - 1200px) / 2);
}

#back-to-top {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 50px;
    opacity: 0.8;
}

    #back-to-top img {
        width: 100%;
        height: auto;
    }

#footer .navigation:after {
    content: '';
    display: block;
    clear: both;
}

#footer .nav-wrapper {
    text-align: center;
}

#footer .navigation {
    margin: 5px 0;
}

    #footer .navigation li {
        display: inline-block;
    }

    #footer .navigation li {
        padding-right: 10px;
    }

    #footer .navigation a {
        color: #000;
        text-decoration: none;
    }

    #footer .navigation a {
        font-size: 85%;
    }

#body .left-col {
    display: block;
    float: left;
    width: 29%;
    padding: 0;
    margin: 0;
}

#body .navigation {
    display: block;
    float: left;
    width: 100%;
}

    #body .navigation li {
        border-top: 1px solid rgba(255, 255, 255, .5);
        padding: 0;
    }

        #body .navigation li a {
            display: block;
            font-size: 0.798611111111111rem;
            font-weight: 300;
            padding: 12px 30px 12px 20px;
            position: relative;
            text-decoration: none;
            color: #444;
            overflow: hidden;
        }

        #body .navigation li li li.selected > a {
            color: #b11f25;
        }

        #body .navigation li a.expandable:before {
            content: url(../Images/white-circle-plus.png);
            display: block;
            position: absolute;
            top: calc(50% - 8px);
            right: 15px;
            width: 16px;
            height: 16px;
        }

        #body .navigation li a.max.expandable:before {
            content: url(../Images/white-circle-minus.png);
        }

        #body .navigation li li a.expandable:before {
            content: url(../Images/dark-circle-plus.png);
        }

        #body .navigation li li a.max.expandable:before {
            content: url(../Images/dark-circle-minus.png);
        }


    #body .navigation ul {
        display: none;
    }

#body .navigation {
    background-color: #ddd;
}

.secondary-nav-shadow {
    box-shadow: 0px 0px 25px -4px rgba(0,0,0,0.35);
    border-radius: 20px;
}

    .secondary-nav-shadow:after {
        content: '';
        display: table;
        clear: both;
        background-color: #b11f25;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        width: 100%;
        height: 42px;
        margin-bottom: 25px;
        border-top: solid 1px #fff;
    }

.section-navigator {
    background-color: #b11f25;
    padding: 12px 30px 12px 20px;
    text-align: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-transform: uppercase;
}

    .section-navigator.nav-trigger-only {
        /*display: none;*/
    }

    .section-navigator a {
        color: #fff;
        text-decoration: none;
        font-size: 0.8333333333333333rem;
        font-weight: 500;
        display: inline-block;
        height: 21px;
        line-height: 21px;
    }

/* Level 1 */

#body .navigation > li > a {
    background-color: #8d8d8d;
    color: #fff;
}

/*#body .navigation > li > a.max,
#body .navigation > li > a:hover,*/
#body .navigation > li.selected > a {
    text-decoration: underline;
}

/* Level 2 */

#body .navigation > li > ul > li > a {
    background-color: #d4d4d4;
}

#body .navigation > li > ul > li.selected > a {
    /*color: #444;*/
    color: #171616;
    font-weight: bold;
}

/* Level 3 */

#body .navigation > li > ul > li > ul > li > a {
    background-color: #eaeaea;
}

/* Level 4+ */

#body .navigation > li > ul > li > ul > li > ul > li {
    border-top: solid 1px rgba(112, 112, 112, .2);
}

    #body .navigation > li > ul > li > ul > li > ul > li > a {
        background-color: #fff;
    }

    /* Level 5+ */

    #body .navigation > li > ul > li > ul > li > ul > li > ul > li > a {
        background-color: #fff;
        padding-left: 35px;
    }

/*
    Home
 ============================= */

.home.index #body {
    padding: 0;
    max-width: none !important;
}

.home-anniversary-icon {
    position: absolute;
    top: 40px;
    right: 100px;
}

.home-panel {
    position: relative;
    background-repeat: no-repeat;
    background-position: left top;
    /*background-size: contain;*/
    background-size: cover;
    background-position: center center;
    height: 0;
    padding-left: calc((100% - 1200px) / 2);
    padding-right: calc((100% - 1200px) / 2);
}

.home-panel__content {
    position: absolute;
    bottom: 100px;
    right: 125px;
}

.home-panel--main-alpha { /* 1200x700 AR 58.333 */
    background-image: url('../images/home/Safety-Shield-Homepage-Banner-V2.jpg');
    padding-bottom: 58.333%;
    padding-bottom: 42%;
}

.home-panel--main { /* 1200x700 AR 58.333 */
    background-image: url('../images/home/precision-background.jpg');
    padding-bottom: 58.333%;
    padding-bottom: 42%;
}

.home-panel--main-2 { /* 1200x700 AR 58.333 */
    background-image: url('../images/home/shower-background.png');
   /* background-color: #b11f25;*/
    padding-bottom: 58.333%;
    padding-bottom: 42%;
}

.home-panel--main-3 { /* 1200x700AR 58.333 */
    background-image: url('../images/home/story-background.jpg');
   padding-bottom: 58.333%;
    padding-bottom: 42%;
}

.home-panel-slider .slick-arrow {
    position: absolute;
    top: calc(50% - 35px);
    background-color: transparent;
    border: none;
    z-index: 1;
    font-size: 0;
    opacity: .8;
    transition: all ease-in-out .2s;
}

    .home-panel-slider .slick-arrow:hover {
        opacity: .7;
    }

.home-panel-slider .slick-prev {
    left: 25px;
}

.home-panel-slider .slick-next {
    right: 25px;
}

.home-panel-slider .slick-prev:before {
    content: url('../Images/arrow-left.png');
}

.home-panel-slider .slick-next:after {
    content: url('../Images/arrow-right.png');
}

.home-panel--railing-systems { /* 1200x670 AR 55.833 */
    background-image: url('../images/home/railing-products-image.jpg');
    padding-bottom: 55.833%;
}

.home-panel--shower-products { /* 1200x670 AR 55.833 */
    background-image: url('../images/home/shower1-image.jpg');
    padding-bottom: 55.833%;
}

.home-panel--arch-extrusions { /* 1200x605 AR 50.417 */
    background-image: url('../images/home/extrusions-combined.jpg');
    padding-bottom: 50.417%;
}

.home-panel--slide-track { /* 600x605 AR 100.833 */
    background-image: url('../images/home/slide-track-image.jpg');
    padding-bottom: 100.833%;
}

.home-panel--marine { /* 600x605 AR 100.833 */
    background-image: url('../images/home/marine-image.jpg');
    padding-bottom: 100.833%;
}

.home-panel-slide {
    display: block !important;
}


.home-content-alpha {
    position: relative;
    top: 118px;
    left: 80px;
    width: 80%;
}

.home-content-alpha__title {
     color: #FFF;
    font-size: 4.5rem;
    line-height:4.7rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    margin: 0 auto;
    text-shadow: 2px 2px 2px #000;
}

.home-content-alpha__text {
    color: #fff;
    font-size: 1.375rem;
    padding: 0;
    font-weight: 400;
    margin: 0 auto;
    text-shadow: 2px 2px 2px #000;
}

.home-content {
    position: relative;
    top: 102px;
    left: 80px;
    width: 58%;
}

.home-content__title {
     color: #FFF;
    font-size: 4.5rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    margin: 0 auto;
    text-shadow: 2px 2px 2px #000;
}

.home-content__text {
    color: #fff;
    font-size: 1.375rem;
    padding: 0;
    font-weight: 400;
    margin: 0 auto;
    text-shadow: 2px 2px 2px #000;
}

.home-content__link {
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    margin-top: 30px;
    font-size: 0.7rem;
}

    .home-content__link > img {
        display: inline-block !important;
        vertical-align: middle;
        position: relative;
        top: -3px;
        padding-right: 10px;
    }

.home-content-2 {
    position: relative;
    top: 102px;
    left: 80px;
    width: 58%;
}
 
.home-content__subtitle {
    color: #fff;
    font-size: 1.6em;
    padding: 0;
    margin: 10px 0 0 0;
}

.home-content__title-2 {
    color: #FFF;
    font-size: 4.5rem;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    margin: 0 auto;
    text-shadow: 2px 2px 2px #000;
}

.home-content__link-2 {
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto
}

.home-content__text-2 {
    color: #fff;
    font-size: 1.375rem;
    font-weight: 400;
    margin: 0 auto;
    text-shadow: 2px 2px 2px #000;
}

.home-content-3 {
    position: relative;
    top: 102px;
    left: 80px;
    width: 80%;
}


.home-content__title-3 {
    color: #FFF;
    font-size: 4.5rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    margin: 0 auto;
    text-shadow: 2px 2px 2px #000;
}

.home-content__text-3 {
    color: #fff;
    font-size: 1.375rem;
    padding: 0;
    font-weight: 400;
    margin: 0 auto;
    text-shadow: 2px 2px 2px #000;
}

.home-callout-block {
    position: absolute;
    bottom: 220px;
    /*bottom: 25px;*/
    left: calc(((100% - 1200px) / 2) + 20px);
    width: 1200px;
}

/* 295x166 AR 56.271 */
.home-callout {
    position: relative;
    width: calc((100% / 3) - 20px);
    height: 0;
    padding-bottom: calc(((100% / 3) - (40px + 14px)) * 0.56271);
    float: left;
    margin: 10px;
    
}

.home-callout-img-block 
{
    min-height: 180px;
    text-align:center;    
}

.home-callout-img {
    margin: 0 auto; 
    display: block;
}

.home-callout__copy-block {
   /* position: absolute;
    bottom: 0;*/
    width: 100%;
    text-align: center;
    color: #fff;
}

    .home-callout__copy-block p {
	   text-align: center;
    }

.home-callout__copy-title {
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4rem;
    padding-bottom:5px;
}

.home-callout__copy-sub-title {
    line-height: 0.875rem;
    line-height: 1.2rem;
    margin-bottom: 30px;
    
}

.home-callout__copy-link {
    color: #fff !important;
    background-color: #ae2129;
    font-size: 0.7rem;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 500px;
    text-decoration: none;
    border: none;
    box-shadow: 7px 7px 5px 1px rgba(0, 0, 0, 0.25);
}

.home-callout__icon {
    display: inline-block;
    margin: 10px auto;
}

.home-panel-separator {
    background-color: #820A0C;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 0.9em;
}

    .home-panel-separator a {
        color: #fff;
        text-decoration: none;
        line-height: 23px;
        height: 23px;
        display: inline-block;
    }

        .home-panel-separator a img {
            vertical-align: middle;
            padding: 0 10px;
            display: inline-block;
            position: relative;
            top: -3px;
        }

.home-panel-separator__title {
    float: left;
    width: 50%;
    text-transform: uppercase;
    padding-left: 65px;
}

.home-panel-separator__link {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 65px;
}

.home-panel-separator__title--split-l {
    display: none;
}

.home-panel-separator__title--split-r {
    display: none;
}

.home-panel-separator__link--split-l {
    text-align: left;
    padding-left: 65px;
    padding-right: 0;
}

.home-panel-separator__link--split-r {
    float: right;
}


@media only screen and (max-width : 1800px) {
    .home-content, .home-content-2, 
    .home-content-3,.home-content-alpha  {
        top: 42px;
    }

    .home-callout-block {
	   bottom: 205px;
    }
}

@media only screen and (max-width : 1680px) {
    .home-content, .home-content-2, 
    .home-content-3, .home-content-alpha {
        top: 42px;
    }

    .home-callout-block {
	   bottom: 165px;
    }
}

@media only screen and (max-width : 1550px) {

    .home-content__title-3, 
    .home-content__title,
    .home-content__title-2,
    .home-content-alpha__title {
	   font-size: 4rem;  
    }

    .home-content__text,
    .home-content__text-2,
    .home-content__text-3,
    .home-content-alpha__text
    {
	   font-size: 1.1rem;  
	}
    
      .home-callout-block {
	  bottom: 155px;
	  transform: scale(.85);
	  transform-origin: bottom;
    }
}

@media only screen and (max-width : 1400px) {

    .home-content__title-3,
    .home-content__title-2,
    .home-content__title,
    .home-content-alpha__title {
        font-size: 2.75em;
    }
   
    .home-callout-block {
	   left: 75px;
	   width: calc(100% - 150px);
	   bottom: 155px;
    }
}


@media only screen and (max-width : 1250px) {

    .home-content, .home-content-2, 
    .home-content-3, .home-content-alpha {
		  top: 22px;
		  left: 120px;
    }

   .home-panel-slider .slick-prev {
      left: 15px;
   }

   .home-panel-slider .slick-next {
      right: 15px;
   }

    .home-callout-block {
	  bottom: 145px;
	  transform: scale(.70);
	  transform-origin: bottom;
    }

}

@media only screen and (max-width : 1050px) {

    .home-callout-block {
	  bottom: 45px;
	  transform: scale(.8);
	  transform-origin: bottom;
    }

    .home-content, .home-content-2, 
    .home-content-3, .home-content-alpha {
		  top: 42px; 
		  left: 120px;
    }

    .home-content-2 {
		  width: 60%;
    }

    .home-callout-img-block {
		  display:none;
    }
    
    .home-content__title-3, 
    .home-content__title-2,
    .home-content__title,
    .home-content-alpha__title {
	   font-size: 2rem;
    }

    .home-content__text,
    .home-content__text-2,
    .home-content__text-3,
    .home-content-alpha__text {
	   font-size: 0.9rem;  
	}
     
    .home-callout-block {
        left: 25px;
        width: calc(100% - 50px);
    }
}

@media only screen and (max-width : 800px) {
   
    .home-panel-slider .slick-prev {
        left: 0
   }

    .home-panel-slider .slick-next {
      right:0;
   }

    .home-panel__content {
        bottom: 50px;
        right: 67.5px;
    }

    .home-panel-separator__title {
        padding-left: 40px;
    }

    .home-panel-separator__link {
        padding-right: 40px;
    }

    .home-panel-separator__link--split-l {
        padding-left: 40px;
        padding-right: 0;
    }

    .home-content, .home-content-2, 
    .home-content-3, .home-content-alpha {
		  top: 22px; 
		  left: 120px;
    }
}

@media only screen and (max-width : 767px) {
    .home-panel-separator__link--split-l {
        text-align: right;
        padding-left: 0;
        padding-right: 65px;
    }

    .home-panel-separator__title--split-l {
        display: block;
    }

    .home-panel-separator__title--split-r {
        display: block;
    }

    .home-callout-block {
	  display: none;
    }

    .home-content, .home-content-2, 
    .home-content-3, .home-content-alpha {
		  top: 32px; 
    }
}


@media only screen and (max-width : 650px) {

    .home-panel-separator__title {
        padding-left: 25px;
    }

    .home-panel-separator__link {
        padding-right: 25px;
    }

    .home-content__title,
    .home-content__title-2,
    .home-content__title-3,
    .home-content-alpha__title {
        font-size: 1.2em;
    }

    .home-content__text-2, .home-content-alpha__text {
        font-size: 1.0em;
    }
    
    .home-content-3 {
        width: 60%;
    }

}

@media only screen and (max-width : 600px) {
    /* .home-content-3 {
        top: 120px;
    }*/
}

@media only screen and (max-width : 500px) {
    .home-panel-slider .slick-prev {
         transform: scale(.7);
	    transform-origin: bottom;
   }

    .home-panel-slider .slick-next {
      transform: scale(.7);
	    transform-origin: bottom;
   }

    .home-panel-separator__title {
        display: none;
    }

    .home-panel-separator__link {
        width: 100%;
    }

    .home-content__link {
	   margin-top: 5px;
    }

    .home-content__link > img
	{ transform: scale(0.7);
	   transform-origin: bottom;
     }

    .home-content-2 {
	   width: 65%;
	}

    .home-content__text,
    .home-content__text-2,
    .home-content__text-3 {
	   font-size: 0.85rem;  
	}
    
    .home-content, .home-content-2, .home-content-3 {
		  top: 22px; 
		  left: 102px;
	   }
}

@media only screen and (max-width : 414px) {

    .home-content, .home-content-2, .home-content-3 {
		  top: 15px; 
		  left: 82px;
	   }

	     .home-content__text,
		.home-content__text-2,
    .home-content__text-3 {
	   font-size: 0.75rem;  
	}
   
}


/*
    Catalog
 ============================= */

.catalog .products > li div.titleWrapper {
    border-bottom: dotted 1px #444;
}

.catalog .products > li span.magnifyLabel {
    display: block;
    text-align: right;
    padding-top: 20px;
    padding-bottom: 10px;
}

.catalog .products > li div.titleWrapper h3 {
    display: inline;
    font-weight: bold;
}


.catalog .products > li {
    margin-top: 70px;
}

    .catalog .products > li:first-child {
        margin-top: 25px;
    }

    .catalog .products > li:last-child {
        margin-bottom: 25px;
    }

    .catalog .products > li div.productDescription {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

        .catalog .products > li div.productDescription img {
            cursor: url('https://staging3.channelready.com/morse/assets/images/magnify.cur'), auto;
        }

    .catalog .products > li div p:not(.tabular__caption):not(.catalog-media-list__label) {
        padding: 0;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .catalog .products > li p.product-clearance-detail {
        font-size: 1.1em;
    }

.catalog table.sku {
    width: 100%;
    background-color: rgba(112, 112, 112, .15);
    margin-top: 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
}

    .catalog table.sku caption {
        background: #707070;
        color: #fff;
        text-transform: uppercase;
        padding: 10px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }


    .catalog table.sku thead {
        background-color: rgba(112, 112, 112, .3);
        color: #b11f25;
    }

    .catalog table.sku tbody tr:first-child td {
        padding-top: 15px;
    }

    .catalog table.sku tbody tr:last-child td {
        padding-bottom: 15px;
    }

    .catalog table.sku th {
        text-align: left;
        padding: 10px;
    }

        .catalog table.sku th:first-child {
            padding-left: 30px;
        }

        .catalog table.sku th:last-child {
            padding-right: 30px;
        }

    .catalog table.sku tr {
        line-height: 1.5432098;
    }

    .catalog table.sku td {
        text-align: left;
        padding: 5px 10px;
        vertical-align: top;
    }

        .catalog table.sku td[data-label="CAD"],
        .catalog table.sku td[data-label="PDF"],
        .catalog table.sku td[data-label="Cut Sheet"],
        .catalog table.sku td[data-label="Drawing"],
        .catalog table.sku th[data-label="CAD"],
        .catalog table.sku th[data-label="PDF"],
        .catalog table.sku th[data-label="Cut Sheet"],
        .catalog table.sku th[data-label="Drawing"] {
            text-align: center;
        }

        .catalog table.sku td:first-child {
            width: 215px;
            padding-left: 30px;
        }

        .catalog table.sku td:last-child {
            padding-right: 30px;
        }

    .catalog table.sku img {
        max-width: 50%;
        cursor: zoom-in;
    }

        .catalog table.sku img.document-icon {
            max-width: 24px;
            cursor: pointer;
        }

    .catalog table.sku .add-to-cart-container {
        text-align: right;
    }

.add-to-cart-button {
    background-color: #b11f25;
    color: #fff;
    font-size: .65rem;
    line-height: 1.1;
    padding: 5px 15px;
}

.catalog .grid--product-resources {
    margin-top: 35px;
}

    .catalog .grid--product-resources .tabular__row:nth-child(2) .tabular__column {
        padding-top: 15px;
        padding-bottom: 15px;
    }

.catalog .product-resource-group-name {
    color: #b11f25;
    font-weight: bold;
}

.catalog .grid--product-resources .product-resource-link {
    display: block;
    color: #000;
    margin-bottom: 5px;
}

.catalog .skumatrix {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .catalog .skumatrix table.sku {
        width: auto;
    }

        .catalog .skumatrix table.sku thead,
        .catalog #matrix-zoom table.sku thead {
            background-color: #fff;
        }

        .catalog .skumatrix table.sku th,
        .catalog #matrix-zoom table.sku th {
            background-color: #eee;
        }

    .catalog .skumatrix .hover {
        background-color: #eee;
    }

    .catalog .skumatrix.zoomable {
        cursor: url('https://staging3.channelready.com/morse/assets/images/magnify.cur'), auto;
    }

        .catalog .skumatrix.zoomable:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 1 ) 100% );
            background-image: -moz-linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 1 ) 100% );
            background-image: -ms-linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 1 ) 100% );
            background-image: -o-linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 1 ) 100% );
            background-image: -webkit-linear-gradient( to right, rgba( 255, 255, 255, 0 ) 0%, rgba( 255, 255, 255, 1 ) 100% );
            content: "\00a0";
        }

        .catalog .skumatrix.zoomable:hover:after {
            content: 'Click to zoom';
            position: absolute;
            top: 10em;
            right: 10em;
            font-size: 1.3em;
            padding: 1.5em;
            background: #fff;
            border: solid 1px #444;
        }

    .catalog .skumatrix table.sku th,
    .catalog .skumatrix table.sku td {
        white-space: nowrap;
    }

.catalog #matrix-zoom {
    position: fixed;
    top: 10%;
    left: 50%;
    width: auto;
    margin-left: 0; /* This is adjusted at run time in js */
    cursor: zoom-out;
    padding: 25px;
    background: #eee;
    border: solid 1px #ccc;
    -webkit-box-shadow: 0 8px 6px -6px #444;
    -moz-box-shadow: 0 8px 6px -6px #444;
    box-shadow: 0 8px 6px -6px #444;
    z-index: 100;
}

    .catalog #matrix-zoom .label {
        border-bottom: dotted 1px #444;
        font-size: 1.2em;
    }

    .catalog #matrix-zoom table.sku {
        width: auto;
    }

.catalog .media, .catalog .media-list {
    padding-top: 0px;
    margin-top: 0px;
    white-space: nowrap;
    border-bottom: solid 1px #ddd;
    display: flex;
    flex-wrap: wrap;
}

    .catalog .media, .catalog .media-list:last-child {
        border-bottom: none;
    }

        .catalog .media li, .catalog .media-list li {
            position: relative;
            display: inline-block;
            width: 44.5%;
            padding: 0 2.5%;
            margin: 0;
        }

    .catalog .media-list li {
        position: relative;
        width: 24.5%;
        padding: 2.5%;
        margin:;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

        .catalog .media-list li:not(:first-child):not(.drawing):before {
            content: ' ';
            position: absolute;
            top: 15%;
            bottom: 15%;
            left: 0;
            width: 1px;
            background-color: #ddd;
        }

.catalog .label {
    display: block;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

.catalog .media img,
.catalog .media-list img,
.carousel-widget img,
body.catalog .prepared-content img,
body:not(.catalog) .prepared-content .zoomable-images img {
    max-width: 100%;
    /*max-height: 180px;*/
    height: auto;
    align-self: center;
    cursor: url('https://staging3.channelready.com/morse/assets/images/magnify.cur'), auto;
}

body.catalog .prepared-content .no-zoomable-images img {
    cursor: default;
}

.catalog.index.frameless #categories li img {
    cursor: pointer !important;
}

.slideshow__slides img {
    cursor: default !important;
}

.bx-pager img,
a > img {
    cursor: pointer !important;
}

.catalog #img-zoom {
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: 0; /* This is adjusted at run time in js */
    cursor: zoom-out;
    padding: 25px;
    background: #eee;
    border: solid 1px #ccc;
    -webkit-box-shadow: 0 8px 6px -6px #444;
    -moz-box-shadow: 0 8px 6px -6px #444;
    box-shadow: 0 8px 6px -6px #444;
    z-index: 100;
}

.catalog.overview #catalogs,
.catalog.index #categories {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
}

    .catalog.overview #catalogs li,
    .catalog.index #categories li {
        position: relative;
        width: 31%;
        margin: 1.5%;
        overflow: hidden;
        margin-bottom: 2.5%;
        padding-bottom: 0;
        background: #d9d9d9;
        border-radius: 15px;
    }

        .catalog.overview #catalogs li:nth-child(3n),
        .catalog.index #categories li:nth-child(3n) {
            margin-right: 0;
        }

        .catalog.overview #catalogs li:nth-child(3n+1),
        .catalog.index #categories li:nth-child(3n+1) {
            margin-left: 0;
        }

        .catalog.overview #catalogs li img,
        .catalog.index #categories li img {
            width: 100%;
        }

        .catalog.overview #catalogs li > div:not(.dms-media),
        .catalog.index #categories li > div:not(.dms-media) {
            display: block;
            text-align: center;
            font-size: 0.95em;
            padding: 20px 25px;
            margin: 0;
        }

            .catalog.overview #catalogs li > div:not(.dms-media) a,
            .catalog.index #categories li > div:not(.dms-media) a {
                display: block;
                text-transform: uppercase;
                margin-bottom: 10px;
                text-decoration: none;
                line-height: 1.4em;
                color: #000;
                font-size: .85rem;
                font-weight: bold;
            }

    .catalog.overview #catalogs:after,
    .catalog.index #categories:after {
        content: '';
        display: block;
        clear: both;
    }


.catalog .new-bubble,
.media-list .new-bubble,
.catalog .clearance-bubble,
.media-list .clearance-bubble {
    display: inline-block;
    font-size: 0.75em;
    text-transform: uppercase;
    margin-left: 3px;
    padding: 3px 10px;
    line-height: 1.5em;
    background-color: #b11f25;
    color: #fff;
    border-radius: 500px;
    top: -1px;
    position: relative;
}

.media-list .new-bubble,
.media-list .clearance-bubble {
    position: absolute;
    top: 30px;
    right: 30px;
}

.clearance-bubble a {
    text-decoration: none;
    color: inherit;
}

.media-list .clearance-text {
    display: none;
}


.catalog.clearance .catalog-container {
    margin-bottom: 75px;
}

    .catalog.clearance .catalog-container.collapsed {
        margin-bottom: 0;
    }

.catalog.clearance .catalog-title {
    background-color: #b11f25;
    color: #fff;
    padding: 10px 25px;
    margin-bottom: 15px;
    cursor: pointer;
}

.catalog.clearance .catalog-container > .catalog-title:after {
    content: '\f056';
    font-family: 'FontAwesome';
    font-size: 1.5em;
    display: block;
    float: right;
    top: -3px;
    position: relative;
}

.catalog.clearance .catalog-container.collapsed > .catalog-title:after {
    content: '\f055';
}

.catalog.clearance .category-container:not(:first-child) {
    border-top: solid 1px #ccc;
    padding-top: 15px;
}

.catalog.clearance .products > li {
    margin-bottom: 50px;
}

.catalog.clearance .sku-images .media-list .clearance-bubble {
    text-align: center;
    float: right;
    width: 110px;
    position: static;
    top: auto;
    right: auto;
    border-radius: 500px;
    padding: 3px;
}

.catalog.clearance .sku-images .media-list li {
    width: 33.33%;
    display: inline-block;
    overflow: hidden;
}

    .catalog.clearance .sku-images .media-list li:nth-child(3n+1):before {
        background-color: transparent;
    }

    .catalog.clearance .sku-images .media-list li > img {
        align-self: flex-start;
        max-width: calc(100% - 120px);
    }

.catalog.clearance .sku-images .media-list .clearance-text {
    display: block;
    width: 110px;
    white-space: normal;
    float: right;
    clear: right;
    white-space: normal;
    font-size: .875em;
    margin-top: 11px;
}

.catalog.clearance .sku-images .media-list .clearance-text__list-price {
    text-decoration: line-through;
    font-weight: bold;
    color: #b11f25;
    margin-bottom: 0;
}

    .catalog.clearance .sku-images .media-list .clearance-text__list-price:before {
        content: 'List Price: ';
        text-decoration: none;
        display: inline-block;
        margin-right: 5px;
        color: #444;
    }

.catalog.clearance .sku-images .media-list .clearance-text__sale-price {
    font-weight: bold;
    margin-top: 11px;
}

    .catalog.clearance .sku-images .media-list .clearance-text__sale-price:before {
        content: 'Your Price: ';
        text-decoration: none;
        display: inline-block;
        margin-right: 5px;
    }

.catalog.clearance .sku-images .media-list .image .label {
    text-align: left;
    padding-left: 12%;
}

@media only screen and (max-width : 900px), only screen and (min-width: 1050px) and (max-width : 1190px) {
    .catalog.clearance .sku-images .media-list li {
        width: 50%;
    }

        .catalog.clearance .sku-images .media-list li:nth-child(3n+1):before {
            background-color: #ddd;
        }

        .catalog.clearance .sku-images .media-list li:nth-child(2n+1):before {
            background-color: transparent;
        }
}

@media only screen and (max-width : 525px) {
    .catalog.clearance .sku-images .media-list li {
        width: 100%;
    }
}





/*
    Search
 ============================= */
.search #search-form {
    padding: 15px;
    background: #f1f1f1;
    margin: 15px 0 0 0;
}

    .search #search-form input {
        border: solid 1px #ccc;
        padding: 2px 10px;
        width: 250px;
    }

    .search #search-form button {
        background: #ac1a21;
        border: medium none;
        color: #fff;
        font-size: 95%;
        padding: 3px 10px;
    }

#search-result-type-filter {
    border-bottom: solid 1px #ccc;
}

    #search-result-type-filter:after {
        content: '';
        display: block;
        clear: both;
    }

    #search-result-type-filter li {
        float: left;
        padding: 15px;
        margin-right: 20px;
    }

        #search-result-type-filter li.selected {
            border-bottom: solid 4px #AC1A21;
        }

    #search-result-type-filter a {
        text-decoration: none;
        color: #888;
    }

    #search-result-type-filter li.selected a {
        color: #AC1A21;
    }

#search-result-summary {
    padding: 0 15px;
    color: #888;
}

    #search-result-summary em.filtered {
        display: inline-block;
        border: dotted 1px #ccc;
        margin-left: 25px;
        padding: 5px 10px;
    }

#search-results {
    position: relative;
    margin-top: 25px;
    padding: 0 15px;
    min-height: 650px;
}

    #search-results > ul /* Results */ {
        margin: 0 25% 0 0;
        padding: 0 2.5% 0 0;
    }

        #search-results > ul > li {
            margin-bottom: 25px;
        }

            #search-results > ul > li > p {
                margin: 2px;
            }

.search-result-name {
    font-size: 1.2em;
}

.search-result-description {
    font-size: 0.9em;
}

.search-result-links {
    font-size: 0.9em;
}

#search-results > div:first-child /* Tools/Filter */ {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    min-height: 400px;
    padding: 0 15px;
    border-left: dotted 1px #ccc;
}

    #search-results > div:first-child > p:first-child /* Filter Title */ {
        margin: 0;
    }

.search-result-filter-name {
    font-weight: bold;
}

.search-result-filter-values {
    margin-top: 10px;
}

    .search-result-filter-values li {
        padding: 5px;
        margin: 2px;
        border: solid 1px #ccc;
        display: inline-block;
    }

        .search-result-filter-values li:hover {
            border: solid 1px #AC1A21;
        }

            .search-result-filter-values li:hover a,
            .search-result-filter-values li:hover:before {
                color: #AC1A21;
            }

        .search-result-filter-values li:before {
            content: '✓';
            display: inline-block;
            padding-right: 5px;
            color: #ccc;
        }

        .search-result-filter-values li a {
            text-decoration: none;
            color: #ccc;
        }

        .search-result-filter-values li.selected {
            background: #AC1A21;
        }

            .search-result-filter-values li.selected a {
                color: #fff;
            }

            .search-result-filter-values li.selected:before {
                color: #fff;
            }

.search-result-indicator {
    display: inline-block;
    padding: 0 5px 0 0;
    font-size: 0.8em;
    margin-right: 15px;
    background: #AC1A21;
    color: #fff;
    font-weight: normal;
}

    .search-result-indicator a {
        display: inline-block;
        background: #fff;
        padding-right: 5px;
        margin-right: 5px;
    }

        .search-result-indicator a:before {
            content: '«';
            color: #AC1A21;
        }

    .search-result-indicator:after {
        content: '►';
        color: #fff;
        padding-left: 10px;
    }

/*
    User Content (ContentPage's)
 ============================= */

.content .prepared-content ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1.0em;
    margin-bottom: 0.5em;
}

.content .prepared-content h4 {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

    .content .prepared-content h4 + p {
        margin-top: 0;
        font-size: 1.125em;
    }

.content .prepared-content hr {
    height: 2px;
    border: none;
    color: #333;
    background-color: #666;
    margin: 10px 0;
}

.content .prepared-content .page-link {
    text-decoration: none;
    font-size: 0.9em;
    text-transform: uppercase;
    display: block;
}

.content .prepared-content .image-gallery-header {
    margin: 15px 0;
}

    .content .prepared-content .image-gallery-header:first-child {
        margin: 0 0 15px 0;
    }

    .content .prepared-content .image-gallery-header p {
        margin: 0;
    }

.content .prepared-content .image-gallery img {
    cursor: zoom-in;
}

.content .prepared-content .image-gallery img {
    cursor: url('https://staging3.channelready.com/morse/assets/images/magnify.cur'), auto;
}

.content .prepared-content .dms-media.wrap-left {
    padding-right: 15px;
}

.content .prepared-content .dms-media.wrap-right {
    padding-left: 15px;
}

.drop-shadow {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

    .drop-shadow:before,
    .drop-shadow:after {
        content: "";
        position: absolute;
        z-index: -2;
    }

.raised {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

    .raised img {
        display: block;
    }

.media-drawer {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 40%;
    z-index: 98;
    overflow: hidden;
    border-radius: 20px;
    background-color: #fff;
}

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

    .media-drawer > a {
        display: block;
        float: right;
        position: relative;
        text-align: right;
        outline: none;
        padding: 5px 10px;
        background: #b11f25;
        color: #fff;
        text-decoration: none;
        transition: all 0.5s ease;
        text-transform: uppercase;
        font-size: 0.6307868055555556rem;
    }

        .media-drawer > a:after {
            content: '\f0c9';
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            margin: 0px 0px 0px 10px;
            text-decoration: none;
            font-size: 1.33333333em;
            line-height: 0.75em;
            vertical-align: -15%;
        }

    .media-drawer ul {
        display: none;
        background: #fff;
        text-align: left;
        padding: 10px 25px;
    }

    .media-drawer li {
        line-height: 1.5em;
        height: 3.0em;
        /*padding-left: 3.5em;*/
        margin: 0.5em 0;
        font-size: 0.7013888888888888rem;
        /*background-image: url(../images/mediaicons/drawer_blank.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 3.0em 3.0em;*/
        display: table;
    }

        .media-drawer li a {
            display: table-cell;
            vertical-align: middle;
        }

    /*.media-drawer li.pdf { background-image: url(../images/mediaicons/drawer_pdf.png); }
.media-drawer li.mp3 { background-image: url(../images/mediaicons/drawer_mp3.png); }
.media-drawer li.xlsx, .media-drawer li.xls { background-image: url(../images/mediaicons/drawer_xlsx.png); }
.media-drawer li.docx, .media-drawer li.doc { background-image: url(../images/mediaicons/drawer_docx.png); }
.media-drawer li.link { background-image: url(../images/mediaicons/drawer_link.png); }
.media-drawer li.mp4 { background-image: url(../images/mediaicons/drawer_mp4.png); }*/

    .media-drawer.open {
        box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.85);
        top: 0;
        bottom: auto;
    }

        .media-drawer.open > a {
            float: none;
            background: #b11f25;
            text-align: left;
            text-decoration: none;
            font-weight: bold;
            color: #fff;
            height: 35px;
            line-height: 25px;
            padding-left: 25px;
        }

            .media-drawer.open > a:after {
                content: '\f00d';
                float: right;
                font-weight: normal;
                font-size: 0.9rem;
                line-height: 160%;
                padding-right: 10px;
            }

.media-thumbnail {
    width: 75px;
    padding-right: 10px;
    display: none;
}

.vimeo-player, .fixed-aspect {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    /* This part is key, this value must be equal to the desired aspect ratio, and is generally set per element
       closer to runtime via javascript, a style attribute, or an overriding css rule. */
    padding-bottom: 75.0%;
}

    /* Generally the fixed-aspect wrapper should have only one child element */
    .vimeo-player iframe, .fixed-aspect iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }





.prepared-content .row {
    padding: 0;
}

    .prepared-content .row > *[class*='col-']:first-child,
    .prepared-content .row > .col-1-1,
    [class*='col-'].bleed-left {
        padding-left: 0;
    }

    .prepared-content .row > *[class*='col-']:last-child, /* Doesn't work in IE8, so we have to use bleed-right! */
    .prepared-content .row > .col-1-1,
    [class*='col-'].bleed-right {
        padding-right: 0;
    }


.prepared-content .dms-media {
    padding: 0;
}


h3 + p {
    margin-top: 0;
}

@media only screen and (max-width : 1348px) {
    /* Remove side-shadows */
    .layout::before,
    .layout::after {
        width: 0;
    }
}

@media only screen and (max-width : 1250px) {
    #footer {
        padding-left: 50px;
        padding-right: 50px;
    }

    #body {
        padding: 45px 50px;
    }
}

@media only screen and (max-width : 1200px) {
    /* Full-screen fluid layout */
    .layout {
        width: 100%;
    }
}

@media only screen and (max-width : 1175px) {
    .header__row .slide-track {
        display: none;
    }
}

@media only screen and (max-width : 1050px) {

    #body {
        min-height: 0;
        padding: 20px 50px;
    }

        #body .section-navigator {
            display: block;
            padding: 5px 5px 5px 8px;
            cursor: pointer;
            height: 31px;
        }

            #body .section-navigator:after {
                content: ' ▼';
                float: right;
                color: #fff;
                padding-right: 10px;
                display: inline-block;
                height: 21px;
                line-height: 21px;
            }

        #body .left-col + .content {
            float: none;
            padding: 0;
            width: 100%;
            margin-top: 10px;
        }

        #body .left-col {
            max-height: 31px;
            float: none;
            width: 100%;
            padding: 0;
            margin: 0;
            overflow: hidden;
            border-radius: 15px;
        }

        #body .navigation {
            margin: 0;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
            overflow: hidden;
        }

        #body .section-navigator {
            border-radius: 0;
        }

    .secondary-nav-shadow::after {
        display: none;
    }

    #body.navigating .section-navigator:after {
        content: ' ▲';
    }

    #body.navigating .left-col {
        max-height: 1000px;
    }

    #body .left-col .ad-list {
        display: none;
    }

    /* Media drawer */
    .media-drawer {
        position: absolute;
        width: auto;
        margin-top: 40px;
        top: auto;
        bottom: 0;
        right: 0;
        max-width: 60%;
    }

        .media-drawer a {
            float: left;
        }

    .catalog-breadcrumbs li:first-child {
        display: none;
    }

    .catalog-breadcrumbs--with-media-drawer {
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 40px;
    }

    .resource-list li a.resource-link {
        position: relative;
        margin-top: 15px;
        top: auto;
        right: auto;
    }
}

@media only screen and (max-width : 767px) {
    /* 100% columns */
    [class*='col-'] {
        width: 100% !important;
        padding: 0 !important;
    }

    div.tabular__row:last-child .tabular__column:first-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    div.tabular__row:last-child .tabular__column:last-child {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    #footer #copyright,
    #footer #cr-power {
        text-align: center;
        padding-top: 15px;
        float: none;
    }

        #footer #copyright a {
            white-space: nowrap;
        }

    #body .navigation > li > ul > li > ul > li > ul > li > a {
        background-color: #eee;
    }

    .catalog table.sku thead {
        display: none;
    }

    .catalog table.sku td {
        display: block;
        width: 100% !important;
        padding: 0 10px !important;
    }

        .catalog table.sku td:first-child {
            padding-top: 10px !important;
        }

        .catalog table.sku td:last-child {
            padding-bottom: 10px !important;
        }



        .catalog table.sku td[data-label="CAD"],
        .catalog table.sku td[data-label="PDF"],
        .catalog table.sku td[data-label="Drawing"],
        .catalog table.sku td[data-label="Cut Sheet"],
        .catalog table.sku th[data-label="CAD"],
        .catalog table.sku th[data-label="PDF"],
        .catalog table.sku th[data-label="Cut Sheet"] {
            text-align: left;
        }



    .catalog table.sku tbody tr:nth-child(odd) {
        background: #ccc;
    }

    .catalog table.sku td:not(.add-to-cart-container):before {
        content: attr(data-label) ": ";
        font-weight: bold;
        color: #b11f25;
    }

    .catalog .media-list li {
        width: 50%;
    }

    .catalog .products > li span.magnifyLabel {
        display: block;
        float: none;
        text-align: right;
    }

    .search #search-form input {
        width: 70%;
    }

    #search-results {
        min-height: 0;
        padding: 0;
    }

    #search-result-summary {
        padding: 0;
    }

        #search-result-summary em.filtered {
            margin: 10px 0;
            display: block;
        }

    #search-result-type-filter li {
        margin: 5px 5px 5px 0;
        padding: 0;
        display: inline-block;
        float: none;
        white-space: nowrap;
    }

    #search-results > div:first-child {
        position: relative;
        width: 100%;
        min-height: 0;
        margin-bottom: 25px;
    }

    #search-results > ul {
        margin: 0;
        padding: 0;
    }
}

@media only screen and (max-width : 575px) {
    #footer {
        padding-left: 25px;
        padding-right: 25px;
    }

    #body {
        padding: 20px 25px;
    }
}

@media only screen and (max-width: 500px) {
    #catalogs li,
    #categories li {
        width: 47% !important;
    }

        #catalogs li img,
        #categories li img {
            margin: 0 auto;
            display: block;
        }

        #catalogs li:nth-child(3n),
        #categories li:nth-child(3n) {
            margin-right: 1.5% !important;
        }

        #catalogs li:nth-child(3n+1),
        #categories li:nth-child(3n+1) {
            margin-left: 1.5% !important;
        }

        #catalogs li:nth-child(2n),
        #categories li:nth-child(2n) {
            margin-right: 0 !important;
        }

        #catalogs li:nth-child(2n+1),
        #categories li:nth-child(2n+1) {
            margin-left: 0 !important;
        }

        #catalogs li > div a,
        #categories li > div > a {
            height: auto !important;
        }

    .catalog-breadcrumbs + h1 {
        font-size: 2rem;
    }
}

@media only screen and (max-width : 450px) {
    .slideshow__thumb-caption {
        display: none;
    }
}

@media only screen and (max-width : 320px) {
    #catalogs li,
    #categories li {
        width: 97% !important;
    }

    .media-drawer {
        top: 0;
        right: 0;
    }
}