.home_container #category-listing, .front_door_container #category-listing {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1146px;
    zoom: 1;
    zoom: 1;
    padding-bottom: 35px;
    text-align: center
}

.home_container #category-listing:before, .home_container #category-listing:after, .front_door_container #category-listing:before, .front_door_container #category-listing:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.home_container #category-listing:after, .front_door_container #category-listing:after {
    clear: both
}

.home_container #category-listing:before, .home_container #category-listing:after, .front_door_container #category-listing:before, .front_door_container #category-listing:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.home_container #category-listing:after, .front_door_container #category-listing:after {
    clear: both
}

.home_container #category-listing .mob-col div, .front_door_container #category-listing .mob-col div {
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 1.5625%;
    padding-right: 1.5625%;
    width: 25%;
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.no-boxsizing .home_container #category-listing .mob-col div, .no-boxsizing .front_door_container #category-listing .mob-col div {
    width: 210px
}

.home_container #category-listing a, .front_door_container #category-listing a {
    font-size: 1rem;
    font-weight: 500
}

@media only screen and (max-width: 640px) {
    .home_container #category-listing h3, .front_door_container #category-listing h3 {
        font-size: 1.25rem;
        margin: 20px 0
    }

    .home_container #category-listing .mob-col, .front_door_container #category-listing .mob-col {
        float: left;
        margin-left: 0%;
        margin-right: 0%;
        padding-left: 1.5625%;
        padding-right: 1.5625%;
        width: 100%
    }

    .no-boxsizing .home_container #category-listing .mob-col, .no-boxsizing .front_door_container #category-listing .mob-col {
        width: 930px
    }

    .home_container #category-listing .mob-col > div, .front_door_container #category-listing .mob-col > div {
        float: left;
        margin-left: 0%;
        margin-right: 0%;
        padding-left: 1.5625%;
        padding-right: 1.5625%;
        width: 50%
    }

    .no-boxsizing .home_container #category-listing .mob-col > div, .no-boxsizing .front_door_container #category-listing .mob-col > div {
        width: 450px
    }

    .home_container #category-listing ul, .front_door_container #category-listing ul {
        font-size: 75%;
        margin: 0
    }

    .home_container #category-listing a, .front_door_container #category-listing a {
        font-size: 0.8125rem;
        font-weight: 500
    }
}

.home_container .free-stock, .front_door_container .free-stock {
    background-color: #e8eded;
    padding-bottom: 60px;
    width: 100%
}

.home_container .free-stock section, .front_door_container .free-stock section {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1146px;
    zoom: 1;
    zoom: 1
}

.home_container .free-stock section:before, .home_container .free-stock section:after, .front_door_container .free-stock section:before, .front_door_container .free-stock section:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.home_container .free-stock section:after, .front_door_container .free-stock section:after {
    clear: both
}

.home_container .free-stock section:before, .home_container .free-stock section:after, .front_door_container .free-stock section:before, .front_door_container .free-stock section:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.home_container .free-stock section:after, .front_door_container .free-stock section:after {
    clear: both
}

.home_container .free-stock section img, .front_door_container .free-stock section img {
    width: 100%
}

.home_container .free-stock section .tile, .front_door_container .free-stock section .tile {
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    width: 25%;
    float: left;
    margin-bottom: 12px;
    padding-left: 0;
    padding-right: 0
}

.home_container .free-stock section .tile a, .front_door_container .free-stock section .tile a {
    background-color: white;
    border: 1px solid #dae8e7;
    color: black;
    display: block;
    margin: 0 6px;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    text-align: center;
    padding: 8px
}

.home_container .free-stock section .tile a > div, .front_door_container .free-stock section .tile a > div {
    position: relative
}

.home_container .free-stock section .tile a > div > div, .front_door_container .free-stock section .tile a > div > div {
    background-size: auto 33px;
    background: no-repeat center center;
    display: inline-block;
    height: 23px;
    left: 8px;
    position: absolute;
    top: 8px;
    width: 29px
}

.home_container .free-stock section .tile a .decoration-video, .home_container .free-stock section .tile a .decoration-audio, .front_door_container .free-stock section .tile a .decoration-video, .front_door_container .free-stock section .tile a .decoration-audio {
    background: no-repeat;
    background-size: contain
}

.home_container .free-stock section .tile a .decoration-video, .front_door_container .free-stock section .tile a .decoration-video {
    background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2230.3125px%22%20height%3D%2224.791666px%22%20viewBox%3D%220%200%2030.3125%2024.791666%22%20enable-background%3D%22new%200%200%2030.3125%2024.791666%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20opacity%3D%220.16%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M29.3495636%2C23.8194523H1.0439644V1.0266446h28.3055992V23.8194523z%20M2.273077%2C22.5903397h25.847374%20%20V2.2557571H2.273077V22.5903397z%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%222.2730904%22%20y%3D%222.255744%22%20opacity%3D%220.4%22%20fill%3D%22%230C0D0D%22%20width%3D%2225.847374%22%20height%3D%2220.3345814%22%2F%3E%3Cpath%20opacity%3D%220.9%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M23.8427429%2C7.2877774L18.6799889%2C9.986064V8.7072287%20c0-0.9685621-0.7851734-1.7537365-1.7537365-1.7537365H7.6085835c-0.968595%2C0-1.7537961%2C0.7852015-1.7537961%2C1.7537966v7.431509%20c0%2C0.9685955%2C0.7852011%2C1.7538071%2C1.7537961%2C1.7538071h9.3176098c0.9685955%2C0%2C1.7537956-0.7852116%2C1.7537956-1.7538071v-1.2788343%20l5.1627541%2C2.6982851c0.3166981%2C0.1655216%2C0.6959972-0.0642185%2C0.6959972-0.4215622V7.7093415%20C24.5387402%2C7.3519974%2C24.159441%2C7.1222568%2C23.8427429%2C7.2877774z%22%2F%3E%3C%2Fsvg%3E")
}

.home_container .free-stock section .tile a .decoration-audio, .front_door_container .free-stock section .tile a .decoration-audio {
    background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2230.291666px%22%20height%3D%2224.791666px%22%20viewBox%3D%220%200%2030.291666%2024.791666%22%20enable-background%3D%22new%200%200%2030.291666%2024.791666%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20opacity%3D%220.16%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M29.3249741%2C23.8060055H1.0193741V1.0131973h28.3055992V23.8060055z%20M2.2484868%2C22.5768929h25.847374%20%20V2.2423098H2.2484868V22.5768929z%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%222.2484932%22%20y%3D%222.2423365%22%20opacity%3D%220.4%22%20fill%3D%22%230C0D0D%22%20width%3D%2225.847374%22%20height%3D%2220.3345814%22%2F%3E%3Cg%20opacity%3D%220.9%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M15.4756021%2C5.0249362c-0.1896439-0.0758562-0.3982544-0.0379281-0.5310011%2C0.1137877%20%20c0%2C0-3.6790953%2C3.6790957-3.9445963%2C3.9445987c-0.3792887%2C0-4.5135283%2C0-4.5135283%2C0%20%20c-0.265501%2C0-0.4930763%2C0.2275724-0.4930763%2C0.4930763v5.6703587c0%2C0.265501%2C0.2275753%2C0.4930763%2C0.4930763%2C0.4930763%20%20c0%2C0%2C4.1342397%2C0%2C4.5135283%2C0c0.265501%2C0.265501%2C3.9445963%2C3.9445953%2C3.9445963%2C3.9445953%20%20c0.1327524%2C0.1327534%2C0.3413572%2C0.1896439%2C0.5310011%2C0.1137886c0.1896439-0.0758572%2C0.3034315-0.2465363%2C0.3034315-0.4551449%20%20V5.4990497C15.7790337%2C5.2714744%2C15.665246%2C5.1007957%2C15.4756021%2C5.0249362z%22%2F%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M19.5339851%2C7.5092759l-1.0620079%2C1.0620084c0.7585773%2C1.0809708%2C1.1947556%2C2.4084797%2C1.1947556%2C3.8308115%20%20s-0.4361782%2C2.7308741-1.1947556%2C3.8308144l1.0620079%2C1.0620079c1.0051117-1.3654404%2C1.6119766-3.0532722%2C1.6119766-4.8928194%20%20C21.1459618%2C10.5625448%2C20.5391026%2C8.8747129%2C19.5339851%2C7.5092759z%20M21.8097153%2C5.2335463l-1.0620079%2C1.0620084%20%20c1.3275089%2C1.6878314%2C2.105051%2C3.8118482%2C2.105051%2C6.1065412s-0.7965088%2C4.4187069-2.105051%2C6.1065445l1.0620079%2C1.0620079%20%20c1.5930099-1.9722977%2C2.5412312-4.4566383%2C2.5412312-7.1685495C24.3509464%2C9.6901836%2C23.3837662%2C7.1868815%2C21.8097153%2C5.2335463z%22%20%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.home_container .free-stock section .tile a:hover, .front_door_container .free-stock section .tile a:hover {
    opacity: 0.8
}

.home_container .free-stock section .tile a h5, .front_door_container .free-stock section .tile a h5 {
    margin: 5px 0 3px;
    text-align: center
}

@media only screen and (max-width: 640px) {
    .home_container .free-stock, .front_door_container .free-stock {
        padding-bottom: 20px
    }

    .home_container .free-stock section .tile, .front_door_container .free-stock section .tile {
        float: left;
        margin-left: 0%;
        margin-right: 0%;
        width: 50%
    }

    .home_container .free-stock section .tile a h5, .front_door_container .free-stock section .tile a h5 {
        font-size: 0.8125rem
    }

    .home_container .free-stock section h3, .front_door_container .free-stock section h3 {
        margin: 20px
    }
}

.home_container .sell-banner, .front_door_container .sell-banner {
    background-color: #0c0d0d;
    color: white;
    font-size: 1.3125rem;
    padding: 2.1875rem 0;
    margin: 0
}

@media only screen and (max-width: 640px) {
    .home_container .sell-banner, .front_door_container .sell-banner {
        background-color: #0c0d0d;
        color: white;
        font-size: 1.125rem;
        margin: 0;
        padding: 20px 0;
        width: 100%
    }

    .home_container .sell-banner span, .front_door_container .sell-banner span {
        display: block;
        margin: 0 auto;
        width: 90%
    }
}

.home_container .hero, .front_door_container .hero {
    background: no-repeat center center;
    background-size: cover;
    height: 650px;
    position: relative;
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 640px) {
    .home_container .hero, .front_door_container .hero {
        background-attachment: scroll;
        height: 299px !important
    }

    .home_container .hero .hero-details, .front_door_container .hero .hero-details {
        display: none
    }

    .home_container .hero .sell-banner, .front_door_container .hero .sell-banner {
        padding: 20px 0
    }
}

@media only screen and (max-width: 1024px) and (min-width: 0) {
    .home_container .hero .sell-banner, .front_door_container .hero .sell-banner {
        font-size: 1.125rem
    }
}

.home_container .hero .sell-banner, .front_door_container .hero .sell-banner {
    background-color: rgba(12, 13, 13, 0.7);
    bottom: 0;
    position: relative;
    width: 100%
}

.home_container .hero .hero-details, .front_door_container .hero .hero-details {
    position: absolute;
    right: 40px;
    top: -40px
}

.home_container .hero .hero-details a, .front_door_container .hero .hero-details a {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
    color: #dae8e7;
    font-size: 1rem
}

.home_container .hero .hero-details a:hover, .front_door_container .hero .hero-details a:hover {
    color: #02a388
}



.static-hero {
    height: 600px;
    padding-top: 7rem;
    padding-bottom: 12rem;
    background-size: cover;
    background-position: center center;
    position: relative
}

@media screen and (max-width: 640px) {
    .static-hero {
        padding-top: 4rem
    }
}

.static-hero > * {
    color: white;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem
}

.static-hero h1 {
    margin-bottom: 1rem;
    max-width: 900px
}

.static-hero p {
    font-size: 1.3125rem;
    max-width: 610px
}

@media screen and (max-width: 640px) {
    .static-hero p {
        font-size: 0.875rem;
        padding-left: 30px;
        padding-right: 30px
    }
}

.static-hero .hero-details {
    margin: 0 24px 10px 0;
    text-align: right
}

.static-hero .hero-details a {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
    color: #dae8e7;
    font-size: 1rem
}

.static-hero .hero-details a:hover {
    color: #02a388
}

.static-hero .hero-content {
    bottom: -16px;
    height: auto;
    position: absolute;
    width: 100%
}

.static-hero .hero-banner {
    background-color: rgba(12, 13, 13, 0.7);
    color: white;
    height: 70px;
    padding-top: 22px
}

@media screen and (max-width: 640px) {
    .static-hero .hero-banner {
        line-height: 14px;
        padding: 18px 10px 0 10px
    }
}

.static-hero .banner-text {
    font-size: 1.125rem;
    height: 70px;
    text-align: center
}

@media screen and (max-width: 640px) {
    .static-hero .banner-text {
        font-size: 0.8125rem
    }
}

.static-hero .banner-badge {
    background-color: #fe423f;
    font-size: 0.75rem;
    font-weight: 500;
    margin-right: 9px;
    padding: 3px 7px 5px 7px
}

@media screen and (max-width: 640px) {
    .static-hero .banner-badge {
        font-size: 0.5625rem
    }
}

.landing-tiles {
    position: relative
}

.fancy-grid {
    margin-left: .6rem;
    margin-right: .6rem;
    max-width: 1280px
}

@media only screen and (min-width: 1292px) {
    .fancy-grid {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 800px) {
    .fancy-grid {
        margin-left: 0;
        margin-right: 0
    }
}

section.recent-searches + .fancy-grid, .search-box-placeholder + .fancy-grid {
    padding-top: 1.5em
}

.fancy-grid:nth-of-type(2) {
    margin-top: 2rem
}

.fancy-grid:last-of-type {
    margin-bottom: 4rem
}

.fancy-grid div.clipper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.4rem;
    margin-right: -.4rem;
    overflow: hidden
}

@media screen and (max-width: 800px) {
    .fancy-grid div.clipper {
        margin-left: .2rem;
        margin-right: .2rem
    }
}

@media screen and (max-width: 640px) {
    .fancy-grid div.clipper {
        margin-left: 0;
        margin-right: 0
    }
}

.fancy-grid div.clipper > article {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: .2rem;
    position: relative
}

@media screen and (max-width: 800px) {
    .fancy-grid div.clipper > article {
        min-width: 260px
    }
}

@media screen and (max-width: 640px) {
    .fancy-grid div.clipper > article {
        min-width: 180px
    }
}

@media only screen and (min-width: 1024px) {
    .fancy-grid div.clipper > article {
        min-width: 0;
        margin: .4rem
    }
}

.fancy-grid div.clipper > article > a {
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    display: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.fancy-grid div.clipper > article > a:hover {
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7)
}

.fancy-grid div.clipper > article > a.active {
    display: block
}

.fancy-grid div.clipper > article > div {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px
}

.fancy-grid div.clipper > article > div a {
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75)
}

.fancy-grid div.clipper > article > div a:hover {
    color: #02a388
}

.fancy-grid div.clipper > article:hover > div {
    display: block
}

.fancy-grid figure {
    height: 14rem;
    position: relative;
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

@media screen and (max-width: 800px) {
    .fancy-grid figure {
        height: 14rem
    }
}

.fancy-grid figure img {
    display: none;
    max-width: 100%
}

.fancy-grid figure figcaption {
    background: -webkit-linear-gradient(270deg, transparent 0%, rgba(1, 1, 1, 0.7) 70%);
    background: linear-gradient(-180deg, transparent 0%, rgba(1, 1, 1, 0.7) 70%);
    bottom: 0;
    box-sizing: border-box;
    color: white;
    font-size: 1rem;
    letter-spacing: .01em;
    line-height: 1.5rem;
    padding: 1rem;
    position: absolute;
    width: 100%
}

.fancy-grid figure .category-tag {
    color: #ccc;
    font-size: 0.6875rem;
    font-weight: normal;
    letter-spacing: .02em
}