/* START remove after design refresh */
.container {
    padding: 0;
}
/*.XMcartHeader, .ftr {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}*/
.brdr {
    max-width: 100%;
}
.ftr {
    max-width: 940px;
    margin: 0 auto;
}
/* END remove after design refresh */
#home .main {
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0;
}
@media only screen and (max-width : 950px) {}
@media only screen and (max-width : 868px) {}
@media only screen and (max-width :640px) {}
.wyn_home .content {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.wyn_home img {
    width: 100%;
    display: block;
}
.home_hero {
    height: 535px;
    background-image: url(/images/client/wyndham/home/may_18/may_hero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
}
.home_hero .hero_text {
    background-color: #ffffff;
    padding: 30px;
    float: left;
    margin: 250px 0 0 0.938rem;
    max-width: 380px;
}
.home_hero .title {
    font-size: 1.625rem;
    color: #202C5D;
    line-height: 1.125;
    margin-bottom: 20px;
}
.home_hero .text {
    font-size: 1.125rem;
    margin: 5px 0 30px 0;
    /*line-height: 26px;*/
    line-height: 1.5;
}
.home_hero .button {
    background-color: #202c5d;
    color: #FFF;
    text-align: center;
    padding: 10px;
    width: 140px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    font-size: 0.938rem;
    text-decoration: none;
}
.featured_cats {
    background-color: #F4F4F4;
    padding: 40px 0;
}
@media only screen and (min-width :551px) and (max-width :975px) {
    .featured_cats {
        padding: 40px 10px;
    }
}
/* slick-track styles */
.featured_cats, .featured_cats * {
    box-sizing: border-box;
}
.wyn_home .WHcontainer {
    height: 100% !important;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #D9D9D9;
}
.featured_cats .WHcontainer .title {
    font-size: 1.5rem;
    color: #1E58AA;
    line-height: 1.25;
    height: 100%;
}
.wyn_home .slick-track {
    float: none;
    margin: 0;
    display: grid;
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-auto-flow: column;
}
.wyn_home .slick-slide {
    margin: 0 1rem;
    float: none;
}
.wyn_home .slick-slide > div {
    height: 100%
}
.featured_cats .WHcontainer .text {
    font-size: 0.938rem;
    color: #545454;
    padding: 7%;
    height: 100%;
    line-height: 1.5;
}
.featured_cats .WHcontainer .button {
    color: #1E58AA;
    font-weight: 700;
    border: 2px solid #202c5d;
    padding: 8px 0;
    text-transform: uppercase;
    margin: 0 20px 20px;
    font-size: 0.938rem;
}
.featured_cats .WHcontainer .img {
    margin-bottom: 0.938rem;
}
.featured_cats .WHcontainer img {
    display: block;
}
.recent_favs {
    padding: 0 0 30px 0;
    box-sizing: border-box;
}
.recent_favs * {
    box-sizing: border-box;
}
.wyn_home .recent_favs .content {
    padding: 0 1rem;
    max-width: 960px;
}
.recent_favs .grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.875rem;
}
.recent_favs .title {
    text-align: center;
    color: #1E58AA;
    font-size: 2.25rem;
    padding: 1.875rem 1rem;
}
.recent_favs img {
    max-width: 132px;
    margin: 0 auto 10px;
}
.recent_favs .product {
    text-align: center;
    height: 100%;
}
.recent_favs .product:first-child {
    margin-left: 0;
}
.recent_favs .prod_title {
    padding: 0 5px;
    height: 100%;
}
.recent_favs .prod_points {
    color: #202C5D;
    padding: 20px 0;
    font-weight: bold;
}
.recent_favs .prod_button {
    color: #1E58AA;
    font-weight: 700;
    border: 2px solid #202c5d;
    padding: 10px 0;
    text-transform: uppercase;
}
.browse_actions {
    background-color: #E4F7FE;
}
.browse_actions .content {
    height: 545px;
    background: url(/images/client/wyndham/home/mar_18/auction_bg.png) no-repeat right / auto 100%;
}
.browse_actions .content::after {
    display: block;
    content: '';
    clear: both;
}
.browse_actions .content_container {
    padding: 30px;
    float: left;
    margin: 35px 0 0 0;
}
.browse_actions .title {
    font-size: 2.625rem;
    color: #202C5D;
    max-width: 400px;
    line-height: 1.125;
}
.browse_actions .yellow_text {
    font-size: 1.375rem;
    margin: 20px 0 30px 0;
    color: #A06519;
    font-style: italic;
}
.browse_actions .text {
    font-size: 1.375rem;
    margin: 20px 0 40px 0;
    max-width: 420px;
    line-height: 1.5;
}
.browse_actions .button {
    background-color: #202c5d;
    color: #1E58AA;
    text-align: center;
    padding: 10px;
    width: 180px;
    font-weight: 700;
    font-size: 1rem;
}
.featured_cats a, .recent_favs a, .bottom_promos a {
    display: flex;
    text-decoration: none;
    flex-direction: column;
    height: 100%;
}
.bottom_promos a {
    row-gap: .94rem;
}
.recent_favs .prod_button, .bottom_promos .WHcontainer .button, .featured_cats .WHcontainer .button, .browse_actions .button, .home_hero .button {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}
/* Secondary button */
.recent_favs a:hover .prod_button, .bottom_promos .WHcontainer a:hover .button, .featured_cats .WHcontainer a:hover .button, .recent_favs a:focus .prod_button, .bottom_promos .WHcontainer a:focus .button, .featured_cats .WHcontainer a:focus .button {
    background-color: #202c5d;
    color: #FFF;
    text-decoration: none;
}
/* Primary button */
.browse_actions a:hover .button, .home_hero .button:hover {
    background-color: #21337C;
    border-color: #21337C;
    color: #FFF;
}
.browse_actions a:focus .button, .home_hero .button:focus {
    background-color: #21337C;
    border-color: #21337C;
    outline: 2px dashed #93e1ff;
    outline-offset: 2px;
}
@media only screen and (max-width :832px) {
    .browse_actions .content {
        height: auto;
    }
    .browse_actions .content_container {
        width: 336px;
    }
    .recent_favs .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.875rem;
        max-width: 480px;
        margin: 0 auto;
    }
}
@media only screen and (max-width :520px) {
    .recent_favs .grid {
        gap: 1.25rem;
    }
}
@media only screen and (max-width :724px) {
    .browse_actions .content {
        background-position: calc(100% + 100px) 0;
    }
}
.bottom_promos {
    background-color: #F4F4F4;
    padding: 40px 0px;
}
@media only screen and (min-width :551px) and (max-width :975px) {
    .bottom_promos {
        padding: 40px 10px;
    }
}
.bottom_promos .WHcontainer {
    width: 100% !important;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #D9D9D9;
}
.bottom_promos .WHcontainer .title {
    font-size: 1.5rem;
    color: #1E58AA;
    line-height: 1.125;
    min-height: 56px;
}
.bottom_promos .WHcontainer .text {
    font-size: 0.938rem;
    color: #545454;
    padding: 0 20px 0 20px;
    line-height: 1.5;
    height: 100%;
}
.bottom_promos .WHcontainer .text span {
    font-size: .625rem;
}
.bottom_promos .WHcontainer .button {
    color: #1E58AA;
    font-weight: 700;
    border: 2px solid #202c5d;
    padding: 8px 0;
    text-transform: uppercase;
    margin: 0 20px 20px;
    font-size: 1rem;
}
@media only screen and (max-width :990px) {
    .home_hero .hero_text {
        margin: 250px 0 0 20px;
    }
}
@media only screen and (min-width :551px) and (max-width :928px) {
    .bottom_promos .WHcontainer .text {
        font-size: 0.75rem;
    }
}
@media only screen and (min-width :551px) and (max-width :820px) {
    .featured_cats .WHcontainer .title, .bottom_promos .WHcontainer .title {
        font-size: 1.25rem;
    }
    .wyn_home .slick-slide {
        margin: 0 0.625rem;
    }
}
@media only screen and (max-width :640px) {
    .home_hero {
        height: auto;
        background-position: 0px -100px;
        background-size: contain;
        background-position: top;
        padding-top: 45%;
    }
    .home_hero br {
        display: none;
    }
    .home_hero .hero_text {
        position: static;
        margin: 0;
        width: 100%;
        max-width: calc(100% - 10%);
        padding: 5%;
    }
    .home_hero .button {
        width: 100%;
        padding: 10px 0;
        max-width: 200px;
    }
    .featured_cats .WHcontainer {
        float: none;
        width: calc(100% - 22px);
    }
    .recent_favs .title {
        font-size: 1.5rem;
    }
    .browse_actions .content_container {
        margin: 0;
    }
    .browse_actions .content_container br {
        display: none;
    }
    .browse_actions .title {
        font-size: 2rem;
    }
    .browse_actions .yellow_text {
        font-size: 1.375rem;
        margin: 20px 0 20px 0;
    }
    .browse_actions .text {
        font-size: 1.375rem;
        margin: 20px 0 40px 0;
    }
    .browse_actions .button {
        background-color: #202c5d;
        color: #1E58AA;
        text-align: center;
        padding: 10px;
        width: 180px;
        font-weight: 700;
    }
    .bottom_promos .WHcontainer {
        float: none;
        width: calc(100% - 22px);
    }
    .bottom_promos .content > div:nth-child(2) {
        margin: 0;
    }
}
@media only screen and (max-width :540px) {
    .browse_actions .content_container {
        width: 270px;
    }
    .browse_actions .content {
        background-position: calc(100% + 120px) 0;
    }
}
@media only screen and (max-width :490px) {
    .browse_actions .content {
        background-image: url(/images/client/wyndham/home/mar_18/auction_bg2.png);
    }
}
@media only screen and (max-width :400px) {
    .home_hero .button {
        max-width: 100%;
    }
}
/*PROMO BANNER*/
#more4Less {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    max-height: 100px;
    height: 100px;
    margin-top: 20px;
}
#more4Less #promoHero {
    width: 35%;
    height: auto;
    background-image: url(/images/client/wyndham/home/march21/more4LessHero.jpg);
    background-position: 56% 14%;
    background-size: 123%;
}
#more4Less #promoContent {
    background-color: #202C5D;
    color: white;
    display: flex;
    padding: 0 0 0 20px;
}
#more4Less #promoContent #promoText {
    width: 103%;
}
#more4Less #promoContent #promoText h2 {
    color: white;
    font-weight: lighter;
    font-size: 1.75rem;
    margin: 0 0 5px 0;
}
#more4Less #promoContent #promoText p {
    margin: 0;
}
#more4Less #promoContent #promoButtons {
    padding: 16px 0 0 10px;
}
#more4Less #promoContent #promoButtons .blueButton {
    background-color: #202c5d;
    color: #FFF;
    text-align: center;
    padding: 5px 20px;
    margin: 0 20px 0;
    display: inline-block;
    width: 130px;
}
@media only screen and (max-width :900px) {
    #more4Less {
        height: auto;
        max-height: none;
        flex-wrap: wrap;
    }
    #more4Less #promoHero {
        width: 100%;
        height: 206px;
        background-size: cover;
    }
    #more4Less #promoContent {
        padding: 20px;
        flex-wrap: wrap;
    }
    #more4Less #promoContent #promoText {
        width: 100%;
        text-align: center;
        padding: 0 10%;
        margin-bottom: 20px;
    }
    #more4Less #promoContent #promoButtons {
        padding: 0 !important;
        text-align: center;
        margin: 0 auto;
    }
}