/* Neue Helvetica W01 75 Bold (22.35kb - Latin 1) */
@font-face {
    font-family: "HelveticaNeueW01-75Bold";
    src: url("/dyn_img/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
    src: url("/dyn_img/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("/dyn_img/fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"), url("/dyn_img/fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("/dyn_img/fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("/dyn_img/fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}

/* Neue Helvetica W01 55 Roman (22.17kb - Latin 1) */
@font-face {
    font-family: "HelveticaNeueW01-55Roma";
    src: url("/dyn_img/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
    src: url("/dyn_img/fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("/dyn_img/fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"), url("/dyn_img/fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("/dyn_img/fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("/dyn_img/fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}

/* Neue Helvetica W01 65 Medium (22.37kb - Latin 1) */

@font-face {
    font-family: "HelveticaNeueW01-65Medi";
    src: url("/dyn_img/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
    src: url("/dyn_img/fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("/dyn_img/fonts/3600b37f-2bf1-45f3-be3a-03365f16d9cb.woff2") format("woff2"), url("/dyn_img/fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("/dyn_img/fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("/dyn_img/fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
}

a {
    text-transform: none;
}

a.no-underline {
    text-decoration: none;
}

#WBG2017 {
    margin-bottom: 43px;
}

#WBG2017 p {
    margin-bottom: 13px !important;
}

.WBG2017LandingSubpageLink {
    width: 475px;
    height: auto;
    /* 470px */
    text-align: center;
}

.WBG2017LandingSubpageLink img {
    width: 100%;
    height: auto;
    /* 430px */
    margin: 8px 0 0;
}

.WBG2017LandingSubpageLink a {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 1em;
    margin: 0 auto 8px;
    padding: 0;
    /* text-align: center; */
    text-decoration: underline;
    font-family: "HelveticaNeueW01-75Bold", Arial, sans-serif;
}

.WBG2017SubAdDesktop {
    width: 475px;
    height: 430px;
}

h2.WBG2017CoolCollegeStyles {
    margin: 24px 0 12px !important;
}

#WBG2017 h1 {
    margin: 10px 0 0;
}
#WBG2017 h2 {
    margin: 10px 0 0;
}

#WBG2017 h2 {
    margin: 0;
}

#WBG2017BreadCrumbs span {
    display: block;
    font-size: 16px;
    line-height: 1em;
    margin: 18px 0 0 8px;
    font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
}

#WBG2017 ul.WBG2017ShareIcons {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}

#WBG2017 ul.WBG2017ShareIcons>li {
    /* list-style-type: none; */
    width: 38px;
    height: 38px;
    margin-left: 22px;
}

#WBG2017 ul.WBG2017ShareIcons>li img {
    width: 100%;
    height: auto;
}

#WBG2017Menu {
    font-weight: bold;
}

.WBG2017StickyMenu {
    position: fixed;
    top: 0;
    z-index: 1000;
}

#WBG2017Menu a {
    color: #000;
    text-decoration: none;
}

#WBG2017Menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#WBG2017Menu li {
    font-size: 14px;
    line-height: 1em;
    margin-top: 1.5em;
}

#WBG2017Menu .WBG2017MenuHeader {
    background: #8cc33e;
    margin: 16px 0 10px;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
}

#WBG2017Menu .WBG2017MenuHeader span {
    display: block;
    font-size: 18px;
    line-height: 1em;
    text-align: center;
    color: #fff;
}

#WBG2017Menu .WBG2017MenuHeaderPlusMinus {
    /* switch me to https://assets.macys.com */
    background: url(http://assets.macys.com/dyn_img/creativepages/Q7040013_BTS_menu_sprite.png) no-repeat;
    position: absolute;
    z-index: 2;
    right: 12.5px;
    top: 10.5px;
    width: 17px;
    height: 17px;
}

#WBG2017Menu.expanded .WBG2017MenuHeaderPlusMinus {
    background-position-x: -17px;
}

#WBG2017Menu .WBG2017MenuContent {
    display: none;
    position: absolute;
    z-index: 2;
    background: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    width: 100%;
    height: auto;
}

#WBG2017Menu .WBG2017MenuContent span {
    display: block;
    color: #21a9e1;
    text-transform: uppercase;
}

#WBG2017Menu .WBG2017MenuContentLeft {
    float: left;
    margin: 6px 0 28px 24px;
    padding: 0;
    width: 455px;
    height: 186px;
    border-right: 1px solid #21a9e1;
}

#WBG2017Menu .WBG2017MenuContentRight {
    float: right;
    margin: 6px 24px 28px 0;
    padding: 0;
    width: 380px;
}

#WBG2017Menu a.WBG2017MenuBackToMain {
    display: inline-block;
    color: #21a9e1;
    margin-top: 1.5em;
}

#WBG2017Menu.expanded .WBG2017MenuContent {
    display: block;
}

#WBG2017ShopNowDesktop span {
    width: 118px;
    height: 34px;
    position: absolute;
    background-color: pink;
}

#WBG2017 .WBG2017Hero {
    position: relative;
}

#WBG2017 .WBG2017Hero img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
}

#WBG2017 .WBG2017Hero a {
    display: block;
    position: absolute;
    z-index: 2;
    right: 18px;
    bottom: 15px;
    width: 118px;
    height: 34px;
    margin: 0;
    padding: 9px 0;
    font-family: "HelveticaNeueW01-75Bold", Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    border: 1px solid #858585;
}

#WBG2017 h1,
#WBG2017 h2 {
    margin: 0 0 10px;
    padding: 4px 0;
    font-family: "HelveticaNeueW01-65Medi", Arial, sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: .6px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

#WBG2017 h3 {
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
    font-family: "HelveticaNeueW01-75Bold", Arial, sans-serif;
    margin-bottom: 0;
}

#WBG2017 h1 {
    background: #000000;
    margin: 10px 0 0;
}
#WBG2017 h2 {
    background: #000000;
    margin: 10px 0 0;
}

#WBG2017 h2.pink {
    background-color: #ee278a;
}

#WBG2017 h2.green {
    background: rgb(142, 170, 46);
    background: -moz-linear-gradient(left, rgba(142, 170, 46, 1) 0%, rgba(142, 170, 46, 1) 43%, rgba(169, 203, 55, 1) 58%, rgba(169, 203, 55, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(142, 170, 46, 1) 0%, rgba(142, 170, 46, 1) 43%, rgba(169, 203, 55, 1) 58%, rgba(169, 203, 55, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(142, 170, 46, 1) 0%, rgba(142, 170, 46, 1) 43%, rgba(169, 203, 55, 1) 58%, rgba(169, 203, 55, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eaa2e', endColorstr='#a9cb37', GradientType=1);
    /* IE6-9 */
    margin: 0;
}

#WBG2017 h1 {
    margin: 10px 0 0;
}

#WBG2017 h2 {
    margin: 10px 0 0px 0;
}

#WBG2017 p {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin: 5px 8px;
    padding: 0;
    font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
}

#WBG2017 h3+p {
    margin: 0;
}

/*#WBG2017 .WBG2017SubLinks ul {
    margin-left: 10px;
    font-size: 14px;
}*/

#WBG2017 ul {
    margin-left: 10px;
    font-size: 14px;
}

.WBG2017SubAdTypes {
    margin-bottom: 40px;
}

#WBG2017 .WBG2017SubAd ul.ul-with-style-type {
    margin-left: 27px;
}

#WBG2017 .WBG2017SubAdTypes ul.ul-with-style-type {
    margin-left: 15px;
}

#WBG2017 ul.ul-with-style-type li {
    list-style-type: disc;
}

#WBG2017 ul.ul-with-style-type a {
    font-weight: bolder;
}

#WBG2017 ul.WBG2017Links3Col {
    list-style: none;
    margin: 0 0 0.5em;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: baseline;
}

#WBG2017 ul.WBG2017Links3Col>li {
    font-size: 18px;
    line-height: 1em;
    margin: 0 0 0.8em;
    padding: 0;
    width: 33%;
    text-align: center;
}

#WBG2017 .WBG2017SubAd {
    width: 475px;
    height: auto;
    margin: 10px 0 0;
    padding: 0;
}

#WBG2017 .WBG2017SubAd ul {
    list-style-type: none;
    font-family: "HelveticaNeueW01-55Roma", Arial, sans-serif;
}

#WBG2017 .WBG2017SubAd img {
    width: 100%;
}

#WBG2017 .WBG2017SubAdTypes img.WBG2017SubAdDesktop {
    margin: auto;
    display: block;
}

#WBG2017 .WBG2017SubAd img.WBG2017SubAdDesktop {
    display: block;
}

#WBG2017 .WBG2017SubAd img.WBG2017SubAdMobile {
    display: none;
}
#WBG2017 .WBG2017SubAdTypes img.WBG2017SubAdMobile {
    display: none;
}

#WBG2017 .WBG2017SubAd a {
    text-transform: none;
}

#WBG2017 .WBG2017SubAd h3,
#WBG2017 .WBG2017SubAd p,
#WBG2017 .WBG2017SubAd ul {
    margin-left: 10px;
}

#WBG2017 .WBG2017SubAdVideo h3,
#WBG2017 .WBG2017SubAdVideo p,
#WBG2017 .WBG2017SubAdVideo ul {
    margin-left: 10px;
}

.flex-container {
    display: flex;
    flex-direction: row;
}

.flex-item1 {
    order: 1;
}

.flex-item2 {
    order: 2;
    align-self: center;
}

#WBG2017 .WBG2017SubAd .no-margin-left {
    margin-left: 0;
}

#WBG2017 .WBG2017SubAd .bts-checklist {
    font-size: 14px;
    line-height: 25px;
}

#WBG2017 .padd-left {
    padding-left: 10px;
}

#WBG2017 li {
    list-style-type: none;
}

.ul-with-style-type span {
    font-weight: bold;
}

.ul-with-style-type {
    margin-top: 0;
}


@media only screen and (max-width: 959px) {
    /* mobile - small */
    #WBG2017Menu {}
    #WBG2017Menu a {
        display: block;
        font-size: 4.75vw;
        margin: 0;
        padding: 3.5vw;
        width: 100%;
    }
    #WBG2017Menu ul {
        margin: 2.25vw 0 2.75vw;
    }

    #WBG2017 ul {
        font-size: 4.25vw;
        margin-left: 4vw;
    }
    #WBG2017 .WBG2017SubAd ul.ul-with-style-type {
        margin-left: 8vw;
    }

    #WBG2017 .WBG2017SubAdTypes ul.ul-with-style-type {
        margin-left: 8vw;
    }

    #WBG2017 .WBG2017SubAd ul.ul-with-style-type li a {
        font-weight: bolder;
    }
    #WBG2017Menu li {
        font-size: 4.75vw;
        line-height: 1em;
        margin-top: 0;
    }
    #WBG2017Menu .WBG2017MenuHeader {
        margin: 0 0 2.5vw;
        padding: 1.5vw 0 2vw 0;
    }
    #WBG2017Menu .WBG2017MenuHeader span {
        font-size: 4.25vw;
        line-height: 1.2em;
    }
    #WBG2017Menu .WBG2017MenuHeaderPlusMinus {
        right: 2.5vw;
        top: 1.75vw;
        background-size: cover;
        width: 5.5vw;
        height: 5.5vw;
    }
    #WBG2017Menu.expanded .WBG2017MenuHeaderPlusMinus {
        background-position-x: -5vw;
    }
    #WBG2017Menu .WBG2017MenuContent {
        position: static;
        background: rgba(255, 255, 255, 1.0);
        font-size: 4.75vw;
        text-align: center;
    }
    #WBG2017Menu .WBG2017MenuContent span {}
    #WBG2017Menu a.WBG2017MenuBackToMain {
        color: #ffffff;
        background-color: #64c2ff;
        margin: 2vw 0 0;
        padding: 5vw;
    }
    #WBG2017Menu.expanded .WBG2017MenuContent {
        margin-top: 5.5vw;
    }
    #WBG2017 .WBG2017Hero,
    #WBG2017 .WBG2017Hero img,
    #WBG2017 .WBG2017Hero a {
        position: static;
    }
    #WBG2017 .WBG2017Hero a {
        margin: 3% auto;
        padding: 3.5% 0;
        width: 84%;
        height: auto;
        font-size: 4.5vw;
        border: 0.1em solid #000;
    }
    #WBG2017 h1,
    #WBG2017 h2 {
        font-size: 4.5vw;
        line-height: 1.2em;
        padding: 2%;
        margin: 0;
    }
    #WBG2017 p {
        font-size: 4.25vw;
        line-height: 1.4em;
        margin: 2% 3.5% 4%;
    }
    #WBG2017 .WBG2017SubAd {
        width: 100%;
    }
    #WBG2017 .WBG2017SubAd img.WBG2017SubAdDesktop {
        display: none;
    }
     #WBG2017 .WBG2017SubAdTypes img.WBG2017SubAdDesktop {
        display: none;
    }
    #WBG2017 .WBG2017SubAdTypes img.WBG2017SubAdMobile {
        display: block;
        margin: auto;
    }
    #WBG2017 .WBG2017SubAd img.WBG2017SubAdMobile {
        display: block;
    }
    #WBG2017 ul.WBG2017ShareIcons {
        justify-content: space-around;
        margin: 7.5% 2.5% 15%;
    }
    #WBG2017 ul.WBG2017ShareIcons>li {
        width: 12.5vw;
        height: auto;
        margin: 0;
    }
    #WBG2017 ul.WBG2017ShareIcons>li img {}
    .flex-container {
        display: flex;
        flex-direction: column;
    }
    .flex-item1 {
        order: 1;
    }
    .flex-item2 {
        order: 2;
        align-self: center;
    }
    #WBG2017 h3 {
        font-size: 4.4vw;
    }
    #WBG2017 .WBG2017SubAd h3,
    #WBG2017 .WBG2017SubAd p,
    #WBG2017 .WBG2017SubAd ul {
        margin-left: 4vw;
        margin-right: 4vw;
    }

    #WBG2017 .WBG2017SubAdTypes h3,
    #WBG2017 .WBG2017SubAdTypes p,
    #WBG2017 .WBG2017SubAdTypes ul {
        margin-left: 4vw;
        margin-right: 4vw;
    }

    #WBG2017 .WBG2017SubAdVideo h3,
    #WBG2017 .WBG2017SubAdVideo p,
    #WBG2017 .WBG2017SubAdVideo ul {
        margin-left: 4vw;
        margin-right: 4vw;
    }

    #WBG2017 ul.WBG2017Links3Col>li {
        width: 92%;
        text-align: left;
    }
    #WBG2017 .WBG2017SubAd .bts-checklist {
        font-size: 5vw;
        line-height: 8vw;
    }
    .WBG2017SubAd ul {
        margin-top: 10px;
        font-size: 1.1em;
    }
    #WBG2017 .WBG2017PartyTips p {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }

    .ul-with-style-type span {
        font-weight: bold;
    }

    #WBG2017 .WBG2017SubAd h3 {
        margin-top: 2vw;
    }

    .ul-with-style-type a {
        font-weight: bold;
    }
}

@media only screen and (max-width: 959px) {
    /* mobile - small */
    #WBG2017 {
        margin-bottom: 0;
    }
    .WBG2017LandingSubpageLink {
        width: 100%;
    }
    .WBG2017LandingSubpageLink img {
        margin: 0;
    }
    /*#WBG2017 h1 {
        padding: 2% 10%;
    }
    #WBG2017 h2 {
        padding: 2% 10%;
    }*/
    .WBG2017LandingSubpageLink a {
        font-size: 4.25vw;
        margin: 0;
    }
    .WBG2017LandingSubpageLink a:last-child {
        margin: 3% 0 6%;
    }
    h2.WBG2017CoolCollegeStyles {
        margin: 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
    #WBG2017 .WBG2017SubAd h3 {
        line-height: 4.5vw;
    }
}