/* DEFAULT STYLES
************************/
@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:300,400,500,600,700|Rokkitt:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,600,700");
.clearfix:after {
  content: "";
  display: table;
  clear: both
}

/* Rokkitt font */

@font-face {
    font-family: 'Rokkitt';
    font-style: normal;
    font-weight: 400;
    src: local('Rokkitt-Regular'), url('/web_assets/fonts/rokkitt/Rokkitt-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Rokkitt';
    font-weight: 700;
    font-style: normal;
    src: local('Rokkitt-Bold'), url('/web_assets/fonts/rokkitt/Rokkitt-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Rokkitt';
    font-weight: 800;
    font-style: normal;
    src: local('Rokkitt-ExtraBold'), url('/web_assets/fonts/rokkitt/Rokkitt-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Rokkitt';
    font-weight: 200;
    font-style: normal;
    src: local('Rokkitt-ExtraLight'), url('/web_assets/fonts/rokkitt/Rokkitt-ExtraLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Rokkitt';
    font-weight: 300;
    font-style: normal;
    src: local('Rokkitt-Light'), url('/web_assets/fonts/rokkitt/Rokkitt-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Rokkitt';
    font-weight: 500;
    font-style: normal;
    src: local('Rokkitt-Medium'), url('/web_assets/fonts/rokkitt/Rokkitt-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Rokkitt';
    font-weight: 600;
    font-style: normal;
    src: local('Rokkitt-SemiBold'), url('/web_assets/fonts/rokkitt/Rokkitt-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Rokkitt';
    font-weight: 100;
    font-style: normal;
    src: local('Rokkitt-Thin'), url('/web_assets/fonts/rokkitt/Rokkitt-Thin.ttf') format('truetype');
}

/* Rokkitt font */

#page-wrap header svg:not(.icon-search-btn) {
    width: 55rem;
    height: 4rem;
}
#page-wrap header svg.icon-close {
    width: 1.2rem;
    height: 1.2rem;
}
/* DTC-11570 - Override Mobile Header Icon Size */
#mobile-menu-utility div a .icon-menu, #mobile-menu-utility div a .icon-search {
    width: 2rem;
    height: 2rem;
}

#mobile-menu-utility div a .icon-map {
    width: 1.4rem;
    height: 2.2rem;
}
#logo {
    width: 55rem;
    height: 4rem;
    overflow: hidden;
    top: 0;
}
#logo svg {
    width: 55rem;
    position: relative;
}
#footer-bot .copyright {
    margin-bottom: 18px;
}
.trademark span {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
}
.footer-newsletter p {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
}
.form-stylized .form-stylized-copy {
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: "Montserrat", "Helvetica Neue";
    font-weight: 400;
    color: #000;
    letter-spacing: 0.5px;
    text-align: center;
    text-transform: none;
    margin: 2rem 0;
    padding: 0 1rem 0 1rem;
}
#autoRegister-modal .form-stylized-h2 {
    font-size: 3rem;
    font-style: normal;
    font-family: "Rokkitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    letter-spacing: .1rem;
    font-weight: 400;
    color: #000;
    text-align: center;
    line-height: 3rem;
}
.modal-body #flyover h2.text-uppercase.text-center.heading-serif.heading-lg {
    font-size: 4.2rem;
    font-style: normal;
    font-family: "Rokkitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    letter-spacing: .1rem;
    font-weight: 400;
    color: #000;
    text-align: center;
    line-height: 3.8rem;
}
.modal-body #flyover h2.text-uppercase.text-center.heading-serif.heading-lg em {
    font-style: normal;
}
.modal-body #flyover p.text-uppercase.text-center.disply_success_message {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    color: #000;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
    margin: 2rem 0;
    padding: 0 1rem 0 1rem;
}
#shelf_header .module-inner h2.module-heading {
    font-family: "Rokkitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.6rem;
    line-height: 3.6rem;
    text-transform: uppercase;
}
#page-wrap .menu-header-mobile .icon-close {
    width: 2rem;
    height: 2rem;
}
#content-wrap h1 {
    font-family: "Rokkitt", serif;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 1rem;
    font-size: 4.2rem;
    line-height: 3.8rem;
    letter-spacing: 0.1rem;
    color: #000;
}
#content-wrap .group-promo-inline .group-promo-inner h1 {
    text-transform: uppercase;
    font-size: 2.4rem;
    line-height: 2.2rem;
}
#content-wrap .group-promo-inline .group-promo-inner p {
    letter-spacing: 0.1rem;
}
#content-wrap .content.noResults h1,
#content-wrap article .back-link + .row .col-md-8 h1,
.product-details-container .product-wrap-inner h1,
#content-wrap #content-body-parent #member-info-data + h1,
#content-wrap #content-body-parent .nav-secondary + h1,
#my-account h1,
#content-wrap .cheetah_registration h1 {
    font-size: 2.4rem !important;
    line-height: 1 !important;
    text-transform: none;
}
#content-wrap h1.module-heading.large.promo-h1 {
    color: #fff;
}
.product-wrap {
    margin-bottom: 1rem;
}
.shelfless-promo-1x .shelfless-promo-text {
    top: 25%;
}
#content-wrap .hp-content.hp-outlets .module-sh-copy h1.module-heading {
    color: #ba0c2f;
    margin-top: 0px;
}
.hp-content.hp-outlets .module-sh-copy .btn.btn-primary {
    background: #ba0c2f;
}
.hp-content.hp-outlets .module-sh-copy .btn.btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.module-img .module-inner .secondary {
    text-transform: uppercase;
    padding: 0;
}
.module-img .module-inner .secondary:hover {
    text-decoration: none;
    color: #BA0C2F;
    text-transform: uppercase;
    padding: 0;
}
#content-wrap .hp-content.hp-outlets .module-sh h1.large.promo-h1 {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-size: 4.2rem;
    line-height: 3.8rem;
    margin-bottom: 2rem;
}
a.module-extra.details-reverse:hover {
    color: #AAA;
}
.module-sh p {
    font-size: 1.4rem;
    letter-spacing: .1rem;
    font-weight: 400;
}

/* Trademark Css starts */

.shelfless-promo-text span.sh-soRegMark {
    position: absolute;
    top: 10%;
    right: 6%;
    font-size: 1.7rem;
}
.sh-soTdMark {
    position: absolute;
    top: 12%;
    right: 8%;
    font-size: 1.2rem;
}
.sh-soTdMark.sh-soTdMark-single {
    top: -2%;
    right: 1%;
}
@media only screen and (max-width:320px) {
    .shelfless-promo-text span.sh-soRegMark {
        top: 9%;
        right: -2%;
    }
    .sh-soTdMark {
        top: 11%;
        right: -2%;
    }
    .sh-soTdMark.sh-soTdMark-single {
        top: -2%;
        right: -8%;
    }
}

/* Ipad*/

@media only screen and (min-width:768px) and (max-width:1024px) {
    .shelfless-promo-text span.sh-soRegMark,
    .sh-soTdMark {
        top: 8%;
        right: 4%;
    }
    .sh-soTdMark.sh-soTdMark-single {
        top: -2%;
        right: 1%;
    }
}
@media only screen and (min-width:412px) and (max-width:732px) {
    .shelfless-promo-text span.sh-soRegMark,
    .sh-soTdMark {
        top: 12%;
        right: 10%;
    }
}

/* Ipad Pro */

@media only screen and (height: 1366px) and (width: 1024px) {
    .shelfless-promo-text span.sh-soRegMark {
        right: -10%;
    }
    .sh-soTdMark {
        right: -3%;
        top: 16%;
    }
}
@media only screen and (height: 640px) and (width: 360px) {
    .shelfless-promo-text span.sh-soRegMark {
        right: 4%;
    }
    .sh-soTdMark {
        right: 5%;
        top: 11%;
    }
    .sh-soTdMark.sh-soTdMark-single {
        top: -3%;
        right: -2%;
    }
}

/* Ipad -landscape*/

@media only screen and (height: 768px) and (width: 1024px) and (orientation:landscape) {
    .shelfless-promo-text span.sh-soRegMark {
        right: -12%;
    }
    .sh-soTdMark {
        top: 15%;
        right: 0%;
    }
    span.sh-soTdMark.sh-soTdMark-single {
        left: 99%;
    }
}

/* Ipad Pro */

@media only screen and (height: 1366px) and (width: 1024px) {
    .sh-soTdMark.sh-soTdMark-single {
        left: 99%;
    }
}

/* Trademark Css ends */

#menu .dropdown .dropdown-menu a h4 {
    text-transform: uppercase;
    font-family: "Rokkitt", serif;
    letter-spacing: .1rem;
    font-weight: 400;
    font-size: 2.1rem;
    line-height: 2.1rem;
    font-style: normal;
    margin: 1.5rem 0 0.5rem 0;
}
#menu .dropdown .dropdown-menu a .vp-shop-now {
    text-transform: uppercase;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    font-weight: 400;
    font-size: 1.2rem;
    text-decoration: underline;
    color: #000;
}
a.module-extra.details-reverse {
    display: inline-block;
    margin-top: 2rem;
    color: #fff;
}

/* Top Nav starts */

#menu ul li a h2 {
    font-family: "Rokkitt", serif;
    font-weight: 500;
    line-height: 4rem;
    margin: 0;
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
}

li[data-category-id="catsaleschicos"] span {
    color: red;
}

#menu>ul>li.search-toggle-wrap {
    margin-right: 3.2rem;
}

/*824 -- starts*/

#search-wrap {
    margin-top: 5px;
}

/*824 -- ends*/

@media screen and (min-width: 1200px) {
    /*824 -- starts*/
    #menu ul li a.top-nav-cat {
        padding: 0 4rem;
    }
    #menu>ul>li:first-child>a.top-nav-cat {
        padding-left: 0;
    }
    #search-wrap {
        margin-top: 0px;
    }
    /*824 -- ends*/
    #menu .dropdown .dropdown-menu a[role='menuitem'] {
        padding: initial;
    }
}
@media screen and (min-width: 992px) {
    #header {
        position: relative;
        z-index: 500;
/*      height:7.1rem; */
        background: #fff;
        border-bottom: .1rem solid #ddd;
    }
    #header-inner {
        height: 4rem;
    }
    #mobile-menu-utility .menu-bag {
        top: -2.7rem;
    }
}
@media screen and (max-width: 991px) {
    #menu ul li a h2 span {
        font-size: 2rem;
        font-weight: 500;
    }
    #header-wrap #header {
        height:9.2rem;
    }
    #header-inner {
        height: 4.4rem;
    }
}

#menu>ul>li.search-toggle-wrap .icon-search {
    top: 1px;
}

/* Top Nav Ends */

#content-wrap .module .center-content {
    background-size: cover;
}
.module-inner.center-content h1.module-heading.large.promo-h1 {
    margin: 0px;
    text-align: center;
}
.hp-content.hp-outlets .module-sh-copy p.eyebrow {
    font-weight: 600;
    font-size: 1.6rem;
}
.promoSlotBase .small-eyebrow {
    font-size: 2rem;
    font-weight: 600;
    margin: 0px 0px 1.2rem 0px;
    line-height: 2rem;
}

/* CO-764 */

.login-txt {
    padding-left: 0px;
    padding-right: 0px;
}

/* CO-764 */


/* CO-792 starts */

.chat-wrap .chat-heading {
    font-size: 2.4rem !important;
    line-height: 1 !important;
    text-transform: none;
    font-family: "Rokkitt", serif;
    margin-bottom: 1rem;
    letter-spacing: 0.1rem;
    color: #000
}
.chat-wrap .chat-heading small {
    text-transform: uppercase;
    letter-spacing: normal;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* CO-792 ends */


/* CO-789*/

div#related-items-carousel .item {
    width: 80%;
    margin: auto;
}

/* CO-789 ends*/


/* Desktop Css Starts */

@media screen and (min-width: 992px) {
    #content-wrap h1 {
        font-size: 5.5rem;
        line-height: 5rem;
    }
    #content-wrap .content.noResults h1,
    #content-wrap article .back-link + .row .col-md-8 h1,
    .product-details-container .product-wrap-inner h1,
    #content-wrap #content-body-parent #member-info-data + h1,
    #content-wrap #content-body-parent .nav-secondary + h1,
    #my-account h1,
    #content-wrap .cheetah_registration h1 {
        font-size: 3.6rem !important;
    }
    .hp-content.hp-outlets .module-sh-copy p.eyebrow {
        font-size: 2.2rem;
    }
    #content-wrap .group-promo-inline .group-promo-inner h1 {
        font-size: 4.2rem;
        line-height: 3.6rem;
        margin-bottom: 1.5rem;
    }
    #autoRegister-modal .form-stylized-h2 {
        font-size: 4.2rem;
        line-height: 3.8rem;
    }
    .modal-body #flyover h2.text-uppercase.text-center.heading-serif.heading-lg {
        font-size: 7.2rem;
        line-height: 6.2rem;
    }
    #content-wrap .hp-content.hp-outlets .module-sh h1.large.promo-h1 {
        font-size: 7.2rem;
        line-height: 6.2rem;
    }
    .modal-body #flyover p.text-uppercase.text-center.disply_success_message,
    .form-stylized .form-stylized-copy {
        font-size: 1.8rem !important;
    }
    #shelf_header .module-inner h2.module-heading {
        font-size: 7.2rem;
        line-height: 7.2rem;
    }
    .shelfless-promo-1x .shelfless-promo-text {
        top: 40%;
    }
    a.module-extra.details-reverse {
        margin-top: 2rem;
        display: inline-block;
        color: #fff;
    }
    .module-sh p {
        font-size: 2.2rem;
    }
    .shelfless-promo-text span.sh-soRegMark {
        font-size: 2rem;
        position: absolute;
        top: 34px;
        left: 88%;
    }
    .sh-soTdMark {
        font-size: 1.2rem;
        position: absolute;
        top: 34px;
        left: 85%;
    }
    .sh-soTdMark.sh-soTdMark-single {
        top: -2%;
        right: -5%;
    }
    .chat-wrap .chat-heading {
        font-size: 3.6rem !important;
    }
}
@media screen and (max-width: 767px) {
    #page-wrap #logo svg {
        width: 80%;
        position: relative;
        left: 10%;
    }
    #logo {
        width: 46rem;
        overflow: visible;
    }
    #mobile-menu-utility {
        top: 5rem;
    }
    #header-inner {
        overflow: hidden;
    }
    section.hero {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        overflow: hidden;
    }
    #footer-bot .copyright {
        margin-bottom: 7rem;
    }
}
@media screen and (max-width: 991px) {
    #logo {
        width: 46rem;
        overflow: visible;
    }
    #page-wrap #logo svg {
        width: 80%;
        position: relative;
        left: 10%;
    }
    #mobile-menu-utility {
        top: 5rem;
    }
    #header-inner {
        overflow: hidden;
    }
    section.hero {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        overflow: hidden;
    }
    .footer-newsletter p {
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        margin-top: 20px;
    }
    .trademark span {
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
    }
}
#mainpcartpromo p.large-eyebrow {
    color: #fff;
}
.shop-now {
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-weight: 600;
    line-height: 1.2;
    font-size: 1.4rem;
    color: #000;
    text-decoration: underline;
    margin-top: 1rem;
}
@media screen and (min-width: 992px) {
    h1.large {
        font-family: "Rokkitt", serif;
        letter-spacing: .1rem;
        font-weight: 400;
        font-size: 7.2rem;
        line-height: 6.2rem;
        margin-bottom: 1rem;
        color: #000;
    }
    h1 {
        font-family: 'Rokkitt';
    }
}
@media screen and (max-width: 991px) {
    #header #menu ul {
        position: relative;
        left: 0px;
    }
    #header-wrap .dropdown-menu {
        font-family: "Rokkitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

/* SHELF HEADERS
************************/

.shelf-header-outlets .module-sh-text .module-inner {
    margin: 0px;
    padding: 0px;
    border: none;
}
.shelf-header-outlets .module-sh-text.sh-text-nocopy h1,
.shelf-header-outlets .module-sh-text.sh-text-nocopy .module-heading,
.shelf-header-outlets .all-text h1 {
    text-align: center;
    font-family: "Rokkitt", serif;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-weight: 400;
    font-size: 3.6rem;
    line-height: 3.6rem;
    font-style: normal;
}
@media screen and (min-width: 768px) {
    .shelf-header-outlets .module-sh-text.sh-text-nocopy h1,
    .shelf-header-outlets .module-sh-text.sh-text-nocopy .module-heading,
    .shelf-header-outlets .all-text h1 {
        font-size: 7.2rem;
        line-height: 7.2rem;
    }
}

/* VISUAL PROMOS
************************/

.editorial-promo.visual-promo-outlets h4 {
    font-family: "Rokkitt", serif;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-weight: 400;
    font-size: 2.1rem;
    line-height: 2.1rem;
    font-style: normal;
    color: #000;
    margin: 1.5rem 0 0.5rem 0;
}
.visual-promo-outlets a.vp-cta {
    text-transform: uppercase;
    color: #000;
    font-size: 1.2rem;
    font-family: "Rokkitt", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: underline;
}
.visual-promo-outlets img {
    margin-bottom: 1.5rem;
}

/* HOME PAGE
************************/

.module-sh .promo-p {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .1rem;
}
.hp-content.hp-outlets .module-sh-copy p {
    font-family: "Rokkitt", serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: .1rem;
}
.hp-content.hp-outlets .module-sh h1,
.hp-content.hp-outlets .module-sh .module-heading {
    font-family: "Rokkitt", serif;
    text-transform: none;
    letter-spacing: .1rem;
    font-weight: 400;
    font-size: 4.2rem;
    line-height: 3.8rem;
    margin-bottom: 1rem;
}
.hp-content.hp-outlets .module-sh h1.promo-h1 {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    font-size: 3.2rem;
    line-height: 3rem;
}
.hp-content.hp-outlets .module-img h2,
.hp-content.hp-outlets .module-img .module-heading {
    font-family: "Rokkitt", serif;
    text-transform: none;
    letter-spacing: .1rem;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: normal;
    margin-bottom: 1rem;
}
.details-link {
    margin-top: 2rem;
}
hr {
    margin-bottom: 30px;
}
@media screen and (min-width: 992px) {
    .hp-content.hp-outlets .module-sh h1,
    .hp-content.hp-outlets .module-sh .module-heading {
        font-size: 5.5rem;
        line-height: 5rem;
    }
    #content-wrap .hp-content.hp-outlets h1.module-heading.large {
        font-size: 7.2rem;
        line-height: 6.2rem;
        color: #fff;
    }
    .hp-content.hp-outlets .module-inner.center-content p,
    .hp-content.hp-outlets .module-inner.center-content .details-link {
        color: #fff;
        font-family: "Rokkitt", serif;
    }
    #content-wrap .hp-content.hp-outlets .module-sh-copy h1.module-heading {
        color: #ba0c2f;
    }
    .hp-content.hp-outlets .module-sh h1.promo-h1 {
        font-size: 5.5rem;
        line-height: 5rem;
    }
    .hp-content.hp-outlets .module-img h2,
    .hp-content.hp-outlets .module-img .module-heading {
        font-size: 3.8rem;
        line-height: 3.8rem;
    }
    .hp-content.hp-outlets .module-sh-copy p {
        font-size: 2rem;
    }
}

/* Back to Top start */

.top-link {
    display: block !important;
    position: fixed;
    bottom: 8rem;
    right: 0;
    z-index: 490;
    padding: 1.1rem;
    background: rgba(255, 255, 255, .7);
    border: .1rem solid #ddd;
    border-right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: all .25s ease;
    width: auto;
}
.top-link svg {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    fill: #000;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
@media screen and (min-width: 992px) {
    .top-link {
        border: 0;
        background: rgba(0, 0, 0, .8)!important;
    }
    .top-link svg {
        fill: #fff;
    }
}
.top-link.inactive,
.top-link.scrolling {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

/* Back to Top Ends */


/* Shelf Header - Registration Trademark alignment update */

.shelfless-promo-text h1 span.sh-soRegMark {
    position: relative !important;
    top: -0.3rem !important;
    right: auto !important;
    left: auto !important;
    font-size: 1.7rem;
    vertical-align: top;
}
@media screen and (min-width: 992px) {
    .shelfless-promo-text h1 span.sh-soRegMark {
        font-size: 2rem;
        top: -0.8rem !important;
    }
}

/* Home page Certona container  144 */

.home-combo #hp-top-left-quad [data-certona-scheme] .carousel .carousel-inner .item .product-thumb-wrap>a:first-child {
    padding-bottom: 65%;
    padding-left: 25%;
}
.home-combo #hp-top-left-quad [data-certona-scheme] .carousel .carousel-control-wrap ol.carousel-indicators {
    display: none;
}
.home-combo #hp-top-left-quad h2.related_products_title {
    display: none;
}
.home-combo #hp-top-left-quad [data-certona-scheme] .carousel .carousel-inner .item .related_products {
    width: 100%;
}
.home-combo #hp-top-left-quad [data-certona-scheme] .carousel .carousel-inner .item .related_products .product {
    margin-bottom: 0rem;
}
@media screen and (max-width:767px) {
    .home-combo #hp-top-left-quad [data-certona-scheme] .carousel .carousel-control-wrap {
        top: 30%;
        width: 100%;
        background: transparent;
        position: absolute;
    }
    .home-combo #hp-top-left-quad [data-certona-scheme] .carousel .carousel-control-wrap .carousel-control {
        width: 4.7rem;
        height: 3.7rem;
    }
}
@media screen and (min-width: 992px) {
    .home-combo #hp-top-left-quad .module-product-grid {
        background: none !important;
    }
    .home-combo #hp-top-left-quad [data-certona-scheme] .carousel .carousel-inner .item .product-thumb-wrap>a:first-child {
        padding-bottom: 90%;
        padding-left: 17%;
    }
    .home-combo #hp-top-left-quad [data-certona-scheme] .carousel .carousel-inner .item .product-thumb-wrap>a:first-child img {
        height: 400px;
    }
}

/* Home page Certona container  144 */


/* CO-846 - Special Price Color change - start*/

.product-price-special > span {
    color: #e00;
}

/* CO-846 - Special Price Color change - end */

li[data-category-name='CLEARANCE'] span {
    color: red;
}
.pac-item:hover {
    cursor: pointer;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
}
@keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}
@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}

/* DFD-12642 - Changing defaults for shelfless-promo-text */
.shelfless-promo-text {
    text-transform: none;
}

.shelfless-promo-text p {
    font-weight: 400;
}

@media (max-width: 991px) {
    #footer-inner .footer-newsletter h2 {
        font-size: 1.4rem;
    }
}

/* DFD-14323 | URGENT OTR Footer Update */
#footer-bot>.row:before {
    content: '';
    display: inline-block;
    background-image: url(/web_assets/logo/cotr-logo2.png);
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 991px) {
    #footer-bot>.row:before {
        width: 67%;
        height: 6rem;
        background-position-x: center;
        margin: 0 auto;
    }
    #footer-bot .col-md-9 {
        margin-top: 1rem;
    }
}
@media (min-width: 992px) {
    #footer-bot>.row:before {
        width: 14%;
        height: 4.4rem;
        position: relative;
        left: 1.8rem;
        margin-top: -1.5rem;
        float: left;
    }
    #footer-bot .col-md-9 {
        padding-left: 5%;
        width: 84%;
    }
}
@media (min-width: 1200px) {
    #footer-bot>.row:before {
        width: 23%;
        height: 8.4rem;
        margin-top: -5.7rem;
    }
    #footer-bot .col-md-9 {
        padding-left: 3.1%;
        width: 75%;
    }
}
/*** APPLE PAY CSS CHANGES : START ****/
/* Logo only Apple Pay Button start*/
.apple-pay-button {
    -apple-pay-button-type: plain;
    -apple-pay-button-style: black;
    visibility: hidden;
    margin-top: 1rem;
}

.apple-pay-button.visible {
    -webkit-appearance:-apple-pay-button;
    appearance:-apple-pay-button;
    visibility: visible;
}

.apple-pay-button.white {
    -apple-pay-button-style: white;
}

.apple-pay-button.white-outline.visible {
    -apple-pay-button-style: white-outline;
    padding-top:4rem;
}

/* No-Radius Border */
a[href="/store/common/account/checkout_login_sre.jsp?sourcePage=shoppingBag&destPage=applepayCheckoutLogin"]{
    display: block;
    border: solid 1px #000;
    margin-top: 1rem;
    overflow: hidden;
}

a[href="/store/common/account/checkout_login_sre.jsp?sourcePage=shoppingBag&destPage=applepayCheckoutLogin"] .apple-pay-button.white-outline{
    margin:-2px;
}

/* Logo only Apple Pay Button end*/
/*** APPLE PAY CSS CHANGES : END ****/

/* Shopping Cart UI Update - Reduce Est Shipping Size */
.is-cart-page #sb-sum-shipping{
    font-size: 1.2rem;
}

/* Shopping Cart UI Update - Reduce Est Shipping Size */
.is-cart-page #sb-sum-shipping{
    font-size: 1.2rem;
}

/*DTC-5163: DC Inventory Alert Display */
.dc-inventory-alert-message.show{
    display: table !important;
    padding: 5px;
}
.dc-inventory-alert-message .dc-inventory-message{
    position:relative;
    top:1px;
    color: #000;
    text-transform: capitalize;
    font-weight: 500;
}

/* Alternate Payment Modal UI */
#checkout-login-alt-payment  .row{
    margin-left: 0;
    margin-right: 0;
}
#checkout-login-alt-payment .login-header-wrap{
    margin: 3rem 0;
}
#checkout-login-alt-payment  #co-checkout-guest-col{
    padding-right: 0;
}
.modal.fade.CheckoutPage #checkout-login-alt-payment .modal-head {
    background-color: #eee;
    margin-left: -35px;
    margin-right: -35px;
    padding-right: 35px;
    min-height: 50px;
}
#checkout-login-alt-payment .modal-head h2{
    text-transform: capitalize;
}
#checkout-login-alt-payment  .login-brand-logo{
    margin-bottom: 2rem;
}
#checkout-login-alt-payment .login-brand-logo svg{
    width: 37rem;
    height: 5rem;
    margin: 0 auto;
    display: block;
}
#checkout-login-alt-payment .login-sub-header-copy{
    margin: 0 auto;
}
.modal.fade.CheckoutPage #checkout-login-alt-payment .login-wrap .login-block-header.login-block{
    min-height: auto;
    margin: 0;
}
#checkout-login-alt-payment  .co-checkout-header-toggle-link{
    text-decoration: none;
    pointer-events: none;
    display: block;
}
#checkout-login-alt-payment  .co-checkout-header-toggle-link.collapsed{
    margin-bottom: 2rem;
}
#checkout-login-alt-payment .login-wrap h2{
    margin: 0;
}
#checkout-login-alt-payment .login-block-content .login-block{
    border-top: 0;
}
#checkout-login-alt-payment .login-password-field-group{
    margin-bottom: 1rem;
}
.modal.fade.CheckoutPage #checkout-login-alt-payment #co-remember-me-group label{
    padding-left: 0;
}
#checkout-login-alt-payment #co-remember-me-group .checkbox.login-remember-field-wrap{
    margin: 1rem 0 2rem;
}
.is-checkout-page #checkout-login-alt-payment .form-labels .checkbox .input-styled{
    padding-top: 0;
}
#checkout-login-alt-payment  .alt-payment-btn-label{
    text-transform: none;
}
#checkout-login-alt-payment .login-remember-field-wrap .input-styled-text{
    font-size: 1.3rem;
    position: relative;
    top: 3px;
}
#checkout-login-alt-payment #co-remember-me-group .signin-button{
    display: block;
}
#checkout-login-alt-payment .co-forgot-password-link{
    font-weight: 700;
}
#checkout-login-alt-payment .margin-top-lg.co-forgot-password{
    margin-top: 1.5rem;
}
#checkout-login-alt-payment .login-controls{
    padding-right: 0;
}
#checkout-login-alt-payment .modal-body .login-info {
    margin-left: 0px;
}
@media (max-width:399px){
    #checkout-login-alt-payment .login-brand-logo svg {
        width: 20rem;
        height: 2rem;
    }
}
@media (min-width:400px) and (max-width:500px) {
    #checkout-login-alt-payment .login-brand-logo svg {
        width: 27rem;
        height: 3rem;
    }
    #checkout-login-alt-payment.alt-amazonpayCheckoutLogin .alt-payment-btn{
        padding-right: 5px;
        padding-left: 5px;
        font-size: 1.2rem;
    }
    #checkout-login-alt-payment .modal-head h2{
        font-size: 1.5rem;
    }
}
@media (max-width:767px){
    .co-checkout-block-col{
        padding-right: 0;
    }
}

/* Alternate Payment Modal UI- Amazon Pay Custom Buttons */
#checkout-login-alt-payment .alt-btn-amazonpay{
    background-color: #ffd76b;
    color: #000;
    text-transform: capitalize;
    font-size: 1.5rem;
    padding: 1rem 3rem;
    width: 100%;
    letter-spacing: 0px;
}
#checkout-login-alt-payment .alt-btn-amazonpay .alt-payment-btn-label{
    display: inline-flex;
}
#checkout-login-alt-payment .alt-btn-amazonpay .alt-payment-btn-label .amazon-pay-logo:after{
    content: url(/web_assets/svg/checkout/amazonPay-logo-custom.svg?ver=1);
    display: block;
    width: 9rem;
    height: 2rem;
    margin-left: 5px;
    top: 6px;
    position: relative
}
@media (max-width:400px) {
    #checkout-login-alt-payment.alt-amazonpayCheckoutLogin .alt-payment-btn{
        padding-right: 5px;
        padding-left: 5px;
        font-size: 1.2rem;
    }
    #checkout-login-alt-payment .alt-btn-amazonpay .amazon-pay-logo {
        overflow: hidden;
        width: 5rem;
    }
    #checkout-login-alt-payment .alt-btn-amazonpay .alt-payment-btn-label .amazon-pay-logo:after{
        width: 7.4rem;
        margin-left: 3px;
        top: 5px;
    }
}
@media (min-width:768px){
    #checkout-login-alt-payment .alt-btn-amazonpay{
        padding-right:2rem;
        padding-left:2rem;
    }
}
@media (min-width:768px) and (max-width:991px){
    #checkout-login-alt-payment .alt-btn-amazonpay{
        padding-right:1rem;
        padding-left:1rem;
    }
}

/* PDP Certona Right Rail - Limit ti display only 5 */

.is-pdp #rightRailCertona { 
    display: none;  
}
#rightRailCertona .single-relatedItem:nth-of-type(1n+6){
    display:none;
}

    /* FLXS-542: Store Locate: Hide Today's Offers */   
.is-store-locate #promo-footer {    
display: none;  
}   
/* Needed so the article fills out the complete child element heights, including the margins. JP*/  
#promo-footer .carousel .promo, .promo-offers-drawer .promo {   
overflow: hidden;   
}   
/* DISPLAY NORMAL BOOTSTRAP FOR DRAWER PROMO*/  
@media screen and (min-width: 768px) and (max-width: 991px) {   
  #promo-footer .hidden-xs, .promo-offers-drawer .hidden-xs {   
  display: block !important;    
  } 
  #promo-footer .visible-xs, .promo-offers-drawer .visible-xs { 
  display: none !important; 
  } 
  #promo-footer .hidden-sm, .promo-offers-drawer .hidden-sm {   
  display: none !important; 
  } 
}   
.is-print-page #promo-footer {  
  display: none;    
}

 #promo-footer.open .promo-toggle-icon, .promo-offers-drawer.open .promo-toggle-icon {  
  -webkit-transform: rotate(180deg);    
  -ms-transform: rotate(180deg);    
  transform: rotate(180deg) 
}




#promo-footer .carousel .promo h2, .promo-offers-drawer .promo h2,
#menu .dropdown.promo-offers-nav .dropdown-menu .promo-offers-drawer h2{
  font-family: "Rokkitt", serif;    
  margin: 1.75rem 0 .5rem !important;   
  line-height: 2rem !important;
  text-transform: uppercase;    
  font-size: 2rem !important;   
  font-weight: 500 !important;  
}   

#promo-footer .carousel .promo h3, .promo-offers-drawer .promo h3,
#menu .dropdown.promo-offers-nav .dropdown-menu .promo-offers-drawer h3,
#promo-footer .carousel .promo h3.promo-sub_fix,
#menu .dropdown.promo-offers-nav .dropdown-menu .promo-offers-drawer .carousel .promo h3.promo-sub_fix{ 
  margin: 0 0 1rem; 
  font-size: 1.4rem;    
  font-weight: 400; 
  line-height: 1.8rem;  
}   
#promo-footer .carousel .promo p, .promo-offers-drawer .promo p,    
.promo-offers-drawer .info-wrap {   
  margin: 0 0 1.5rem 0; 
  text-transform: uppercase;    
}

/* Merge from Promoslot Inline Styles @2/28/2019*/  
svg.icon-arrow-left.dp-arrow,   
svg.icon-arrow-right.dp-arrow { 
  top: 36% !important;  
}   
#promo-footer .promo-toggle-icon,   
.promo-offers-drawer .promo-toggle-icon{    
  float: left;  
  margin-top: 0.3rem;   
}   
#promo-footer .promo-head,  
.promo-offers-nav .promo-offers-drawer .promo-head {    
  font-size: 1.8rem;    
  font-weight: 300; 
}   
#promo-footer .use-code,    
.promo-offers-nav .promo-offers-drawer.use-code {   
  font-size: 1.2rem;    
  font-weight: 400; 
  text-transform: uppercase;    
}   
#promo-footer .cta, 
.promo-offers-nav .promo-offers-drawer .cta {   
  font-size: 1.4rem;    
  font-weight: 700; 
  text-decoration: underline;   
}   
#promo-footer #pre-disclaimer,  
.promo-offers-nav .promo-offers-drawer #pre-disclaimer {    
  text-transform: none; 
  font-size: 1.2rem;    
  margin: 1rem 0;   
}   
.info-wrap span:after{  
  content: none;    
  padding-left: 0;  
}   
#promo-footer .carousel .promo-head,    
.promo-offers-nav .promo-offers-drawer .carousel .promo-head,   
.promo-offers-nav .promo-offers-drawer .promo-head{ 
  font-family: "Rokkitt", serif;    
  font-weight: 400; 
  margin: 0 0 1rem; 
  text-transform: uppercase;    
  font-size: 1.8rem;    
  letter-spacing: .1rem;    
  font-style: italic;   
}   
#promo-footer .text-uppercase,  
.promo-offers-nav .promo-offers-drawer .text-uppercase {    
  font-size: 1.4rem;    
  letter-spacing: 0;    
  font-weight: 700; 
  text-decoration: underline;   
}   
.info-wrap a {  
  font-size: 1rem;  
}   
#promo-footer .info-wrap span,  
.promo-offers-nav .promo-offers-drawer .info-wrap span {    
  padding-right: 0; 
}   
#promo-footer .info-wrap span.copy-pipe,    
.promo-offers-nav .promo-offers-drawer .info-wrap span.copy-pipe {  
  padding: 0 0.5rem;    
}   
#promo-footer .carousel-indicators, 
.promo-offers-nav .promo-offers-drawer .carousel-indicators {   
  width: 100%;  
  left: 30%;    
}   
#promo-footer #prices-marked-copy,  
.promo-offers-nav .promo-offers-drawer #prices-marked-copy {    
  text-transform: none; 
}   
#promo-footer .details, 
#menu .dropdown.promo-offers-nav .promo-offers-drawer .details {    
  font-size: 1.2rem;    
  font-weight: 700; 
}   
@media only screen and (max-width: 1200px) {    
  #footer { 
    padding: 3.5rem 0 5rem; 
  } 
  #promo-footer .carousel .promo-head,  
  .promo-offers-nav .promo-offers-drawer  .promo-head { 
    font-size: 1.5rem;  
  } 
  .carousel-indicators li,  
  .carousel-indicators .active {    
    margin: 0 .5rem;    
  } 
}