@charset "UTF-8";

@font-face {
    font-family: 'ThirstyScriptMedium';
    src: url("/fonts/thirsty-script-medium.eot?");
    src: url("/fonts/thirsty-script-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/thirsty-script-medium.woff2") format("woff2"), url("/fonts/thirsty-script-medium.woff") format("woff"), url("/fonts/thirsty-script-medium.ttf") format("truetype"), url("/fonts/thirsty-script-medium.svg#youworkforthem") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CorbenBold';
    src: url("/fonts/Corben-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CorbenRegular';
    src: url("/fonts/Corben-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratItalic';
    src: url("/fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url("/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratThin';
    src: url("/fonts/Montserrat-Thin.ttf") format("truetype");
}

@font-face {
    font-family: 'MontserratRegular';
    src: url("/fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'MontserratBold';
    src: url("/fonts/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'ZillaSlabMedium';
    src: url("/fonts/ZillaSlab-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ZillaSlabItalic';
    src: url("/fonts/ZillaSlab-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NewsCycleRegular';
    src: url("/fonts/NewsCycle-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NunitoVariable';
    src: url("/fonts/Nunito-VariableFont_wght.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


a:hover {
    text-decoration: none;
}

body {
    font-family: "Montserrat",Helvetica,Arial,sans-serif,Arial,sans-serif !important;
    font-size: 100%;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

body:not(.user-is-tabbing) button:focus,body:not(.user-is-tabbing) input:focus,body:not(.user-is-tabbing) select:focus,body:not(.user-is-tabbing) textarea:focus,body:not(.user-is-tabbing) a:focus,body:not(.user-is-tabbing) p:focus,body:not(.user-is-tabbing) div:focus,body:not(.user-is-tabbing) span:focus,body:not(.user-is-tabbing) i:focus {
    outline: none;
}

.user-is-tabbing input[type=checkbox]:focus,.user-is-tabbing input[type=radio]:focus,.user-is-tabbing input[type=button]:focus,.user-is-tabbing input[type=submit]:focus,.user-is-tabbing select:focus,.user-is-tabbing a:focus,.user-is-tabbing [tabindex='0']:focus,.user-is-tabbing button:focus {
    outline: solid 2px #0096a9;
    outline-offset: 2px;
}

.c-progress__spinner-container {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    bottom: 0;
    top: 0;
    position: fixed;
    z-index: 9999;
    background: rgba(255, 255, 255, .5);
}

.o-container {
    overflow: hidden;
}

.o-icon {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    background-position-x: center;
}

.ihop2-o-icon {
    width: 21.4px;
    height: 28px;
    margin-right: .62vw;
    background-size: 100% 100%;
    background-position-x: center;
}

.ihop2-location-icon-container {
    display: flex;
}

.ihop2-header-arrow-icon-container {
    align-self: self-end;
    margin-bottom: -5px;
    cursor: pointer;
}

.ihop2-header-arrow-icon-container .ihop2-right-arrow-icon {
    font-weight: lighter;
    color: #ee252b;
}

.o-icon--search {
    background-image: url(/images/search.svg);
}

.o-icon--search-white {
    background-image: url(/images/search-white.svg);
}

.o-icon--shopping-cart {
    background-image: url(/images/cart.svg);
}

.o-icon--location-alt {
    background-image: url(/images/locator-icon.svg);
}

.o-icon--location {
    background-image: url(/images/location.svg);
}

.o-icon--select-arrow {
    background-image: url(/images/select-arrow--white.svg);
}

.o-icon--select-arrow-blue {
    background-image: url(/images/select-arrow--ocean-blue.svg);
}

.o-icon--select-arrow-up {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.o-icon--select-arrow-right {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.o-icon--select-arrow-left {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-tooltip {
    visibility: hidden;
    position: absolute;
    width: 90px;
    z-index: 9999;
}

.icon-tooltip.active {
    cursor: pointer;
    display: block;
    visibility: visible;
    border: 1px dotted #808080;
    padding: .8em;
    background-color: #fff;
    font-size: .675rem;
}

@media print {
    .hidden-print {
        display: none;
    }

    @page {
        size: auto;
        margin: 10mm 15mm 10mm 15mm;
    }

    html {
        background-color: #fff;
        margin: 0;
    }

    body {
        border: solid 1px #545e60;
        margin: 10mm 15mm 10mm 15mm;
    }

    a[href]:after {
        content: none !important;
    }
}

.o-page-title {
    font-size: 2em;
    font-weight: 700;
    color: #0071b9;
}

.c-checkmark:before {
    color: #d30019;
}

.select-wrapper {
    position: relative;
}

.select-wrapper.select-wrapper--inline-block {
    display: inline-block;
}

.select-wrapper:before {
    content: '';
    background-image: url("/images/ihop-icons/select-arrow--ocean-blue.svg");
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 3px;
    pointer-events: none;
    width: 23px;
    height: 20px;
}

.select-wrapper>select {
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    margin-top: 7px;
    padding-right: 25px;
    border: 0;
    border-bottom: 1px solid #ccc;
    height: initial;
    width: 100%;
}

.select-wrapper>select::-ms-expand {
    display: none;
}

@media(max-width:768px) {
    .select-wrapper>select {
        padding-right: 30px;
    }
}

.skip-nav {
    top: 10px;
    position: fixed;
    z-index: 9999;
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: center;
}

.skip-nav a {
    padding: .5em;
    position: absolute;
    top: 0;
    color: #fff;
    left: -999px;
}

.skip-nav a.focus,.skip-nav a:focus,.skip-nav a:focus-within {
    left: auto;
    z-index: 2;
    background: #ee252b;
    min-width: 250px;
}

.c-navbar-nav {
    display: none;
}

@media(min-width: 1199px) {
    .c-navbar-nav {
        display:inline-block;
    }
}

.c-navbar {
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    width: 100%;
    background-color: #fff;
}

@media(min-width: 992px) {
    .c-navbar {
        left:0;
        right: 0;
        background: #fff;
    }
}

.c-navbar a {
    text-decoration: none;
    cursor: pointer;
}

.c-navbar.standalone #MyCartModal {
    top: 84px;
}

@media(min-width: 1199px) {
    .c-navbar__nav-site {
        min-width:500px;
        position: static;
    }
}

@media(min-width: 1199px) {
    .c_navbar_es-site {
        width:61%;
    }

    .c_navbar_es-site .c-navbar-nav__link {
        font-size: 13.2px !important;
    }
}

.mdl-layout__header {
    height: 132px;
}

@media(min-width: 1199px) {
    .mdl-layout__header {
        height:130px;
    }
}

.mobile-view-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.c-navbar-spacer {
    display: none;
}

@media(min-width: 1199px) {
    .c-navbar-spacer {
        display:block;
    }
}

.c-navbar__top-bar {
    padding: 2px 0;
    text-align: right;
    border-bottom: 1px solid #e5e5e5;
    height: 23px;
}

.c-navbar__top-bar a {
    color: #0071b9;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    text-transform: uppercase;
}

.c-navbar__top-bar ul {
    list-style: none;
}

.c-navbar__top-bar .c-navbar__top-bar-inner {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}

.c-navbar__top-bar .c-navbar__top-bar-inner .language-toggle {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    padding: 0;
    margin: 2px;
}

.c-navbar__top-bar .c-navbar__top-bar-inner .language-toggle li {
    visibility: visible;
}

.c-navbar__top-bar .c-navbar__top-bar-inner .language-toggle li.active {
    visibility: hidden;
    display: none;
}

.c-navbar__top-bar .c-navbar__top-bar-inner>a {
    text-transform: uppercase;
    font-size: .875rem;
}

@media(min-width: 1199px) {
    .c-navbar__top-bar .c-navbar__top-bar-inner {
        max-width:1200px;
        margin: 0 auto;
    }
}

.c-navbar__nav-aux {
    height: 100%;
    min-width: 85px;
}

.c-navbar__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 8px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media(min-width: 1200px) {
    .c-navbar__header {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        align-content: center;
        margin: 0 auto;
        max-width: 1220px;
        height: 108px;
    }
}

.c-navbar__header-sub {
    visibility: hidden;
    display: none;
    opacity: 0;
    background-color: #ececec;
    border-top: 1px solid rgba(0,0,0,.26);
}

@media(max-width: 1199px) {
    .c-navbar__header-sub {
        display:-moz-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        visibility: visible;
        height: 48px;
        padding: 0 10px;
        opacity: 1;
        transition: all .2s ease-in-out;
    }

    .c-navbar__header-sub .header-sub__location .c-navbar-nav__link {
        flex-grow: 1;
        text-transform: uppercase;
        text-decoration: none;
    }
}

@media(max-width: 1199px) and (max-width:480px) {
    .c-navbar__header-sub .header-sub__location .c-navbar-nav__link {
        font-size:11px;
    }
}

@media(max-width: 1199px) {
    .c-navbar__header-sub .header-sub__location .c-navbar-nav__link--locations {
        padding:10px 5px;
        flex: 1 0 30%;
        min-width: 110px;
        width: 70%;
    }

    .c-navbar__header-sub .header-sub__location .header-sub__account {
        text-align: right;
        height: 48px;
    }

    .c-navbar__header-sub .header-sub__location .header-sub__account .c-navbar-nav__link {
        -webkit-align-items: center;
        -ms-flex-align: center;
        -moz-box-align: center;
        -webkit-box-align: center;
        align-items: center;
        height: 100%;
    }

    .c-navbar__header-sub .c-navbar-nav__tier-2 {
        visibility: hidden;
    }

    .c-navbar__header-sub .c-navbar-nav__tier-2.overlay-menu-open {
        visibility: visible;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        opacity: 1;
    }

    .c-navbar__header-sub .c-navbar-nav__tier-2 .location-card-inner {
        border: none;
        padding-left: 27px;
    }

    .c-navbar__header-sub .c-navbar-nav__tier-2 .c-location-card {
        background-color: #ececec;
    }

    .c-navbar__header-sub .fa-angle-down {
        display: none;
    }
}

.c-navbar__toggle {
    min-height: 48px;
    min-width: 48px;
}

.c-navbar__toggle img {
    width: 32px;
    height: 32px;
}

@media(min-width: 1200px) {
    .c-navbar__toggle {
        display:none;
    }
}

.c-navbar__cart,.c-navbar__search {
    margin-left: 10px;
}

@media(min-width: 1199px) {
    .c-navbar__cart,.c-navbar__search {
        margin-left:0;
    }
}

@media(max-width: 768px) {
    .c-navbar__cart span,.c-navbar__search span {
        margin-right:3px;
    }
}

.c-navbar-nav #nav-bar-location-widget {
    display: none;
    text-align: left;
}

@media(min-width: 1200px) {
    .c-navbar-nav #nav-bar-location-widget {
        display:flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        width: 200px;
    }
}

.c-navbar-nav #c-navbar__login {
    display: none;
}

@media(min-width: 1200px) {
    .c-navbar-nav #c-navbar__login {
        display:flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
    }
}

@media(min-width: 1199px) {
    .c-navbar-nav .o-icon--caret-down-lg {
        -webkit-transform:none;
        transform: none;
    }
}

.c-navbar-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

@media(max-width: 1199px) {
    .c-navbar-nav ul {
        flex-direction:column;
    }
}

.c-navbar-nav ul li {
    display: block;
    width: 100%;
}

@media(min-width: 1199px) {
    .c-navbar-nav ul li {
        display:inline-block;
        width: auto;
        white-space: nowrap;
    }
}

.c-navbar-nav li {
    display: block;
    position: relative;
}

@media(min-width: 1199px) {
    .c-navbar-nav li {
        float:left;
        display: inline-block;
    }
}

@media(min-width: 1199px) {
    .c-navbar-nav {
        display:flex;
        display: -webkit-box;
        display: -ms-flexbox;
    }
}

@media(min-width: 1200px) {
    .c-navbar__mobile-menu {
        display:none;
    }
}

.c-navbar__mobile-menu button {
    cursor: pointer;
}

.c-navbar__brand {
    width: 84px;
    margin: 0 auto;
    min-width: 100px;
}

@media(min-width: 1199px) {
    .c-navbar__brand {
        margin-right:30px;
        width: auto;
    }
}

@media(768px) {
    .c-navbar__brand {
        margin: 0;
    }
}

.c-navbar__brand .c-navbar__logo {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    margin: auto;
}

.c-navbar__brand .c-navbar__logo>a {
    min-height: 48px;
}

.c-navbar-nav__search-input {
    display: none;
}

.c-navbar-nav__search__address-street {
    font-size: 10px;
    display: block;
    line-height: 1;
    padding: 2px 0;
}

.c-navbar-nav__item {
    height: 70px;
}

@media(max-width: 1199px) {
    .c-navbar-nav__item {
        height:45px;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 {
    top: 0;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 1.2em;
}

@media(max-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 {
        padding-left:0;
        height: 26px;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav__tier-2__categories {
    min-width: 210px;
}

@media(max-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav__tier-2__categories {
        width:100%;
        min-width: 400px;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav__tier-2__categories .c-navbar-nav__item {
    text-transform: uppercase;
    height: 26px;
}

@media(max-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav__tier-2__categories .c-navbar-nav__item {
        height:auto;
    }

    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav__tier-2__categories .c-navbar-nav__item:hover {
        background-color: #d3d3d3;
    }

    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav__tier-2__categories .c-navbar-nav__item:hover a {
        color: #d51c22;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 ul {
    display: flex;
    padding-top: 2em;
    flex-direction: column;
}

@media(max-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 ul {
        padding-top:0;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav__link {
    padding: 3px 15px;
}

@media(max-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav__link {
        padding:16px 35px;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 170px;
    flex-direction: row;
    padding-left: 0;
}

@media(min-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu {
        min-width:860px;
    }
}

@media(max-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu {
        height:auto;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu ul.c-navbar-nav-submenu__items {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 580px;
    height: 175px;
}

@media(max-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu ul.c-navbar-nav-submenu__items {
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        min-width: 100%;
        height: 100%;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu ul.c-navbar-nav-submenu__items .c-navbar-nav__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 26px;
    flex: 0 0 26px;
    text-transform: uppercase;
    max-height: 30px;
}

@media(max-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu ul.c-navbar-nav-submenu__items .c-navbar-nav__item {
        -ms-flex:0 0 45px;
        flex: 0 0 45px;
        max-height: 45px;
    }

    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu ul.c-navbar-nav-submenu__items .c-navbar-nav__item:hover {
        background-color: #d3d3d3;
    }

    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu ul.c-navbar-nav-submenu__items .c-navbar-nav__item:hover a {
        color: #d51c22;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu .c-navbar-nav-submenu__item-image {
    width: 250px;
    margin-right: 15px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media(max-width: 1199px) {
    .c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu .c-navbar-nav-submenu__item-image {
        display:none;
    }
}

.c-navbar-nav__item .c-navbar-nav__tier-2 .c-navbar-nav-submenu .c-navbar-nav-submenu__item-image img {
    width: 100%;
    vertical-align: middle;
}

@media(max-width: 480px) {
    .c-navbar-nav__item--has-children.c-navbar__item--show.open {
        width:255px;
    }
}

@media(min-width: 1199px) {
    .c-navbar-nav__item--has-children.c-navbar__item--show.open .c-navbar-nav-menu {
        height:auto;
    }
}

.c-navbar-nav__item--has-children.c-navbar__item--show.open .c-navbar-nav-menu .c-navbar__close {
    display: none;
}

.c-navbar__account {
    text-transform: uppercase;
    margin: auto 0;
    text-align: right;
}

@media(min-width: 1199px) {
    .c-navbar__account {
        height:55px;
        line-height: 32px;
    }
}

@media(max-width: 480px) {
    .c-navbar__account {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
    }
}

.c-navbar__account .c-navbar-nav__link {
    font-size: 12px;
}

@media(max-width: 480px) {
    .c-navbar__account .c-navbar-nav__link {
        text-align:center;
    }
}

.js-location-nav-widget-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    min-width: 225px;
    padding-top: 11px;
    white-space: normal;
}

@media(max-width: 480px) {
    .js-location-nav-widget-name {
        min-width:165px;
    }

    .js-location-nav-widget-name .o-icon {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
        background-position-x: center;
    }
}

.js-location-nav-widget-name,#c-navbar__login,.c-navbar-container__item.c-navbar__cart.c-navbar-container__item--last-child {
    background-image: none;
    padding-top: 10px;
    padding-bottom: 15px;
}

@media(max-width: 1199px) {
    .js-location-nav-widget-name,#c-navbar__login,.c-navbar-container__item.c-navbar__cart.c-navbar-container__item--last-child {
        padding-top:5px;
        padding-bottom: 0;
        text-decoration: none;
    }
}

@media(min-width: 1199px) {
    .js-location-nav-widget-name,#c-navbar__login,.c-navbar-container__item.c-navbar__cart.c-navbar-container__item--last-child {
        background-image:url("/images/border-horizontal.png");
        background-repeat: no-repeat;
        background-position-x: -2px;
        text-decoration: none;
    }
}

.js-location-nav-widget-namea,#c-navbar__logina,.c-navbar-container__item.c-navbar__cart.c-navbar-container__item--last-childa {
    text-decoration: none;
}

.js-location-nav-widget-name i.fa.fa-angle-down,#c-navbar__login i.fa.fa-angle-down,.c-navbar-container__item.c-navbar__cart.c-navbar-container__item--last-child i.fa.fa-angle-down {
    color: #0071b9;
    margin-right: 25px;
    font-weight: 700;
}

.js-location-nav-widget-name .u-px-2__title,#c-navbar__login .u-px-2__title,.c-navbar-container__item.c-navbar__cart.c-navbar-container__item--last-child .u-px-2__title {
    margin: 0;
    padding: 2px 0;
    display: block;
    width: 100%;
    line-height: 1;
    font-weight: 700;
    font-size: 14px;
    color: #0061af;
}

.js-location-nav-widget-name .u-px-2,#c-navbar__login .u-px-2,.c-navbar-container__item.c-navbar__cart.c-navbar-container__item--last-child .u-px-2 {
    padding-left: 0;
    margin-top: 0;
    margin-left: 8px;
    line-height: 1.2;
    width: 100%;
    display: block;
    font-size: 12px;
}

@media(max-width: 480px) {
    .js-location-nav-widget-name .u-px-2,#c-navbar__login .u-px-2,.c-navbar-container__item.c-navbar__cart.c-navbar-container__item--last-child .u-px-2 {
        margin-left:0;
        font-size: 10px;
    }
}

.c-navbar-nav__item.open {
    background-color: transparent;
}

.c-navbar-nav__item.open .c-navbar-nav__link {
    text-decoration: none;
    font-weight: 700;
}

.c-navbar-nav__item.open .c-navbar-nav__link.active {
    width: 100%;
    background-color: #f6f6f6;
    min-height: 88px;
}

.c-navbar-nav__item.open .c-navbar-nav__link.active.location__widget__name {
    font-weight: 400;
    background-color: transparent;
}

.c-navbar-nav__icon {
    font-size: 2em;
}

.c-navbar-nav__icon.hidden-xl-up {
    margin-top: 10px;
    background-size: 24px;
}

.c-navbar__site-nav .c-navbar-nav__link {
    padding: 20px;
    text-decoration: none;
}

@media(min-width: 1199px) {
    .c-navbar__site-nav .c-navbar-nav__link {
        padding:30px 6px 15px;
    }
}

.c-navbar__site-nav .c-navbar-footer__space {
    width: 100%;
    border-top: 1px solid #f6f6f6;
    height: 5px;
    padding: 0;
    margin: 10px 0 10px;
}

.c-navbar__site-nav .c-navbar-nav-menu {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    height: 100%;
}

@media(max-width: 1199px) {
    .c-navbar__site-nav .c-navbar-nav-menu {
        width:75%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        overflow-y: auto;
    }
}

.c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__item--active a,.c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__item--has-children.c-navbar-nav__item--active a {
    color: #0069ac;
    font-weight: 700;
}

.c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-1 {
    padding-bottom: 10px;
}

@media(max-width: 1199px) {
    .c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-1 {
        padding-bottom:0;
        width: 100%;
        max-width: none;
    }
}

.c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-1 .c-navbar-nav__tier-2__categories .c-navbar-nav__item--has-children {
    min-width: 70px;
}

@media(max-width: 1199px) {
    .c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-1 .c-navbar-nav__tier-2__categories .c-navbar-nav__item--has-children {
        width:100%;
        max-width: none;
    }
}

.c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-1 .c-navbar-nav__tier-2__categories .c-navbar-nav__item--has-children .o-icon--caret-right {
    width: 14px;
    height: 14px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-image: url(/images/ihop-icons/icon-caret-down--alt.svg);
}

@media(min-width: 1199px) {
    .c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-1 .c-navbar-nav__tier-2__categories .c-navbar-nav__item--has-children .o-icon--caret-right {
        transform:none;
        background-size: 10px;
        margin-top: 4px;
    }
}

.c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-1 .c-navbar-nav__tier-2__categories .c-navbar-nav__item--has-children.open {
    width: 1080px;
}

@media(max-width: 1199px) {
    .c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-1 .c-navbar-nav__tier-2__categories .c-navbar-nav__item--has-children.open {
        width:100%;
    }
}

.c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-1 .c-navbar-nav__tier-2__categories .c-navbar-nav__item--has-children.open .o-icon--caret-down-lg--alt.o-icon--caret-right {
    background-image: url(/images/ihop-icons/icon-caret-down--active.svg);
}

.c-navbar__site-nav .c-navbar-nav-menu .c-navbar-nav__tier-2__categories .c-navbar-nav__item--active.c-navbar-nav__item--has-children.c-navbar__item--show.open a {
    color: #746561;
}

@media(max-width: 1199px) {
    .c-navbar__site-nav .c-navbar-nav-menu ul li ul {
        width:100%;
        padding-left: 0;
    }
}

.header-sub__account .o-icon--user {
    display: none;
}

.c-navbar__site-nav.open {
    z-index: 1001;
}

.c-navbar__site-nav.open .c-navbar-nav__link {
    color: #746561;
    font-weight: bold;
}

.c-navbar__site-nav.open>.c-navbar__screen {
    background: rgba(0,0,0,.45);
    width: 100%;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    position: fixed;
    height: 100%;
    cursor: pointer;
}

@media(min-width: 1199px) {
    .c-navbar__site-nav.open>.c-navbar__screen {
        display:none;
    }
}

.c-navbar__site-nav.open>.c-navbar-nav-menu {
    border-top: 4px solid #0071b9;
    background-color: #fff;
    z-index: 10;
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar__close {
    width: 100%;
    padding: 8px 10px;
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar__close a {
    float: right;
    font-weight: 600;
    color: #625450;
    position: relative;
    z-index: 25;
    padding-right: 15px;
    cursor: pointer;
}

@media(min-width: 1199px) {
    .c-navbar__site-nav.open>.c-navbar-nav-menu {
        border:none;
        background-color: transparent;
    }
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu {
    border-top: 4px solid #0071b9;
    background-color: #f6f6f6;
    width: 75%;
}

@media(min-width: 1199px) {
    .c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu {
        border:none;
        background-color: transparent;
        width: 100%;
    }
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .sub-toggle:hover,.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .sub-toggle {
    padding: 20px 13px;
    font-weight: bold;
    color: #746561;
    background: #fff;
    font-size: 14px;
    margin-top: 38px;
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .sub-toggle:hover>i.o-icon,.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .sub-toggle>i.o-icon {
    margin-right: 10px;
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .sub-toggle:hover>i.o-icon.o-icon--caret-down-lg--alt,.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .sub-toggle>i.o-icon.o-icon--caret-down-lg--alt {
    background-image: url(/images/ihop-icons/icon-caret-down--alt.svg);
}

@media(max-width: 1199px) {
    .c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .sub-toggle:hover>i.o-icon,.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .sub-toggle>i.o-icon {
        width:14px;
        height: 14px;
        background-size: 14px;
    }
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .c-navbar-nav__tier-2 {
    width: 100%;
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

@media(min-width: 1199px) {
    .c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .c-navbar-nav__tier-2 {
        width:1080px;
        height: 475px;
    }
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .c-navbar-nav__tier-2>.c-navbar-footer__item .c-navbar-nav__link {
    margin-left: 10px;
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .c-navbar-nav__tier-2>.c-navbar-nav__link {
    margin-left: 5px;
}

.c-navbar__site-nav.open>.c-navbar-nav-menu .c-navbar-nav-menu .c-navbar-nav__tier-2 a.c-navbar-nav__link {
    font-size: 14px;
}

@media(max-width: 768px) {
    .c-navbar-container {
        display:flex;
        display: -ms-flexbox;
    }
}

.c-navbar-container--dividers {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
}

@media(min-width: 992px) {
    .c-navbar-container--dividers .c-navbar-nav__link {
        padding-left:7px;
        padding-right: 10px;
        text-decoration: none;
        line-height: 3;
    }
}

.c-navbar-container--dividers .c-navbar-nav__link--locations>i {
    line-height: 32px;
}

.c-navbar-container--dividers .c-navbar-container__item--last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.c-navbar-nav__link {
    color: #746561;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

@media(min-width: 1199px) {
    .c-navbar-nav__tier-3,.c-navbar-nav__tier-2 {
        background-color:#f6f6f6;
    }
}

.c-navbar-nav__tier-3 .c-navbar-nav__link,.c-navbar-nav__tier-2 .c-navbar-nav__link {
    color: #625450;
}

.c-navbar-nav__item--location {
    font-size: .875rem;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 {
    top: 80px;
    left: 0;
    background-color: transparent;
    height: 100%;
    padding-left: 0;
}

@media(max-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 {
        background-color:#f6f6f6;
        z-index: 10;
        position: fixed;
        width: 100%;
        height: 50px;
        left: 0;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container {
    width: 100%;
}

@media(min-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container {
        width:330px !important;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap .address,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container .address {
    text-transform: capitalize;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap a.directions,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container a.directions {
    background: #0071b9;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap a.phone,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container a.phone {
    margin-top: 10px;
}

@media(min-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap a.phone,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container a.phone {
        margin-bottom:10px;
        margin-top: 0;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap .action-bar-wrapper,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container .action-bar-wrapper {
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-top: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap .action-bar-wrapper li,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container .action-bar-wrapper li {
    text-transform: capitalize;
    width: 100%;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap .action-bar-wrapper a,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container .action-bar-wrapper a {
    text-transform: capitalize;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap .amenities.xs ul,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container .amenities.xs ul {
    padding-top: 0;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-list-item-wrap .amenities.xs ul li,.js-location-nav-widget-card.c-navbar-nav__tier-2 .map-popup-container .amenities.xs ul li {
    text-transform: capitalize;
    width: 100%;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card {
    line-height: 1.4em;
    display: table;
    background-color: #f6f6f6;
    font-size: 14px;
    height: auto;
    width: 100%;
    color: #746561;
    box-shadow: 3px 6px 5px 1px rgba(60,56,56,.37);
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .sub-close {
    display: none;
}

@media(max-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card {
        -webkit-box-shadow:none;
        box-shadow: none;
        min-width: 100%;
        height: auto;
    }

    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .sub-close {
        color: #707070;
        display: inline-block;
        font-size: 1.2em;
        cursor: pointer;
        width: 30px;
        height: 30px;
        text-align: center;
        padding-top: 10px;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card-inner {
    padding: 15px;
    background-color: #fff;
    min-height: 175px;
    border-bottom: 1px solid #d3d3d3;
    display: inline-block;
    width: 100%;
}

@media(max-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card-inner {
        padding:0 0 0 10px;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card-inner .location-card__address-street,.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card-inner .location-card__address-city {
    white-space: normal;
    text-transform: uppercase;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card a {
    color: #0071b9;
    text-decoration: none;
}

@media(max-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card__address-street {
        margin-top:-12px;
    }
}

@media(max-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card__address-street,.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card__address-city,.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card__phone,.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .c-location-card__hours {
        padding-left:36px;
        line-height: 1.4;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card__phone,.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .c-location-card__hours {
    padding-top: 10px;
    padding-bottom: 10px;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card .location-card__change-store-link {
    text-transform: capitalize;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__amenity {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    padding: 10px 0;
}

@media(min-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__amenity-options {
        padding:0;
        height: auto;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__amenity-options li {
    list-style: none;
    text-transform: capitalize;
    font-size: 14px;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__amenity-options span {
    padding-left: 5px;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__amenity-options img {
    height: 12px;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__title {
    color: #0061af;
    font-weight: 700;
    font-size: 14px;
}

@media(min-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__title {
        padding-top:12px;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__title span {
    padding-left: 5px;
    white-space: pre-wrap;
    text-transform: uppercase;
}

@media(min-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__title span {
        padding-left:0;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6;
    min-height: 40px;
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__actions span {
    padding: 10px 5px;
    text-align: center;
    height: auto;
}

@media(max-width: 375px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__actions span {
        padding:5px 5px;
    }
}

.js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__actions a {
    font-size: 100%;
    line-height: 1;
    text-decoration: none;
    text-transform: capitalize;
}

@media(max-width: 1199px) {
    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__actions {
        width:100%;
    }

    .js-location-nav-widget-card.c-navbar-nav__tier-2 .location-card__actions span {
        line-height: 0;
        text-align: center;
        width: 33%;
    }
}

li.c-navbar-nav__item.c-navbar-footer__item.open .c-navbar-nav__link {
    padding: 20px 0;
    font-size: 1rem;
}

.c-navbar-footer__item a.c-navbar-nav__link {
    font-size: 14px;
    color: #746561;
}

.c-navbar-nav__tier-2__categories {
    width: 100%;
}

@media(min-width: 1199px) {
    .c-navbar-nav__tier-2__categories {
        width:150px;
    }
}

.c-navbar-nav__tier-2__categories .c-navbar-nav__link.active,.c-navbar-nav__tier-2__categories .c-navbar-nav__link.active i {
    color: #d51c22 !important;
    font-weight: 700;
}

.c-navbar__cart-items-added {
    background: #d51c22;
    width: 22px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    padding: -4px;
    line-height: 0;
    position: relative;
    color: #fff;
    line-height: 2;
    margin-top: 15px;
    margin-left: -17px;
}

.c-navbar__quick-location-panel {
    color: #625450;
    position: absolute;
    top: auto;
    width: 100%;
}

@media(max-width: 1199px) {
    .c-navbar__quick-location-panel {
        top:80px;
    }
}

.c-navbar__quick-location-panel.show {
    visibility: visible;
}

.c-navbar__quick-location-panel .modalcontent {
    background: #f7f7f7;
    border-radius: 0;
    display: flex;
    height: auto;
    min-height: 125px;
    max-height: 570px;
    flex-direction: column;
    box-shadow: none;
    border: 0;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 3px 6px 5px 1px rgba(60,56,56,.37);
}

@media(min-width: 1199px) {
    .c-navbar__quick-location-panel .modalcontent {
        margin-right:30em;
        margin-top: 0;
    }
}

@media(max-width: 1199px) {
    .c-navbar__quick-location-panel .modalcontent {
        margin-top:52px;
        max-height: 570px;
    }
}

@media(max-width: 768px) {
    .c-navbar__quick-location-panel .modalcontent {
        max-width:768px;
        margin-left: 0;
        margin-right: 0;
    }
}

.c-navbar__quick-location-panel .quick-location-title {
    background-color: #fff;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 700;
}

.c-navbar__quick-location-panel .quick-location-title .js-quick-location-close {
    color: #707070;
    float: right;
    font-style: normal;
    font-size: 16px;
    cursor: pointer;
}

.c-navbar__quick-location-panel .c-location-card .c-button-group .c-location-card__mylocation-button {
    display: inline;
    max-width: 100%;
}

.c-navbar__quick-location-panel .quick-location-search {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.c-navbar__quick-location-panel .quick-location-search .quick-location-search-box {
    height: 45px;
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-around;
}

.c-navbar__quick-location-panel .quick-location-search .quick-location-search-box .fa-x {
    margin: 15px 15px 0 0;
}

.c-navbar__quick-location-panel .quick-location-search .quick-location-search-box .c-search__spinner {
    color: #0061af;
}

.c-navbar__quick-location-panel .quick-location-search .quick-location-search-box .quick-location__direction-marker {
    margin-top: 15px;
    margin-right: 10px;
}

.c-navbar__quick-location-panel .quick-location-search .quick-location-search-box .quick-location__direction-marker img {
    width: 18px;
    height: 18px;
}

.c-navbar__quick-location-panel .quick-location-search .quick-location-search-box input {
    height: 100%;
    border: 0;
    background: #fff;
    width: 70%;
    flex-basis: 490px;
    padding-left: 10px;
    margin-right: 5px;
}

.c-navbar__quick-location-panel .quick-location-search .quick-location-search-box button {
    background: #d30019;
    color: #fff;
    border-radius: 0;
    height: 100%;
    width: 25%;
    flex-basis: 100px;
}

.c-navbar__quick-location-panel .quick-location-search__options {
    padding: 2% 10px;
}

.c-navbar__quick-location-panel .quick-location-search__options a:first-child {
    padding-right: 3%;
}

.c-navbar__quick-location-panel a.quick-location-link {
    font-size: small;
    color: #979797;
}

.c-navbar__quick-location-panel a:link,.c-navbar__quick-location-panel a:hover,.c-navbar__quick-location-panel a:active {
    color: #0071b9;
    font-weight: 700;
    text-decoration: none;
}

.c-navbar__quick-location-panel a.quick-location-link--active,.c-navbar__quick-location-panel a.quick-location-link--active:hover {
    color: #979797;
    cursor: default;
}

.c-navbar__quick-location-panel .c-locations-cards {
    padding: 1%;
}

.c-navbar__quick-location-panel .c-location-card .c-location-inner {
    padding: 1em 2em 0 1em;
}

.c-navbar__quick-location-panel .c-location-card .location-card__amenity {
    display: flex;
}

.c-navbar__quick-location-panel .c-location-card .location-card__amenity img {
    width: 18px;
    height: 18px;
}

.c-navbar__quick-location-panel .c-location-card .c-location-card__name a {
    color: #0071b9;
}

.c-navbar__quick-location-panel .c-location-card .c-location-card__name a:link,.c-navbar__quick-location-panel .c-location-card .c-location-card__name a:hover,.c-navbar__quick-location-panel .c-location-card .c-location-card__name a:active {
    color: #0071b9;
    font-weight: 700;
    text-decoration: none;
}

.c-navbar__quick-location-panel .c-location-card .c-location-card__actions {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}

.border-right {
    border-right: none;
}

@media(min-width: 1199px) {
    .border-right {
        border-right:1px solid #d3d3d3;
    }
}

.mobile--hidden {
    display: none !important;
}

@media(min-width: 1199px) {
    .mobile--hidden {
        display:inherit;
    }
}

.overlay-menu-open.change-location {
    cursor: pointer;
    z-index: 500;
    background-color: #000;
    opacity: .5;
}

@media(min-width: 1199px) {
    .overlay-menu-open.change-location {
        background-color:transparent;
    }
}

.c-footer__franchisee {
    float: left;
    margin-bottom: 5px;
}

.ihop2-mdl-layout__header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 70px;
    box-shadow: 0 1px 7px rgba(0,0,0,.2);
    width: 100vw;
    margin-bottom: 19px;
    position: fixed;
    z-index: 1040 !important;
    background: #fff;
    padding-right: 2vw;
}

@media(min-width: 1199px) {
    .ihop2-mdl-layout__header {
        height:92px;
        margin-bottom: 0;
    }
}

.ihop2-mdl-layout__header>div {
    flex: 1 1 auto;
}

.ihop2-mdl-layout__header .ihop2-header-logo-container {
    padding-left: 16px;
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width: 1199px) {
    .ihop2-mdl-layout__header .ihop2-header-logo-container {
        padding-left:2.22vw;
    }
}

.ihop2-mdl-layout__header .ihop2-header-menu-items-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width: 768px) {
    .ihop2-mdl-layout__header .ihop2-header-menu-items-container {
        display:flex;
        flex: 0 0 auto;
        font-weight: 700;
        font-size: 18px;
        line-height: 21.6px;
        order: 2;
        flex-wrap: nowrap;
        text-transform: uppercase;
        margin-left: 30px;
        width: 50%;
    }
}

@media(min-width: 768px) and (max-width: 1260px) {
    .ihop2-mdl-layout__header .ihop2-header-menu-items-container {
        font-size: 13px;
    }
}

@media(min-width: 768px) and (min-width:786px) and (max-width:1024px) {
    .ihop2-mdl-layout__header .ihop2-header-menu-items-container {
        display:none;
    }
}

@media(min-width: 280px) and (max-width:1024px) {
    .ihop2-mdl-layout__header .ihop2-header-menu-items-container {
        display:none;
    }
}

.ihop2-mdl-layout__header .ihop2-header-menu-items-container>span {
    padding-right: 10px;
    flex: 1 1 auto;
}

.ihop2-mdl-layout__header .ihop2-header-menu-items-container span:last-child {
    margin-right: 8.6vw;
}

@media(min-width: 1024px) and (max-width:1200px) {
    .ihop2-mdl-layout__header .ihop2-header-menu-items-container span:last-child {
        margin-right:10vw;
    }
}

.ihop2-mdl-layout__header .ihop2-header-menu-items-container a {
    color: #000;
}

.ihop2-mdl-layout__header .ihop2-header-menu-items-container a:hover,.ihop2-mdl-layout__header .ihop2-header-menu-items-container .--active {
    color: #e3121a;
}

.ihop2-mdl-layout__header .ihop2-header-signIn-container {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0;
    text-align: left;
    min-width: 8.5vw;
    order: 2;
    margin-left: -27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width: 1199px) {
    .ihop2-mdl-layout__header .ihop2-header-signIn-container {
        order:3;
    }
}

.ihop2-mdl-layout__header .ihop2-header-signIn-container .ihop2-header-signin-text {
    text-decoration: underline;
    flex-wrap: nowrap;
    cursor: pointer;
}

.ihop2-mdl-layout__header .ihop2-header-signIn-container .ihop2-header-signin-text:hover {
    text-decoration: none;
}

.ihop2-mdl-layout__header .ihop2-header-signIn-container .ihop2-header-or-text {
    display: none;
}

@media(min-width: 1199px) {
    .ihop2-mdl-layout__header .ihop2-header-signIn-container .ihop2-header-or-text {
        display:block;
        margin-left: .7vw;
        margin-right: .7vw;
    }
}

.ihop2-mdl-layout__header .ihop2-header-signIn-container .ihop2-header-join-text {
    text-decoration: underline;
    display: none;
}

.ihop2-mdl-layout__header .ihop2-header-signIn-container .ihop2-header-join-text:hover {
    text-decoration: none;
}

@media(min-width: 1199px) {
    .ihop2-mdl-layout__header .ihop2-header-signIn-container .ihop2-header-join-text {
        display:block;
        cursor: pointer;
    }
}

.ihop2-mdl-layout__header .ihop2-header-signIn-container a {
    color: #000;
}

.ihop2-mdl-layout__header .ihop2-header-nearest-location-container {
    display: none;
}

@media(min-width: 1025px) {
    .ihop2-mdl-layout__header .ihop2-header-nearest-location-container {
        display:flex;
        order: 4;
        margin-left: 1.95vw;
        flex: 1 1 auto !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.ihop2-mdl-layout__header .ihop2-header-nearest-location-container span.ihop2-location-header-link {
    display: flex;
    cursor: pointer;
    width: 116%;
    color: #3d3d3d;
}

.ihop2-mdl-layout__header .ihop2-header-nearest-location-container span.ihop2-location-header-link .ihop2-u-px-2 {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
}

.ihop2-mdl-layout__header .ihop2-header-nearest-location-container span.ihop2-location-header-link .ihop2-u-px-2 .ihop2-header-u-px-2__title {
    font-weight: 500;
    font-size: 10px;
}

.ihop2-mdl-layout__header .ihop2-header-nearest-location-container span.ihop2-location-header-link .ihop2-u-px-2 .ihop2-header-js-location-nav-widget-bare-name,.ihop2-mdl-layout__header .ihop2-header-nearest-location-container span.ihop2-location-header-link .ihop2-u-px-2 .ihop2-header-js-location-nav-widget-bare-street {
    font-weight: 700;
    font-size: 13px;
    line-height: 16.8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 12vw;
}

.ihop2-mdl-layout__header .ihop2-header-cta-button-container {
    display: flex;
    order: 5;
    margin-left: -2.7vw;
    align-items: center;
}

@media(min-width: 1024px) and (max-width:1200px) {
    .ihop2-mdl-layout__header .ihop2-header-cta-button-container {
        margin-left:.3vw;
    }
}

@media(min-width: 1199px) {
    .ihop2-mdl-layout__header .ihop2-header-cta-button-container {
        margin-left:.4vw;
    }
}

.ihop2-mdl-layout__header .ihop2-header-cta-button-container a.ihop2-header-order-button.ihop2-cta__link {
    min-width: 150px !important;
    text-transform: capitalize !important;
    font-size: 14px;
    line-height: 17px;
    justify-content: center;
    padding: 0;
    align-items: center;
    height: 49px;
    display: flex;
    font-weight: bold;
}

@media(min-width: 1199px) {
    .ihop2-mdl-layout__header .ihop2-header-cta-button-container a.ihop2-header-order-button.ihop2-cta__link {
        min-width:135px !important;
    }
}

@media only screen and (max-width: 375px) {
    .ihop2-mdl-layout__header .ihop2-header-cta-button-container a.ihop2-header-order-button.ihop2-cta__link {
        min-width:110px !important;
    }
}

@media(max-width: 767px) {
    .ihop2-mdl-layout__header .ihop2-header-cta-button-container a.ihop2-header-order-button.ihop2-cta__link {
        min-width:75px !important;
        font-size: 13px;
        margin-top: 10px;
    }
}

@media (max-width: 1024px) {
    .footer-location .location-sec .ihop2-header-cta-button-container .ihop2-cta__link {
        font-size: 10px;
        font-weight: 700;
        line-height: 1.5;
        padding: 10px 15px;
    }
}

.ihop2-cta--white-on-red a {
    background: #e3121a;
    border-color: #e3121a;
    color: #fff;
}

.ihop2-cta--white-on-red a:hover {
    border: 2px solid #e3121a;
    background-color: #fff;
    color: #e3121a;
}

.ihop2-cta__link {
    position: relative;
    border-radius: 35px;
}

.ihop2-header-language-container {
    display: flex;
    font-size: 14px;
    font-style: normal;
    line-height: 16.8px;
    order: 6;
    align-items: center;
    justify-content: center;
}

@media(min-width: 1199px) {
    .ihop2-header-language-container {
        font-weight:700;
        justify-content: flex-start;
        margin-left: 2.37vw;
    }
}

@media(max-width: 1024px) {
    .ihop2-mdl-layout__header .ihop2-header-cta-button-container {
        display:none;
    }

    .ihop2-mdl-layout__header .ihop2-header-cta-button-container .top-bag a img.img-fluid.empty-cart-icon,.ihop2-mdl-layout__header .ihop2-header-cta-button-container .top-bag a img.img-fluid.filled-cart-icon {
        display: none !important;
    }

    .ihop2-mdl-layout__header .ihop2-header-logo-container {
        justify-content: left;
    }

    .ihop2-mdl-layout__header .ihop2-header-signIn-container {
        justify-content: right;
        padding-right: 16px;
    }
}

.ihop2-c-logo {
    height: 24px;
    width: 44px;
}

@media(min-width: 1199px) {
    .ihop2-c-logo {
        width:89px;
        height: 45px;
    }
}

.mdl-layout__header-row .c-logo {
    margin-right: 20px;
}

.c-button {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #fefefe;
    border: solid 1px #746561;
    color: #746561;
    font-size: 16px;
}

.c-button--colored {
    background: #0071b9;
    background: -moz-linear-gradient(top,#0071b9 0%,#0071b9 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#0071b9),color-stop(100%,#0071b9));
    background: -webkit-linear-gradient(top,#0071b9 0%,#0071b9 100%);
    background: -o-linear-gradient(top,#0071b9 0%,#0071b9 100%);
    background: -ms-linear-gradient(top,#0071b9 0%,#0071b9 100%);
    background: linear-gradient(to bottom,#0071b9 0%,#0071b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);
    border: 0;
    color: #fefefe;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.c-button--accent {
    background: #ee252b;
    background: -moz-linear-gradient(top,#ee252b 0%,#d30019 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ee252b),color-stop(100%,#d30019));
    background: -webkit-linear-gradient(top,#ee252b 0%,#d30019 100%);
    background: -o-linear-gradient(top,#ee252b 0%,#d30019 100%);
    background: -ms-linear-gradient(top,#ee252b 0%,#d30019 100%);
    background: linear-gradient(to bottom,#ee252b 0%,#d30019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);
    border: 0;
    color: #fefefe;
    text-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.c-button--greyed {
    color: #746561;
}

.c-button--inverse {
    background-color: transparent;
    border: solid 1px #fefefe;
    color: #fefefe;
}

.c-button--default {
    background-color: transparent;
    border: solid 1px #fefefe;
    color: #000 !important;
}

.c-button--colored-flat {
    border-radius: 0;
    color: #fefefe;
    background-color: #0061af;
}

.c-button--hero {
    font-size: 20px;
    padding: 15px;
}

.c-button--sm {
    font-size: .875rem;
    padding: .6em;
}

.c-button--disabled {
    background: #ccc;
}

.c-button-group {
    display: -webkit-flex;
    display: flex;
}

.c-button-group .c-button {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    border-left: 0;
    color: #0071b9;
    flex: 1 0 auto;
    font-size: .875em;
    font-weight: 700;
    letter-spacing: .04em;
    text-align: center;
}

.c-button-group .c-button:last-child {
    border-right: 0;
}

.account .c-button--colored {
    color: #fefefe !important;
}

button,[type="button"] {
    -webkit-appearance: none;
}

.c-location-container {
    margin: 10px;
}

.careers .c-location {
    z-index: auto;
    margin: 0;
}

.c-location {
    margin-right: auto;
    margin-left: auto;
    font-size: .75rem;
    line-height: 1.5em;
    min-height: 400px;
    background-color: transparent;
}

.c-location a {
    color: #0061af;
}

@media(min-width: 768px) {
    .c-location {
        width:100%;
        min-height: 600px;
        z-index: 90;
        padding: 0;
        margin: -10em 0;
    }
}

.c-location-map {
    display: none;
    position: relative;
}

@media(min-width: 768px) {
    .c-location-map {
        display:inline-block;
        height: 500px;
        width: 100%;
        position: relative;
    }
}

.c-location-map-canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.c-location__map {
    display: none;
    position: relative;
}

.c-location__map img {
    width: 100%;
    height: auto;
}

.c-location__map-canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.c-location__map--show {
    display: inline-block;
    width: 100%;
    height: 500px;
}

@media(min-width: 992px) {
    .c-location__map--show {
        display:none;
    }
}

.c-location__toggle-map {
    font-size: 35px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    text-align: center;
    background-color: #0071b9;
    color: #fff;
}

.c-location__toggle-map i {
    color: #fff;
}

@media(min-width: 992px) {
    .c-location__toggle-map {
        display:none;
    }
}

.c-location__heading-group {
    display: flex;
    align-items: flex-end;
    position: relative;
    height: 45px;
}

.c-location__heading {
    display: none;
}

.c-location__title {
    display: none;
}

.c-locations__message-title {
    padding: 20px 15px;
}

.c-locations__message-title .h3 {
    font-size: 16px;
}

.c-locations__message-description {
    padding: 0 15px 20px;
    font-size: 14px;
}

.c-location-input-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

.c-location-search__spinner {
    display: none;
    position: relative;
    margin-top: -30px;
    margin-left: 90%;
}

.c-location-search__spinner .c-search__spinner {
    color: #0071b9;
}

.c-location-input {
    flex: 1 0 auto;
    order: 1;
    position: relative;
}

.c-location-search__icon {
    display: none;
}

.c-location-input__spinner {
    display: none;
    padding: 15px .5em 0 !important;
    background: #fff;
    height: 45px !important;
    margin: 0 !important;
    width: 40px !important;
    overflow: visible;
}

.c-location-input__spinner .c-search__spinner {
    color: #0071b9;
}

.c-location-input__heading {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    justify-content: space-between;
    flex: 1;
    display: none;
}

.c-location-input__label {
    display: none;
}

.c-location-input__current-location-link {
    font-size: .75em;
    display: inline-block;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 108px;
    top: 16px;
}

@media(min-width: 992px) {
    .c-location-input__current-location-link {
        right:71px;
    }
}

.c-location-input__toggle-map-link {
    background: #0071b9;
    width: 45px;
    font-size: 1rem;
    line-height: 45px;
    text-align: center;
}

@media(min-width: 992px) {
    .c-location-input__toggle-map-link {
        display:none;
    }
}

.c-location-input__location-filters-link {
    background-color: #fff;
    position: relative;
    width: 34px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding-right: 20px;
}

.c-location-input__location-filters-link i {
    color: #6e6e6e;
}

.c-location-input__location-filters-link i.--active {
    color: #d30019;
}

.c-location-input__textbox {
    flex: 1;
    border: hidden;
    border-radius: 0;
    font-size: 1.125rem;
    outline: none;
    padding: 0 1.5em 0 .5em;
    flex-basis: 10%;
    min-width: 50px;
    width: 100%;
    height: 45px;
}

.c-location-input__action {
    min-width: 121px;
    flex-basis: 121px;
    margin-left: 0;
    background: #d51c22;
    border-radius: 0;
    display: inline-block;
    height: 45px;
    text-transform: lowercase;
    color: #fff;
    font-weight: 500;
}

@media(max-width: 768px) {
    .c-location-input__action {
        min-width:100px;
        flex-basis: 100px;
    }
}

#location-cards-wrapper {
    max-width: 1800px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media(max-width: 1200px) {
    #location-cards-wrapper {
        max-width:980px;
    }
}

#location-cards-wrapper .owl-item {
    max-width: 366px;
}

#location-cards-wrapper .owl-stage-outer {
    margin: 0 35px;
    z-index: 100;
}

#location-cards-wrapper .owl-nav {
    position: relative;
    z-index: 99;
    width: 100%;
    margin-top: -200px;
}

#location-cards-wrapper .owl-nav .owl-prev {
    float: left;
}

#location-cards-wrapper .owl-nav .owl-next {
    float: right;
}

#location-cards-wrapper .owl-nav .owl-prev.disabled,#location-cards-wrapper .owl-nav .owl-next.disabled {
    opacity: .5;
}

#location-cards-wrapper .owl-nav .de-owl-prev {
    height: 50px;
    width: 50px;
    transform: rotate(90deg);
    background-size: 100%;
    background-image: url(/images/applebees-icons/select-arrow--alt.svg);
}

#location-cards-wrapper .owl-nav .de-owl-next {
    height: 50px;
    width: 50px;
    transform: rotate(-90deg);
    background-size: 100%;
    background-image: url(/images/applebees-icons/select-arrow--alt.svg);
}

#location-cards-wrapper .c-location-cards {
    display: block;
}

@media(min-width: 992px) {
    #location-cards-wrapper .c-location-cards {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#location-cards-wrapper .c-location-cards .c-location-card__actions.primary-row {
    border-bottom: 1px solid #d3d3d3;
}

.careers .c-location-cards {
    flex-direction: inherit !important;
}

.c-location-cards.js-quick-location-cards-nearby {
    max-height: 430px;
    overflow-x: hidden;
}

.c-location-cards.js-quick-location-cards-nearby .c-location-card__phone {
    font-size: 14px;
}

.c-location-cards.js-quick-location-cards-nearby .c-location-card {
    box-shadow: none;
    max-width: none;
}

.c-location-card__number {
    margin-left: -2em;
    margin-right: 10px;
    background: #0071b9;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: left;
    line-height: 25px;
    color: #fff;
}

.c-location-card {
    font-size: 12px;
    margin-bottom: 20px;
    min-width: 300px;
    width: 100%;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 5px #746561;
}

.c-location-card img,.c-location-card img.icon,.c-location-card span.icon {
    width: 20px;
    height: 20px;
    display: inline;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
}

.c-location-card img.icon-map-pin,.c-location-card img.icon.icon-map-pin,.c-location-card span.icon.icon-map-pin {
    width: 35px;
    height: 35px;
    background-image: url(/images/ihop-icons/map-pin-ihop.svg);
}

.c-location-card img.icon-amenity,.c-location-card img.icon.icon-amenity,.c-location-card span.icon.icon-amenity {
    width: 16px;
    height: 16px;
}

.c-location-card img.icon-phone,.c-location-card img.icon.icon-phone,.c-location-card span.icon.icon-phone {
    background-image: url(/images/phone-dark.svg);
}

.c-location-card img.icon-menu-info,.c-location-card img.icon.icon-menu-info,.c-location-card span.icon.icon-menu-info {
    background-image: url(/images/ihop-icons/menu-blue.svg);
}

.c-location-card img.icon-heart,.c-location-card img.icon.icon-heart,.c-location-card span.icon.icon-heart {
    background-image: url(/images/ihop-icons/heart-blue.svg);
}

.c-location-card .c-button-group {
    justify-content: center;
    align-items: center;
}

@media(max-width: 450px) {
    .c-location-card .c-button-group {
        flex-wrap:nowrap;
    }
}

.c-location-card .c-button-group .c-button {
    background-color: transparent;
    min-width: 25%;
    border: 0;
    font-size: 14px;
    letter-spacing: normal;
    font-weight: 500;
    height: 100%;
    text-align: -webkit-center;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width: 450px) {
    .c-location-card .c-button-group .c-button {
        font-size:11px;
        height: 45px;
        font-size: 12px;
        min-width: 0;
        flex: 1 0 20%;
    }
}

.c-location-card .c-button-group .c-button.c-location-card__order-button,.c-location-card .c-button-group .c-button.c-location-card__directions-button {
    background-color: #d51c22;
    color: #fff;
    margin: 10px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
}

.c-location-card .c-button-group .c-button--disabled {
    cursor: default;
    display: none;
}

.c-location-card .c-button-group .c-location-card__mylocation-button--greyed {
    color: #746561;
    color: #746561;
    cursor: default;
    padding: 13px 13px 0 13px;
    height: 40px;
    width: 100%;
    display: inline;
    max-width: 300px;
}

.c-location-card .c-button-group .c-location-card__mylocation-button.setLocation {
    color: #d51c22;
}

.c-location-card .c-button-group .c-location-card__mylocation-button img {
    height: 20px;
    width: auto;
}

.c-location-card .c-button-group .c-location-card__menu-button {
    height: 100%;
}

.c-location-card .c-location-card__features {
    display: none !important;
}

.c-location-card .c-location-card__features .icon-onlineordering-available {
    background-image: url(/images/applebees-icons/check-red-done.png);
    background-size: 16px;
    margin-left: 0;
}

.c-location-card .c-location-card__features .icon-onlineordering-unavailable {
    background-image: url(/images/applebees-icons/cross.png);
    background-size: 16px;
    margin-left: 0;
}

.c-location-card__group {
    border-bottom: 1px solid #d3d3d3;
}

.c-location-card__group .c-location-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #d3d3d3;
    padding: 16px 0 10px 1.5em;
    display: flex;
    justify-content: flex-start;
}

.c-location-card__group .c-location-header img {
    width: 25px;
    height: 45px;
    margin-right: 10px;
}

.c-location-card__group .c-location-header span {
    display: block;
    font-weight: normal;
}

.c-location-card__group .c-location-header .c-location-card--hours {
    font-size: .875rem;
}

.c-location-card__group .c-location-contact__wrapper {
    padding: 20px 20px;
    background-color: #fff;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    height: auto;
    align-items: flex-start;
}

@media(min-width: 768px) {
    .c-location-card__group .c-location-contact__wrapper {
        height:160px;
    }
}

.c-location-card__group .c-location-contact__wrapper .c-location--addressinfo,.c-location-card__group .c-location-contact__wrapper .c-location-card__features {
    flex-basis: 50%;
}

.c-location-card__group .c-location-contact__wrapper .c-location--addressinfo .c-location-card__phone,.c-location-card__group .c-location-contact__wrapper .c-location-card__features .c-location-card__phone {
    font-size: 1.2em;
}

.c-location-card__number:before {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 10px solid #0071b9;
    position: relative;
    bottom: -30px;
    content: "";
    right: -8px;
}

.h2.c-location-card__name {
    font-weight: 700;
    text-transform: uppercase;
}

.h2.c-location-card__name a {
    text-decoration: none;
}

.h2.c-location-card__name span {
    text-transform: capitalize;
    font-size: .7em;
}

.c-location-card__address {
    color: #746561;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin-top: .1em;
    margin-bottom: .1em;
    text-transform: capitalize;
}

.c-location-card__directions {
    font-size: .875rem;
    font-weight: 700;
}

.c-location-card__directions a {
    color: #746561;
    text-decoration: none;
}

.c-location-card__phone {
    padding: 10px 0;
}

.c-location-card__hours-label {
    font-weight: 700;
    text-transform: capitalize;
}

.c-location-card__features {
    display: flex;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: .75rem;
    flex-wrap: wrap;
    padding-left: 1em;
}

.c-location-card__features>img {
    padding-right: 4px;
}

.c-location-card__features ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.c-location-card__features ul li {
    display: flex;
    padding: 5px 0;
}

.c-location-card__features ul li img {
    height: 19px;
    width: 19px;
}

.c-location-card__features span {
    display: flex;
    color: #746561;
    font-size: 14px;
    align-items: center;
}

.c-location-card__features span i {
    color: #0071b9;
    margin-right: .25em;
}

.actionmodal__messageContainer a,.actionmodal__messageContainer p {
    font-size: 1rem;
    font-weight: 600;
}

.actionmodal__messageContainer .actionmodal__actions {
    display: flex;
    justify-content: center;
}

.actionmodal__messageContainer .actionmodal__actions a.action--confirm {
    color: #fff !important;
    text-transform: capitalize;
}

.c-location-card__top-mylocation-icon {
    display: none;
    float: right;
}

.c-location-input__container {
    width: 100%;
}

.c-location-input__container:focus-within {
    outline: 2px solid #0096a9;
    outline-offset: 2px;
}

.c-location-input__container input:focus {
    outline: none;
}

.c-location-input-container {
    margin-top: 5px;
}

.c-location__amenity-filters {
    background: #fff;
    border: 1px solid #f0f0f0;
    z-index: 10;
    position: absolute;
    top: 52px;
}

.c-amenity-filters__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.c-location__amenity-options {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 10px 10px 2em;
    display: flex;
    flex-direction: column;
}

.c-location__amenity-options>li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 40px;
}

.c-location__amenity-options span {
    width: 120px;
    align-self: center;
    line-height: 1;
    font-size: small;
}

@media(max-width: 320px) {
    .c-location__amenity-options span {
        padding-top:9px;
    }
}

.c-location__amenity-options label {
    width: 24px;
    margin-right: 15px;
}

.c-location__amenity-options label span {
    height: 26px;
    width: 23px;
    vertical-align: text-top;
    border: 1px solid #ccc;
    color: #fff;
    background-color: #fff;
    padding: 0 10px;
    border-radius: 4px;
    position: absolute;
    margin-top: 8px;
}

.c-location__amenity-options label span[aria-checked="true"] {
    background-image: url(/images/ihop-icons/done.svg);
    display: flex;
    position: relative;
    left: 0;
    top: 0;
    height: 26px;
    width: 23px;
    border-radius: 4px;
    background-color: #0061af;
}

.c-location__amenity-options label input::-ms-check {
    display: none;
}

.c-location__amenity-options label input {
    display: none;
    width: 25px;
    height: 20px;
}

.c-location__amenity-options label input[type="checkbox"] {
    vertical-align: text-top;
}

.c-location__amenity-options label input[type="checkbox"]:checked+span:after {
    background-image: url(/images/ihop-icons/done.svg);
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 10px;
    height: 26px;
    width: 23px;
    border-radius: 4px;
    background-color: #0061af;
}

.c-location-input__apply-filters {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    border: 0;
    color: #fff;
    background-color: #0071b9;
    width: 100%;
}

.c-location-input__current-location-link {
    text-decoration: none;
    position: static;
    background-color: #fff;
    width: 27px;
    height: 45px;
    padding-top: 15px;
    overflow: hidden;
    color: #444;
    padding-right: 2em;
    z-index: 23;
    margin-right: 10px;
    margin-left: 10px;
}

.js-location-widget-card {
    display: none;
}

#location-cards-wrapper .c-location-card__hours {
    padding-left: 10px;
}

#location-cards-wrapper .c-location-card__address {
    text-transform: capitalize;
}

#location-cards-wrapper .c-location-card__phone a {
    font-size: 1rem;
    color: #000;
}

.c-location-card__hourstoggle {
    display: inline-block;
    cursor: pointer;
}

.c-location-card__hourstoggle i {
    padding-left: 15px;
}

.c-location-card__hourstoggle>.o-icon--caret-down {
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
}

.c-location-card__hourstoggle>.o-icon--caret-up {
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
}

.c-navbar__quick-location-panel a.c-location-card__hourstoggle,.c-location a.c-location-card__hourstoggle {
    color: #000;
    white-space: nowrap;
}

.c-navbar__quick-location-panel a.c-location-card__hourstoggle .c-location-card__hours-label,.c-location a.c-location-card__hourstoggle .c-location-card__hours-label {
    display: inline-block;
    min-width: 115px;
}

.c-location-card__hoursofoperation {
    display: none;
    list-style: none;
    padding: 0;
}

.c-location-card__hoursofoperation li.c-location-card__dayofweek {
    line-height: 1.5;
}

.c-location-card__hoursofoperation .c-location-card__hours-label {
    padding-right: 10px;
    min-width: 115px;
    display: inline-block;
}

.c-navbar__quick-location-panel .c-location-card__hours,.js-location-nav-widget-card .c-location-card__hours {
    padding-bottom: 10px;
    padding-top: 0;
}

@media(min-width: 1200px) {
    .c-navbar__quick-location-panel .c-location-card__hours,.js-location-nav-widget-card .c-location-card__hours {
        padding-top:10px;
    }
}

.c-navbar__quick-location-panel .c-location-card__hours a.c-location-card__hourstoggle,.js-location-nav-widget-card .c-location-card__hours a.c-location-card__hourstoggle {
    font-size: 14px;
    color: #000;
}

.c-navbar__quick-location-panel .c-location-card__hours a.c-location-card__hourstoggle .c-location-card__hours-label,.js-location-nav-widget-card .c-location-card__hours a.c-location-card__hourstoggle .c-location-card__hours-label {
    display: inline-block;
    min-width: 115px;
}

.c-navbar__quick-location-panel .c-location-card__hours a.c-location-card__hourstoggle .c-location-card__hours-operation,.js-location-nav-widget-card .c-location-card__hours a.c-location-card__hourstoggle .c-location-card__hours-operation {
    font-weight: normal;
}

.c-navbar__quick-location-panel ul.c-location-card__hoursofoperation,.js-location-nav-widget-card ul.c-location-card__hoursofoperation {
    display: none;
    font-size: 12px;
    line-height: 1.5;
    padding-top: 0;
}

.c-navbar__quick-location-panel ul.c-location-card__hoursofoperation .c-location-card__hours-label,.js-location-nav-widget-card ul.c-location-card__hoursofoperation .c-location-card__hours-label {
    font-size: 14px;
}

.c-navbar__quick-location-panel ul.c-location-card__hoursofoperation .c-location-card__hours-operation,.js-location-nav-widget-card ul.c-location-card__hoursofoperation .c-location-card__hours-operation {
    font-size: 14px;
}

.c-navbar__quick-location-panel .expand ul.c-location-card__hoursofoperation,.js-location-nav-widget-card .expand ul.c-location-card__hoursofoperation {
    display: flex;
    flex-direction: column;
    margin: 0 auto 0;
}

@media(min-width: 1200px) {
    .c-navbar__quick-location-panel .expand ul.c-location-card__hoursofoperation,.js-location-nav-widget-card .expand ul.c-location-card__hoursofoperation {
        margin-bottom:10px;
        margin-top: 10px;
    }
}

.c-location-landing-container {
    background-image: url(https://unsplash.it/800);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 600px;
    position: relative;
    background-position: center;
}

.c-location-landing {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.c-location-landing .c-location-landing__group {
    background: rgba(32,57,78,.7);
    width: 100%;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c-location-landing .c-location-landing__content {
    margin-bottom: 20px;
    width: 90%;
    color: #fff;
    text-align: center;
}

.c-location-landing .c-location-landing__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 28px;
}

.c-location-landing .c-location-input__current-location-link:before {
    top: 10px;
    right: 10px;
}

@media(min-width: 992px) {
    .c-location-landing .c-location-input__current-location-link:before {
        right:121px;
    }
}

.c-location-landing .c-location-landing__form {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.c-location-landing .c-location-landing__form .c-location-input__current-location-link {
    font-size: .75em;
    background-color: #fff;
    display: inline-block;
    width: 45px;
    height: 45px;
    position: relative;
    right: 0;
    top: 0;
    line-height: 45px;
    text-align: center;
    padding: 0;
}

@media(max-width: 992px) {
    .c-location-landing .c-location-landing__form .c-location-input__current-location-link {
        position:relative;
    }
}

@media(min-width: 992px) {
    .c-location-landing .c-location-landing__form {
        width:60%;
    }
}

.c-location-landing .c-location-input__action {
    flex-basis: auto;
    letter-spacing: .05em;
    margin: 0 auto 0 auto;
    max-width: 100px;
    width: 100%;
    color: #fff;
    text-transform: capitalize;
}

@media(min-width: 992px) {
    .c-location-landing .c-location-input__action {
        margin-top:0;
        width: 120px;
    }
}

@media(min-width: 992px) {
    .c-location-corporate {
        display:flex;
    }
}

.c-location-corporate-card {
    display: flex;
    border-top: 15px solid #fff;
}

.c-location-corporate-card .c-location-corporate__map {
    width: 40%;
}

.c-location-corporate-card .c-location-corporate__map>img {
    width: 100%;
    height: 100%;
}

.c-location-corporate-card .location-card-inner {
    width: 60%;
    color: #fff;
    padding: 15px;
}

.c-location-corporate-card .location-card-inner.location-card--red {
    background-color: #e22228;
}

.c-location-corporate-card .location-card-inner.location-card--blue {
    background-color: #0071b9;
}

.c-location-corporate-card .location-card-inner>h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

.c-location-corporate-card .location-card-inner a {
    color: #fff;
}

.location-type-ahead-results a {
    color: rgba(0,0,0,.87);
}

.quick-location-search-box {
    position: relative;
}

.quick-location-search-box .location-type-ahead-results {
    top: 47px;
}

.c-hero.hero-overlay-header {
    position: relative;
    overflow: hidden;
    margin-bottom: 2em;
}

.c-hero.hero-overlay-header:before {
    width: 100%;
    height: 140px;
    z-index: 15;
    content: "";
    position: absolute;
    bottom: -30px;
    left: -2px;
    transform: rotate(1deg);
}

.c-hero.hero-overlay-header.title-top .c-hero__title {
    top: 60%;
    padding-right: 45px;
}

@media(max-width: 992px) {
    .c-hero.hero-overlay-header.title-top .c-hero__title {
        top:-10px;
    }
}

.c-hero.hero-overlay-header.overlay-lightblue:before {
    background: #00b7e8;
}

.c-hero.hero-overlay-header.overlay-darkblue:before {
    background: #0071b9;
}

.c-hero.hero-overlay-header.overlay-orange:before {
    background: #dc6026;
}

.c-hero.hero-overlay-header.overlay-teal:before {
    background: #0096a9;
}

.c-hero.hero-overlay-header.title-top.hero-overlay-header {
    padding: 1px;
}

.c-hero.hero-overlay-header.title-top .c-hero__bg-container-overlay {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    align-self: flex-end;
}

.c-hero.hero-overlay-header.title-top .teaserBody {
    position: relative;
}

.c-hero.hero-overlay-header .c-hero__bg-container-overlay {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    align-self: flex-end;
}

.c-hero.hero-overlay-header .c-hero__title {
    position: absolute;
    left: 0;
    top: -10px;
    color: #fff;
    font-size: 3em;
    padding-left: 25px;
    text-align: left;
    text-shadow: 0 5px 30px #969696;
}

@media(min-width: 992px) {
    .c-hero.hero-overlay-header .c-hero__title {
        top:50%;
        font-size: 4.5em;
    }
}

.c-hero.hero-overlay-header .teaserBody {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    position: relative;
    bottom: 3%;
    color: #fff;
    font-size: 1.5em;
    padding: .5em 1em;
    z-index: 16;
    text-align: center;
}

@media(min-width: 992px) {
    .c-hero.hero-overlay-header .teaserBody {
        font-size:2em;
    }
}

.hero-careers-header .c-hero__bg-container-overlay {
    color: #fff;
    height: 100%;
    width: 100%;
    display: flex;
}

.hero-careers-header .c-hero__bg-container-overlay .c-hero__title {
    align-items: normal;
    flex-direction: column;
    font-size: 260%;
    justify-content: flex-end;
    padding: 0 0 20px 20px;
}

@media(min-width: 992px) {
    .hero-careers-header .c-hero__bg-container-overlay .c-hero__title {
        bottom:auto;
        display: flex;
        font-size: 260%;
        left: auto;
        padding: 0 0 25px 0;
        position: static;
    }
}

@media(min-width: 992px) {
    .hero-careers-header .c-hero__bg-container-overlay {
        width:1140px;
        margin-left: -15px;
        margin-right: -15px;
    }
}

.catering.c-hero.catering-menu {
    max-height: 400px;
}

@media(max-width: 480px) {
    .catering.c-hero.catering-menu {
        max-height:115px;
        background-position-y: 50%;
    }
}

#root-menu-app {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.single-category-menu .c-menu {
    flex-direction: column;
    max-width: 980px;
    z-index: 5;
    min-width: 75%;
    flex-basis: 100%;
}

.single-category-menu .c-menu .c-menu__category {
    margin: .4em 0;
}

.single-category-menu .c-menu .c-menu__list {
    max-width: none;
    margin: 0;
}

.single-category-menu .c-menu .c-menu__list .c-menu-item {
    min-width: calc(95%/3 - 1em);
}

@media(min-width: 992px) {
    .single-category-menu .c-menu .c-menu__list .c-menu-item {
        margin:0 1em 1em 0;
    }
}

@media(max-width: 768px) {
    .single-category-menu .c-menu .c-menu__list .c-menu-item {
        min-width:calc(95%/2 - 1em);
    }
}

.single-category-menu.container,.single-category-menu__page-header .container {
    margin: 0 auto;
}

@media(min-width: 1200px) {
    .single-category-menu.container,.single-category-menu__page-header .container {
        max-width:980px;
    }
}

.single-category-menu__page-header {
    background: #fff;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: auto;
    flex-direction: column;
}

@media(min-width: 992px) {
    .single-category-menu__page-header {
        padding:1em 3em 0;
        height: 100px;
    }
}

.single-category-menu__page-header h1 {
    text-align: center;
    font-size: 1.7rem;
    color: #625450;
}

.single-category-menu__page-header .fa,.single-category-menu__page-header a,.single-category-menu__page-header a:link,.single-category-menu__page-header a:visited {
    color: #0071b9;
}

.single-category-menu__page-header .breadcrumb {
    margin-top: 1em;
}

@media(min-width: 768px) {
    .c-menu {
        display:-webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.c-menu .c-menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis: calc(95%/3 - 1em);
    -webkit-flex-basis: calc(95%/3 - 1em);
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: .5em;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    position: relative;
    border: solid 1px #ccc;
    cursor: pointer;
    min-width: 150px;
}

@media(max-width: 480px) {
    .c-menu .c-menu-item {
        width:48%;
        flex-basis: auto;
        -webkit-flex-basis: auto;
        margin: .2em;
    }
}

.c-menu .c-menu-item:focus,.c-menu .c-menu-item.focus,.c-menu .c-menu-item:focus-within {
    outline: 2px solid #1598d3;
}

.c-menu-item.active .c-menu-quick-view {
    opacity: 1 !important;
    transition: all .1s;
    width: 100%;
    height: 100%;
    padding: 15px;
}

@media(max-width: 320px) {
    .c-menu-item.active .c-menu-quick-view {
        padding:6px;
    }
}

.ihop-menu-details-page .row .col-md-12 {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    min-height: 550px;
}

.ihop-menu-details-page .disclaimerList ul {
    width: 70%;
}

@media(max-width: 992px) {
    .ihop-menu-details-page .disclaimerList ul {
        width:100%;
    }
}

@media(min-width: 992px) {
    .c-menu-container {
        display:-webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        max-width: 1200px;
        margin: 0 auto;
    }

    .c-menu-container>.h3 {
        -webkit-box-flex: 1;
        width: 20%;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        flex-basis: 100%;
    }
}

.c-menu-container .c-menu-customermessage__close {
    display: block;
    right: 0;
    border: none;
    background: none;
    padding: 5px;
    cursor: pointer;
    color: #000;
    position: absolute;
    margin-top: -15px;
    padding-right: 10px;
}

@media(min-width: 768px) {
    .c-menu-container .c-menu-customermessage__close {
        display:none;
    }
}

.c-menu__icon--new {
    color: #d72b30;
    font-family: "ThirstyScriptMedium",serif;
    font-size: 1.25rem;
}

.c-menu__category {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    background-color: #0071b9;
    color: #fff;
    padding: 5px;
    margin: 1em 0;
}

@media(min-width: 768px) {
    .c-menu__category {
        padding:5px 15px;
        text-align: left;
        font-size: 1.7rem;
        font-weight: 500;
        letter-spacing: .05em;
        margin-top: 10px;
        display: block;
        margin-left: 6px;
    }
}

.c-menu-container .c-menu .c-menu-list-container {
    max-width: 980px;
    z-index: 5;
    min-width: 75%;
    flex-basis: 100%;
}

@media(max-width: 767px) {
    .c-menu-container .c-menu .c-menu-list-container {
        margin-top:30px;
    }
}

.c-menu-container .c-menu .c-menu-list-container.c-menu-fixedCatList {
    padding-left: 0;
}

@media(max-width: 768px) {
    .c-menu-container .c-menu.inactive:before {
        content:"";
        background: rgba(0,113,185,.9);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 6;
    }
}

@media(min-width: 768px) {
    .c-menu-container .c-menu .c-menu-fixedNav .c-menu-categories-list {
        top:145px;
    }
}

@media(max-width: 768px) {
    .c-menu-container .c-menu .c-menu-fixedNav {
        position:fixed;
        z-index: 10;
    }
}

@media(max-width: 768px) {
    .c-menu-container .c-menu .c-menu-fixedNav .c-menu-customermessage {
        font-size:small;
        font-weight: normal;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin-bottom: 0;
        padding: 15px;
        background: #eee;
    }
}

.c-menu-container .c-menu .c-menu-fixedNav .c-menu-detail__details-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list {
    width: 100%;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.38);
    overflow-x: hidden;
}

@media(min-width: 768px) {
    .c-menu-container .c-menu .c-menu-categories .c-menu-categories-list {
        background:transparent;
        width: 260px;
        box-shadow: none;
    }
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list .c-menu-ordermethod-container {
    display: none;
    padding-right: 10px;
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list .c-menu-customermessage {
    font-size: small;
    font-weight: normal;
    padding: 15px 15px 15px 8px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    background: #eee;
}

@media(min-width: 768px) {
    .c-menu-container .c-menu .c-menu-categories .c-menu-categories-list .c-menu-customermessage {
        background:#fff;
    }
}

.c-menu-categories__heading {
    color: #625450;
    font-size: 1rem;
    margin-bottom: 10px;
    padding-left: 8px;
}

.c-menu-container .c-menu .c-menu-categories {
    flex: 0 1 auto;
    text-align: center;
    background-color: #fefefe;
    z-index: 15;
    min-width: 260px;
    transition: top .2s ease-in-out;
}

@media(min-width: 992px) {
    .c-menu-container .c-menu .c-menu-categories {
        border:0;
    }
}

@media(min-width: 768px) {
    .c-menu-container .c-menu .c-menu-categories {
        z-index:8;
        width: 200px;
        top: 0;
        background-color: transparent;
        padding: 25px 5px;
        position: relative;
        text-align: left;
    }
}

@media(max-width: 767px) {
    .c-menu-container .c-menu .c-menu-categories.open {
        position:fixed;
        top: 132px;
        z-index: 14;
    }
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul {
    width: 250px;
}

@media(max-width: 767px) {
    .c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul {
        width:100%;
        box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    }

    .c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul.open {
        padding-top: 1em;
        overflow-y: scroll;
        height: 325px;
        top: 132px;
        padding-bottom: 4em;
        pointer-events: visible;
    }
}

@media(max-width: 767px) {
    .c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li.category-selected a:hover,.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li.category-selected a:link,.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li.category-selected a:active,.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li.category-selected a,.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li.category-selected button {
        color:#000;
    }
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li>a,.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li button {
    color: #746561;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    padding: 8px 0;
    text-decoration: none;
    width: 100%;
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li>a.open,.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li button.open {
    width: 80%;
}

@media(min-width: 768px) {
    .c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li>a,.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li button {
        padding-left:8px;
        padding-right: 28px;
        color: #746561;
    }
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li a:hover,.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li button:hover {
    color: #000;
}

@media(min-width: 768px) {
    .c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li a.active,.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list ul>li button.active {
        color:#d51c22;
    }
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list .has-submenu .c-menu-categories-close {
    display: none;
    color: #746561;
    text-align: right;
    width: 100%;
    padding: 0 1em 0;
    height: 20px;
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list .has-submenu .c-menu-categories-close .fa {
    font-size: 1em;
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list .has-submenu .c-menu-categories-close.show {
    display: block;
    cursor: pointer;
}

@media(min-width: 768px) {
    .c-menu-container .c-menu .c-menu-categories .c-menu-categories-list .has-submenu .c-menu-categories-close.show {
        display:none;
    }
}

.c-menu-container .c-menu .c-menu-categories .c-menu-categories-list .has-submenu button {
    height: 50px;
}

@media(min-width: 768px) {
    .c-menu-container .c-menu .c-menu-categories {
        padding-right:0;
    }
}

.c-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 980px;
    width: 100%;
    margin-top: 1em;
    justify-content: flex-start;
}

@media(max-width: 480px) {
    .c-menu__list {
        justify-content:space-between;
    }
}

.c-menu-item__category {
    display: none;
}

.c-menu-item__container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    position: relative;
}

@media(min-width: 992px) {
    .c-menu-item__container {
        justify-content:flex-start;
    }
}

.c-menu-item__status {
    position: absolute;
    top: 8px;
    left: 8px;
}

.c-menu-item__details {
    text-align: center;
    padding: 10px 10px 5px;
    position: relative;
}

.c-menu-item__details>a:hover {
    cursor: pointer;
}

.c-menu-item__details>a:hover>.c-menu-item__name {
    cursor: pointer;
}

@media(max-width: 768px) {
    .c-menu-item__details {
        padding:10px 5px 5px;
        min-height: 75px;
    }
}

.c-menu-item__image {
    width: 100%;
}

.c-menu-item__name {
    color: #625450;
    font-size: 1rem;
    min-height: 70px;
    font-weight: 600;
    margin-bottom: 20px;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    text-transform: uppercase;
    display: block;
    height: 40px;
    padding: 0 5px;
}

@media(max-width: 992px) {
    .c-menu-item__name {
        font-size:.775rem;
        min-height: 40px;
    }
}

.c-menu-item__health .c-menu-item__nutrition {
    display: none;
}

.c-menu-item__health.display-icon .c-menu-item__nutrition {
    display: none;
}

.c-menu-item__health.display-icon .c-menu-item__nutrition a {
    color: #0071b9;
}

.c-menu-item__health.display-icon .c-menu-item__cals {
    display: none;
}

.c-menu-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    height: 20px;
    font-size: 1rem;
    font-weight: 600;
    color: #625450;
}

@media(max-width: 992px) {
    .c-menu-item__info {
        font-size:.775rem;
    }
}

.c-menu-item__info>label:last-child {
    border-right: 0;
}

@media(max-width: 480px) {
    .c-menu-item__health.display-icon {
        width:22px;
        height: 20px;
        background-size: 22px 20px;
    }
}

.c-menu-item__actions {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 0 10px 5px 10px;
}

.c-menu-item__actions>.c-menu-item__price {
    width: 50%;
    display: block;
    text-align: right;
}

@media(max-width: 480px) {
    .c-menu-item__actions {
        font-size:14px;
    }
}

.c-menu-link-diabled {
    background-color: #625450;
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
}

.c-menu-item__link {
    color: #0071b9;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 0 10px;
    width: 50%;
    text-align: center;
    display: none;
}

@media(max-width: 480px) {
    .c-menu-item__link {
        font-size:14px;
    }
}

.c-menu-link-details {
    text-transform: none;
    border-right: 1px solid #d3d3d3;
}

.c-menu-link-order {
    color: #d51c22;
}

.c-menu-item__image-container {
    min-height: 100px;
    height: 157px;
}

@media(max-width: 767px) {
    .c-menu-item__image-container {
        height:100px;
    }
}

.c-menu-item__image-container img {
    min-width: 140px;
    width: 100%;
    height: 100%;
}

.c-menu-item__image-container a {
    display: flex;
}

.c-menu-item__image-container a:focus,.c-menu-item__image-container a:focus-within {
    outline: none;
}

@media(max-width: 480px) {
    .c-menu-item__image-container {
        min-height:0;
    }
}

.c-menu-item--featured.c-menu-item {
    border-bottom: 1px solid #fefefe;
    width: 100%;
    z-index: 25;
    padding-bottom: 1em;
    margin-bottom: 1em;
    max-width: 980px;
}

@media(max-width: 768px) {
    .c-menu-item--featured.c-menu-item {
        z-index:8;
        margin-bottom: 0;
    }
}

@media(max-width: 480px) {
    .c-menu-item--featured .c-menu-item__name {
        padding-top:20px;
    }
}

.c-menu-item--featured .c-menu-item__container {
    flex-direction: row;
    align-items: flex-start;
}

.c-menu-item--featured .c-menu-item__image-container {
    flex: 2;
}

@media(max-width: 480px) {
    .c-menu-item--featured .c-menu-item__image-container {
        flex:1;
    }
}

.c-menu-item--featured .c-menu-item__group {
    flex: 1;
    margin-left: 25px;
    max-width: 300px;
    padding-top: 2em;
}

@media(max-width: 480px) {
    .c-menu-item--featured .c-menu-item__group {
        margin-left:10px;
        max-width: 300px;
        padding-top: 0;
    }
}

@media(max-width: 480px) {
    .c-menu-item--featured .c-menu-item__details {
        height:130px;
    }
}

@media(max-width: 480px) {
    .c-menu-item--featured .c-menu-item__info {
        margin-top:20px;
    }
}

.c-menu-item--featured .c-menu-item__info>label {
    padding-left: 15px;
    padding-right: 15px;
}

.c-menu-item--featured .c-menu-item__info>label:first-child {
    padding-left: 0;
}

.c-menu-item--featured .c-menu-item__description {
    display: none;
}

@media(max-width: 768px) {
    .c-menu-item--featured {
        display:none !important;
    }
}

@media(max-width: 480px) {
    .c-menu-item--featured {
        display:none !important;
    }
}

.c-menu-link-details {
    display: none;
}

.c-menu-detail {
    position: relative;
    width: 100%;
}

@media(min-width: 992px) {
    .c-menu-detail {
        display:-webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
    }
}

.c-menu-detail-container {
    display: block;
}

@media(min-width: 768px) {
    .c-menu-detail-container {
        display:flex;
        flex-direction: row;
        background-color: #fff;
        flex-wrap: wrap;
    }
}

.c-menu-info {
    position: relative;
    background-color: #f5f7f8;
    width: 100%;
}

@media(min-width: 992px) {
    .c-menu-info {
        display:-webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
}

.c-menu-detail__menu-link {
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    top: 30px;
    left: 20px;
    letter-spacing: .04em;
    text-decoration: none;
    text-transform: uppercase;
}

@media(min-width: 992px) {
    .c-menu-detail__menu-link {
        position:static;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #746561;
        display: inline-block;
        width: 100%;
    }
}

.c-menu-detail__image>img {
    width: 100%;
}

@media(min-width: 992px) {
    .c-menu-detail__image {
        max-width:820px;
        width: 100%;
    }
}

@media(min-width: 992px) {
    .c-menu-detail__image {
        flex:1 1 820px;
    }
}

.c-menu-detail__details {
    background-color: #fff;
    width: 100%;
}

@media(min-width: 992px) {
    .c-menu-detail__details {
        width:350px;
        padding: 20px;
        min-height: 350px;
    }
}

@media(min-width: 1200px) {
    .c-menu-detail__details {
        width:380px;
    }
}

@media(min-width: 992px) {
    .c-menu-detail__details-fixednav {
        padding:20px;
    }
}

@media(min-width: 992px) {
    .c-menu-info__promos {
        flex:1;
    }
}

.c-menu-info__spacer {
    padding: 0;
    display: none;
}

@media(min-width: 992px) {
    .c-menu-info__spacer {
        flex-basis:320px;
        width: 279px;
    }
}

.c-menu-detail__title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-menu-detail__title h1 {
    font-size: 1.4375rem;
    text-transform: uppercase;
    letter-spacing: .025em;
    text-align: center;
}

.c-menu-detail__title span {
    margin: 0;
}

.c-menu-detail__health {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 3px;
}

.c-menu-detail__health span {
    margin-right: 10px;
}

.c-menu-detail__health span:last-child {
    margin-right: 0;
}

.c-menu-detail__nutrition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.c-menu-detail__nutrition a {
    color: #0069ac;
    margin: 0 5px;
    text-decoration: none;
    font-size: .875rem;
    font-weight: 600;
    text-align: center;
}

.c-menu-detail__price {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

@media(max-width: 991px) {
    .c-menu-detail__price {
        margin-bottom:15px;
    }
}

.c-menu-detail__price .c-menu-detail__cals {
    display: none;
}

.c-menu-detail__price ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.c-menu-detail__price ul li {
    list-style: none;
    display: inline-block;
    padding: 0 5px;
}

@media(min-width: 992px) {
    .c-menu-detail__price ul li {
        display:block;
        margin-bottom: 10px;
    }
}

@media(min-width: 992px) {
    .c-menu-detail__price ul {
        text-align:center;
    }
}

.c-menu-detail__description {
    font-size: 1rem;
    line-height: 1.5em;
    margin-top: 35px;
    padding-bottom: 1em;
}

@media(min-width: 992px) {
    .c-menu-detail__description {
        min-height:230px;
    }
}

.c-menu-detail-ordering-unavailable {
    font-size: 1rem;
    line-height: 1.5em;
    margin-bottom: 1em;
    margin-top: 1em;
}

.c-menu-detail__menu-nav {
    display: block;
    position: absolute;
    z-index: 1;
    left: 20px;
    padding: 0;
    top: 20px;
}

span.breadcrumb-spacer {
    margin-left: 2px;
    margin-right: 2px;
}

.menu-breadcrumb {
    margin-bottom: 25px;
}

a.breadcrumb-link {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}

.c-menu-details__add-order-link {
    display: inline-block;
    width: 100%;
}

.c-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: auto;
    margin-left: auto;
}

@media(min-width: 992px) {
    .c-menu-wrapper {
        -webkit-flex-direction:row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.c-menu-detail__menu-nav {
    display: none;
}

@media(min-width: 992px) {
    .c-menu-detail__menu-nav {
        display:block;
        position: absolute;
        z-index: 1;
        left: 20px;
        padding: 0;
        top: 20px;
    }
}

.c-menu-detail__menu-nav a.breadcrumb-link,.c-menu-detail__menu-nav span.breadcrumb-spacer {
    color: #fff;
}

.c-menu-detail__menu-nav a.breadcrumb-link {
    font-weight: normal;
}

.c-menu-detail__description {
    text-align: center;
    margin-top: 15px;
}

@media(min-width: 992px) {
    .c-menu-detail__description {
        min-height:unset;
        margin-top: 15px;
    }

    .c-menu-detail__details-fixednav {
        padding: 5px 20px;
    }
}

.c-menu-detail__image__wrapper {
    position: relative;
}

.c-menu-detail__image__wrapper img {
    max-width: 100%;
    width: 100%;
}

.c-menu__scroll {
    position: absolute;
    bottom: 10px;
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: pointer;
}

@media(min-width: 992px) {
    .c-menu__scroll {
        bottom:18px;
    }
}

.c-menu__scroll span {
    position: relative;
    display: inline-block;
}

.c-menu__scroll span a,.c-menu__scroll span a:link,.c-menu__scroll span a:visited,.c-menu__scroll span a:hover {
    color: #fff;
    font-size: .8rem;
}

.c-menu-detail__details {
    padding: 30px 15px;
}

.c-menu-detail__image_overlay {
    background: -moz-linear-gradient(top,rgba(0,0,0,.65) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 81%,rgba(0,0,0,.65) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.65) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 81%,rgba(0,0,0,.65) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.65) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 81%,rgba(0,0,0,.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#a6000000',GradientType=0);
    position: absolute;
    top: 0;
    width: 100%;
    display: block;
    height: 100%;
}

.disclaimerList {
    margin-top: 10px;
}

.disclaimerList ul li {
    line-height: 1.3;
}

.c-menu-detail__description {
    line-height: 1.3;
}

.c-menu-feature {
    display: inline-block;
    max-width: 380px;
    padding: 50px 20px;
}

.c-menu-feature__rich-text .h2 {
    color: #d51c22;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
}

.c-menu-feature__rich-text p,.c-menu-feature__rich-text ul {
    line-height: 1.25em;
}

.c-menu-feature__rich-text ul {
    list-style: none;
}

.c-menu-feature__rich-text ul li:before {
    content: "•";
    color: #d51c22;
    font-size: .875rem;
    padding-right: 4px;
}

.c-menu-feature--alt {
    background-color: #fff1b8;
}

.c-suggestedmenu {
    width: 100%;
    padding-top: 2em;
}

@media(min-width: 992px) {
    .c-suggestedmenu {
        width:70%;
        padding-right: 15px;
    }
}

.c-suggestedmenu__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
}

.c-suggestedmenu__title {
    font-weight: 400;
    text-align: center;
    width: 100%;
    color: #0071b9;
    background-color: #fff;
    padding: 5px 0;
}

@media(min-width: 768px) {
    .c-suggestedmenu__title {
        background-color:#0096a9;
        color: #fff;
    }
}

.c-suggestedmenu__item {
    display: inline-block;
    width: 50%;
    color: #625450;
}

.c-suggestedmenu__item img {
    max-width: 100%;
}

@media(min-width: 768px) {
    .c-suggestedmenu__item {
        width:calc(100%/3);
    }
}

@media(max-width: 320px) {
    .c-suggestedmenu__item {
        width:100%;
    }
}

.c-menu__suggestedmenu-container {
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.c-suggestedmenu__itemTitle {
    font-size: 1.3rem;
    padding-top: 10px;
    text-transform: none;
    flex: 1;
    text-align: center;
    min-height: 80px;
}

.c-suggestedmenu__itemDesc {
    display: none;
}

.c-suggestedmenu__itemInfo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 60px;
    text-align: center;
}

.c-suggestedmenu__itemInfo label {
    font-size: 16px;
}

.c-suggestedmenu__price.half-width,.c-suggestedmenu__calories.half-width {
    width: 50%;
}

.c-suggestedmenu__itemActions {
    border-top: 1px solid #ccc;
    font-size: 16px;
    letter-spacing: -.04em;
    padding-top: 15px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-around;
    align-content: center;
}

.c-suggestedmenu__itemActions>a {
    text-decoration: none;
    text-transform: none;
    background: none;
    margin: 0;
    padding: 0;
    display: block;
}

.c-suggestedmenu__itemActions :first-child {
    border-right: 1px solid #ccc;
}

.slick-slider i.fa {
    display: none;
}

.disclaimerList {
    margin: 0 auto;
    font-size: 16px;
    padding: 20px;
    max-width: 1200px;
}

.disclaimerList ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media(max-width: 992px) {
    .disclaimerList ul {
        width:100%;
    }
}

.disclaimerList ul li {
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 0;
    line-height: 1.3em;
}

dialog::backdrop {
    background: rgba(0,0,0,.5);
}

.nutrition-modal-container {
    border: none;
    background: transparent;
    min-width: 300px;
}

.nutrition-modal__toolbar {
    text-align: right;
}

.nutrition-modal__toolbar a {
    outline: none;
}

.nutrition-modal__toolbar i {
    color: #fff;
    text-decoration: none;
    font-size: 1.5rem;
}

.nutrition-modal__content {
    display: flex;
    flex-direction: column;
    font-size: .75rem;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}

.nutrition-modal__title {
    margin: 20px;
    text-align: center;
    font-size: .75rem;
}

.nutrition-modal__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.nutrition-modal__row--sub .nutrition-modal__label {
    padding-left: 10px;
    font-weight: 400;
}

.nutrition-modal__label {
    font-weight: 600;
}

.nutrition-modal__value {
    text-align: right;
}

select.form-control {
    width: 100%;
    padding: .3em;
}

.menu-disclaimer {
    font-size: 16px;
    padding: 20px;
    width: 100%;
}

@media(min-width: 1200px) {
    .menu-disclaimer {
        padding-left:250px;
    }
}

.menu-disclaimer ul {
    width: 100%;
}

.c-menu-quick-view {
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    left: 0;
    z-index: 3;
    padding: 15px;
    cursor: default;
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: all .1s;
}

@media(max-width: 1200px) {
    .c-menu-quick-view {
        padding:10px;
    }
}

.c-menu-quick-view span,.c-menu-quick-view a {
    font-size: .9rem;
}

@media(max-width: 992px) {
    .c-menu-quick-view span,.c-menu-quick-view a {
        font-size:.875rem;
    }
}

@media(max-width: 480px) {
    .c-menu-quick-view span,.c-menu-quick-view a {
        font-size:.675rem;
    }
}

.c-menu-quick-view .close-btn {
    border: 0;
    color: #fff;
    align-self: flex-end;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 20;
    width: 25px;
    cursor: pointer;
}

.c-menu-quick-view p {
    text-align: left;
    margin: 0 0 40px 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 63px;
    max-height: 63px;
    font-size: .875rem;
    font-weight: 300;
    letter-spacing: .31px;
    width: 100%;
    align-self: flex-start;
}

@media(max-width: 992px) {
    .c-menu-quick-view p {
        -webkit-line-clamp:3;
        margin: 0 0 30px 0;
        min-height: 37px;
        max-height: 37px;
        margin-bottom: 15px;
        font-size: .75rem;
        letter-spacing: .25px;
        line-height: 12px;
    }
}

@media(max-width: 480px) {
    .c-menu-quick-view p {
        min-height:60px;
        max-height: 60px;
        -webkit-line-clamp: 5;
    }
}

.c-menu-quick-view span {
    display: block;
    margin-bottom: 15px;
    text-align: left;
    font-weight: 600;
    letter-spacing: .48px;
}

@media(max-width: 992px) {
    .c-menu-quick-view span {
        letter-spacing:.36px;
    }
}

.c-menu-quick-view a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.c-menu-quick-view a.c-menu-quick-view-link {
    padding: 10px 0;
    border-radius: 4px;
    background-color: #0071b9;
    letter-spacing: .31px;
    width: 100%;
}

@media(max-width: 992px) {
    .c-menu-quick-view a.c-menu-quick-view-link {
        padding:6px 0;
        letter-spacing: .22px;
    }
}

.c-menu-quick-view a.c-menu-quick-view-details {
    padding: 5px 0;
    margin-top: 15px;
    border: 2px solid #fff;
    border-radius: 4px;
    letter-spacing: .29px;
    width: 100%;
}

@media(max-width: 480px) {
    .c-menu-quick-view a.c-menu-quick-view-details {
        margin-top:10px;
    }
}

.c-menu-quick-view a.c-menu-quick-view-details:hover {
    color: #55565a;
    background: #fff;
}

.c-menu-quick-view .c-menu-quick-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

@media(min-width: 992px) {
    .c-menu-quick-view .c-menu-quick-details {
        height:40px;
    }
}

@media(max-width: 992px) {
    .c-menu-quick-view .c-menu-quick-details {
        height:35px;
    }
}

.c-menu-quick-view .c-menu-quick-details span {
    font-size: 1rem;
}

@media(max-width: 992px) {
    .c-menu-quick-view .c-menu-quick-details span {
        font-size:.875rem;
    }
}

.c-ordermethod__heading {
    text-transform: none;
    margin: 0;
}

.c-ordermethod {
    margin: 0 0 20px;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.c-ordermethod h1,.c-ordermethod .h3 {
    text-transform: uppercase;
}

.c-ordermethod .h3 {
    font-size: 1rem;
}

.c-ordermethod .c-customization__orderQuantity {
    display: none;
}

.c-ordermethod .c-ordermethod__header {
    display: flex;
    padding: 20px 15px 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.c-ordermethod .c-ordermethod__header>h1 {
    text-transform: initial;
    font-size: 1rem;
    margin-left: 10px;
    padding-bottom: 0;
}

.c-ordermethod .c-ordermethod__typeHeader {
    display: none;
}

.c-ordermethod .c-ordermethod__typeHeader p {
    margin-top: 5px;
}

.c-ordermethod .c-ordermethod__typeHeader p a {
    color: #0071b9;
    font-size: 14px;
}

.c-ordermethod .c-ordermethod__header-image {
    margin-bottom: 20px;
    overflow: hidden;
}

.c-ordermethod .c-ordermethod__header-image>img {
    width: 100%;
}

.c-ordermethod .c-ordermethod__type {
    display: flex;
    min-height: 90px;
    justify-content: center;
    align-items: center;
}

@media(max-width: 320px) {
    .c-ordermethod .c-ordermethod__type {
        padding:.5em;
    }
}

.c-ordermethod .c-ordermethod__typeList .c-ordermethod__type {
    background-color: #fff;
}

.c-ordermethod .c-ordermethod__typeList .c-ordermethod__type a {
    color: #0071b9;
}

.c-ordermethod .c-ordermethod__typeList .c-ordermethod__type p {
    font-size: small;
    margin: 0;
}

.c-ordermethod .c-ordermethod__typeList .c-ordermethod__type.active {
    background-color: #0071b9;
    color: #fff;
}

.c-ordermethod .c-ordermethod__typeList .c-ordermethod__type.active a {
    color: #fff;
}

.c-ordermethod .c-ordermethod__typeList input[type=radio]:not(old)+label {
    margin-right: 15px;
}

@media(max-width: 320px) {
    .c-ordermethod .c-ordermethod__typeList input[type=radio]:not(old)+label {
        margin-right:5px;
    }
}

@media(max-width: 320px) {
    .c-ordermethod .c-ordermethod__restaurantContainer,.c-ordermethod .c-ordermethod__restaurant {
        display:inline;
    }
}

.c-ordermethod .c-ordermethod__restaurantMapAndInfo {
    background-color: #fff;
    padding: 2em;
}

.c-ordermethod .c-ordermethod__restaurantMapAndInfo .c-ordermethod__restaurantInfo {
    width: 70%;
}

@media(max-width: 320px) {
    .c-ordermethod .c-ordermethod__restaurantMapAndInfo .c-ordermethod__restaurantInfo {
        width:100%;
    }
}

.c-ordermethod .c-ordermethod__restaurantMapAndInfo .c-ordermethod__restaurantInfo .c-ordermethod_orderAction {
    font-size: small;
}

.c-ordermethod .c-ordermethod__restaurantMapAndInfo .c-ordermethod__restaurantAction {
    width: 30%;
}

@media(max-width: 320px) {
    .c-ordermethod .c-ordermethod__restaurantMapAndInfo .c-ordermethod__restaurantAction {
        width:100%;
    }
}

.c-ordermethod .c-ordermethod__restaurantMapAndInfo .c-ordermethod__restaurantAction a:link {
    font-weight: 700;
    text-transform: uppercase;
    color: #0061af;
}

@media(max-width: 320px) {
    .c-ordermethod .c-ordermethod__restaurantMapAndInfo .c-ordermethod__restaurantAction a:link {
        padding:15px 0 0 0;
        display: flex;
    }
}

.c-ordermethod .c-ordermethod__restaurantMap {
    display: none;
}

.c-ordermethod .c-ordermethod__restaurantAddress2 {
    display: none;
}

@media(min-width: 1200px) {
    .c-ordermethod {
        margin:0;
    }
}

.c-ordermethod__timeOptionContainer ul.c-ordermethod__timeList,.c-ordermethod__time-inner ul.c-ordermethod__timeList {
    text-align: center;
}

.c-ordermethod__timeOptionContainer ul.c-ordermethod__timeList .c-ordermethod__time-inner,.c-ordermethod__time-inner ul.c-ordermethod__timeList .c-ordermethod__time-inner {
    position: relative;
    background-color: #fff;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    padding: 0;
}

.c-ordermethod__timeOptionContainer ul.c-ordermethod__timeList li,.c-ordermethod__time-inner ul.c-ordermethod__timeList li {
    text-align: left;
    border: 1px solid #ccc;
    margin: .33em 0;
    padding: 10px;
}

.c-ordermethod__timeOptionContainer input[type=radio]:not(old),.c-ordermethod__time-inner input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    height: 2em;
    position: absolute;
}

.c-ordermethod__timeOptionContainer input[type=radio]:not(old)+label,.c-ordermethod__time-inner input[type=radio]:not(old)+label {
    display: inline;
    line-height: 1.5em;
}

.c-ordermethod__timeOptionContainer input[type=radio]:not(old)+label>span,.c-ordermethod__time-inner input[type=radio]:not(old)+label>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 2em;
    height: 2em;
    margin: .25em .5em .25em .25em;
    border: .0625em solid #c0c0c0;
    border-radius: 50%;
    background: #fff;
    align-items: center;
}

@media(max-width: 320px) {
    .c-ordermethod__timeOptionContainer input[type=radio]:not(old)+label>span,.c-ordermethod__time-inner input[type=radio]:not(old)+label>span {
        height:20px;
        width: 20px;
    }
}

.c-ordermethod__timeOptionContainer input[type=radio]:not(old):checked+label>span::before,.c-ordermethod__time-inner input[type=radio]:not(old):checked+label>span::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: #1598d5;
    border-radius: 40px;
    line-height: 1em;
    text-align: center;
    margin: 0 auto;
}

@media(max-width: 320px) {
    .c-ordermethod__timeOptionContainer input[type=radio]:not(old):checked+label>span::before,.c-ordermethod__time-inner input[type=radio]:not(old):checked+label>span::before {
        height:18px;
        width: 19px;
        font-size: 17px;
        padding-top: 0;
    }
}

.c-ordermethod__timeOptionContainer input[type=radio]:not(old):focus+label>span:before,.c-ordermethod__time-inner input[type=radio]:not(old):focus+label>span:before {
    outline: #3b99fc auto 5px;
}

.c-ordermethod__timeList input.label {
    text-transform: uppercase;
    font-weight: 700;
}

.c-ordermethod__timeList .c-ordermethod-timemessage {
    color: #0071b9;
    margin: 0;
    padding: 0;
    font-weight: 600;
    display: block;
}

.c-ordermethod__timeList .c-ordermethod-timemessage span {
    text-transform: none;
}

.c-ordermethod__timeList .c-timemessage__secondary {
    font-size: .875em;
}

.c-ordermethod__timeList .c-ordermethod__date label {
    display: block;
    font-weight: bold;
}

.c-ordermethod__timeList .c-ordermethod__date select,.c-ordermethod__timeList .c-ordermethod__date input {
    border: 0;
    border-bottom: 1px solid #ccc;
    margin-top: 7px;
    height: initial;
    color: #979797;
}

.c-ordermethod__timeList .c-ordermethod__date select {
    margin-top: 9px;
    background: url(/images/ihop-icons/select-arrow--ocean-blue.svg) no-repeat 100% 50%;
    width: 100%;
}

.c-ordermethod__timeList .c-ordermethod__date .c-ordermethod__datePicker {
    width: 100%;
}

.c-ordermethod__timeList .c-ordermethod__date .ordermethod__dateDisplay {
    width: 100%;
}

.c-ordermethod__timeList .c-ordermethod__date .select-wrapper:before {
    background: none;
    display: none;
}

.c-ordermethod__timeList .c-ordermethod__date .date-wrapper {
    position: relative;
}

.c-ordermethod__timeList .c-ordermethod__date .date-wrapper>i {
    position: absolute;
    right: 0;
    top: 5px;
    color: #979797;
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .c-ordermethod__timeList .c-ordermethod__date select {
        margin-top: 7px;
    }
}

a.c-ordermethod__saveLink {
    margin-top: 15px;
    float: none;
    text-shadow: none;
    color: #fff;
    text-transform: uppercase;
}

@media(max-width: 768px) {
    a.c-ordermethod__saveLink {
        width:100%;
    }
}

.c-ordermethod__restaurantMap {
    height: 150px;
}

@media(min-width: 768px) {
    .c-ordermethod__restaurantMap {
        height:150px;
    }
}

.c-vehicleinfo {
    display: none;
    padding-top: 1em;
}

.c-vehicleinfo .c-vehicleinfo_Title {
    text-transform: uppercase;
}

.c-vehicleinfo .c-fieldgroup .c-fieldgroup__label {
    color: #000;
    font-size: small;
}

.c-vehicleinfo--show {
    display: block;
}

.c-deliveryinfo {
    display: none;
}

.c-deliveryinfo p {
    font-size: 1rem;
}

.c-deliveryinfo .confirmation-modal {
    display: none;
}

.c-deliveryinfo .confirmation-modal.show {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 9999;
    padding: 30px;
}

.c-deliveryinfo .confirmation-modal .confirmation__messageContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c-deliveryinfo .confirmation-modal .confirm--remove {
    color: #000;
    margin-left: 1em;
}

.c-deliveryinfo .c-deliveryinfo__sectionTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.c-deliveryinfo .c-deliveryinfo__readstreet {
    padding-right: 5px;
}

.c-deliveryinfo .c-deliveryinfo__main-address,.c-deliveryinfo .c-deliveryinfo__readcityzip {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.c-deliveryinfo .c-deliveryinfo__main-address .c-deliveryinfo__readstate,.c-deliveryinfo .c-deliveryinfo__readcityzip .c-deliveryinfo__readstate {
    padding-right: 2px;
}

.c-deliveryinfo .c-deliveryinfo__savedAddresses--hide {
    display: none;
}

.c-deliveryinfo .c-deliveryinfo__inputfields--savedaddress .c-deliveryinfo__field {
    display: none;
}

.c-deliveryinfo .c-deliveryinfo__inputfields--savedaddress .c-deliveryinfo__actions {
    display: block;
}

.c-deliveryinfo .c-deliveryinfo__sectionTitle a {
    color: #0071b9;
    text-decoration: none;
    font-weight: 600;
}

.c-deliveryinfo .c-fieldgroup .c-fieldgroup__label {
    color: #000;
    font-size: small;
}

.c-deliveryinfo .location-icon,.c-deliveryinfo .location-mark {
    justify-content: center;
    align-items: center;
    align-content: center;
}

.c-deliveryinfo .location-icon .o-icon,.c-deliveryinfo .location-mark .o-icon {
    width: 23px;
    background-size: 25px;
    background-repeat: no-repeat;
}

.c-deliveryinfo input,.c-deliveryinfo textarea {
    border: 1px solid #ccc;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
}

.c-deliveryinfo input[type=radio]+label {
    margin-right: 20px;
    line-height: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .0625em solid #c0c0c0;
    border-radius: 50%;
}

@media(max-width: 320px) {
    .c-deliveryinfo input[type=radio]+label {
        margin-right:12px;
    }
}

.c-deliveryinfo input[type=radio] {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    height: 2em;
    position: absolute;
}

.c-deliveryinfo input[type=radio]+label>span {
    border: 0;
    width: 26px;
    height: 26px;
}

.c-deliveryinfo input[type=radio]:checked+label>span::before {
    content: "";
    font-family: "FontAwesome";
    display: inline;
    color: #1598d5;
    font-size: 33px;
    width: 32px;
    height: 32px;
    background-color: #fff;
    margin-left: -5px;
}

@media(max-width: 420px) {
    .c-deliveryinfo input[type=radio]:checked+label>span::before {
        padding-top:0;
    }
}

@media(max-width: 320px) {
    .c-deliveryinfo input[type=radio]:checked+label>span::before {
        font-size:1.9625rem;
        margin-left: -3px;
    }
}

.c-deliveryinfo--show {
    display: block;
}

.c-deliveryinfo__section--hide,.c-ordermethod__nondelivery--hide {
    display: none;
}

.delivery_actions__delete {
    color: #0071b9;
    font-size: 1.8em;
}

.c-deliveryinfo__change a {
    text-transform: uppercase;
}

.c-deliveryinfo__savedAddresses {
    border-top: 1px solid #ccc;
}

.c-deliveryinfo__savedAddresses .h2 {
    padding: 20px 0;
}

.c-deliveryinfo__savedAddresses .line {
    display: flex;
    justify-content: center;
    margin: 20px;
}

.c-deliveryinfo__savedAddresses .c-deliveryinfo_savedaddressinfo {
    color: #0071b9;
    margin-left: 35px;
}

.c-deliveryinfo__savedAddresses .c-deliveryinfo__addresses {
    list-style: none;
    padding: 0;
}

.c-deliveryinfo__savedAddresses .c-deliveryinfo__addresses .c-deliveryinfo__addressinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 20px 0;
}

.c-deliveryinfo__savedAddresses .c-deliveryinfo__addresses .c-deliveryinfo__addressinfo input[type='radio'] {
    margin-right: 0;
    position: relative;
    left: 30px;
}

.c-ordermethod__typeList .c-ordermethod__type {
    background-color: #fff;
}

.c-ordermethod__typeList .c-ordermethod__type a,.c-ordermethod__typeList .c-ordermethod__type a:link {
    color: #0071b9;
}

.c-ordermethod__typeList .c-ordermethod__type.active {
    background-color: #0071b9;
}

.c-ordermethod__typeList .c-ordermethod__type.active a,.c-ordermethod__typeList .c-ordermethod__type.active a:link {
    color: #fff;
}

.c-ordermethod__typeList .c-ordermethod__type .c-ordermethod__typeTitle {
    text-transform: none;
}

.c-ordermethod__wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

@media(min-width: 1200px) {
    .c-ordermethod__wrapper {
        background-color:#6e6e6e;
    }

    .c-ordermethod {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
    }

    .c-ordermethod .c-ordermethod-main {
        margin: 40px auto;
        width: 730px;
        padding-bottom: 15px;
        display: flex;
        flex-direction: column;
    }

    .c-ordermethod-main,.c-ordermethod__itemOverview {
        background-color: #fff;
    }

    .c-ordermethod__typeList,.c-ordermethod__typeContainer,.c-deliveryinfo,.c-ordermethod__nondelivery {
        width: 50%;
    }

    .c-ordermethod__typeContainer {
        width: 100%;
        height: auto;
    }

    .c-ordermethod__typeContainer .h2 {
        color: #0071b9;
        font-size: 28px;
        font-weight: normal;
    }

    .c-ordermethod__typeList,.c-deliveryinfo,.c-ordermethod__nondelivery {
        width: 100%;
    }
}

.c-ordermethod-optionlist {
    list-style: none;
    padding: 0;
    margin: 21px 0 0;
}

.c-ordermethod-optionlist li {
    border: 1px solid #cccdcf;
    margin-bottom: 12px;
}

.c-ordermethod-optionlist li:last-child {
    margin-bottom: 0;
}

.c-ordermethod-option {
    display: block;
    padding: 15px 20px 18px;
}

.c-ordermethod-option-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-ordermethod-optionlist li:nth-child(1) img {
    width: 85px;
}

.c-ordermethod-optionlist li:nth-child(2) img {
    width: 121px;
}

.c-ordermethod-optionlist li:nth-child(3) img {
    width: 115px;
}

.c-ordermethod-optionlist li:nth-child(3) a {
    padding: 24px 20px;
}

.c-ordermethod-option-box .fa-angle-right {
    font-size: 22px;
    color: #55565a;
}

.c-ordermethod-option-detail {
    flex: 0 0 90%;
}

.c-ordermethod-option-detail .h5 {
    color: #0071b9;
    font-size: 16px;
    line-height: 24px;
}

.c-ordermethod-option-detail .h5:first-letter {
    text-transform: capitalize;
}

.c-ordermethod-option-detail p {
    margin: 3px 0 0;
    color: #55565a;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
}

.c-ordermethod-thirdparty-delivery {
    margin: 46px 0 36px;
}

.c-ordermethod-thirdparty-delivery h4 {
    font-size: 19px;
    line-height: 23px;
}

.c-ordermethod-thirdparty-delivery .c-ordermethod-option {
    padding: 24px 20px;
}

.c-ordermethod-optionlist {
    list-style: none;
    padding: 0;
    margin: 21px 0 0;
}

.c-ordermethod-optionlist li {
    border: 1px solid #cccdcf;
    margin-bottom: 12px;
}

.c-ordermethod-optionlist li:last-child {
    margin-bottom: 0;
}

.c-ordermethod-option {
    display: block;
    padding: 15px 20px 18px;
}

.c-ordermethod-option-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-ordermethod-optionlist li img {
    width: 120px;
}

.c-ordermethod-optionlist li:nth-child(1) img {
    width: 85px;
}

.c-ordermethod-optionlist li:nth-child(2) img {
    width: 121px;
}

.c-ordermethod-optionlist li:nth-child(3) img {
    width: 115px;
}

.c-ordermethod-optionlist li:nth-child(3) a {
    padding: 24px 20px;
}

.c-ordermethod-option-box .fa-angle-right {
    font-size: 22px;
    color: #55565a;
}

.c-ordermethod-option-detail {
    flex: 0 0 90%;
}

.c-ordermethod-option-detail .h5 {
    color: #0071b9;
    font-size: 16px;
    line-height: 24px;
}

.c-ordermethod-option-detail .h5:first-letter {
    text-transform: capitalize;
}

.c-ordermethod-option-detail p {
    margin: 3px 0 0;
    color: #55565a;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
}

.c-ordermethod-thirdparty-delivery {
    margin: 46px 0 36px;
}

.c-ordermethod-thirdparty-delivery h4 {
    font-size: 19px;
    line-height: 23px;
}

.c-ordermethod-thirdparty-delivery .c-ordermethod-option {
    padding: 24px 20px;
}

.c-deliveryinfo__savedAddresses .c-deliveryinfo__addresses .c-deliveryinfo__addressinfo.flow4Address {
    border-top: none;
    color: #0071b9;
    padding-top: 0 !important;
}

.c-deliveryinfo__savedAddresses.no-border {
    border-top: none;
}

.c-deliveryinfo__change a {
    color: #fff;
    display: block;
    padding: 15px 10px 14px;
    background-color: #0070b9;
    font-size: 15px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
}

.c-deliveryinfo_savedaddressinfo {
    margin-left: 0 !important;
}

.c-ordermethod-nodelivery-message {
    margin: 32px 0 30px;
}

.c-ordermethod-nodelivery-message p {
    margin: 7px 0 0;
    color: #55565a;
    line-height: 20px;
}

.c-ordermethod-nodelivery-message .h3 {
    font-size: 24px;
    line-height: 28px;
}

.c-ordermethod-nodelivery-options h4 {
    font-size: 19px;
    line-height: 23px;
}

.c-ordermethod__restaurantContainer .c-ordermethod__heading {
    font-size: 19px;
    line-height: 23px;
}

.c-ordermethod__restaurantContainer .c-ordermethod__restaurant {
    display: flex;
    background-color: #fefefe;
    border: 1px solid #dcddde;
    margin-top: 16.5px;
    padding: 20.5px 31.5px;
    justify-content: space-between;
    align-items: center;
}

.c-ordermethod__restaurantInfo div {
    text-transform: capitalize;
    color: #55565a;
}

.c-ordermethod-restaurantName {
    color: #0071b9;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
}

.c-ordermethod__restaurantChange {
    color: #0071b9;
    background-color: #fff;
    border: none;
    cursor: pointer;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    text-transform: uppercase;
    font-weight: bold;
}

.footer-sec {
    background-color: #c3332b;
    display: block;
    width: 100%;
    padding: 45px 0 20px;
    color: #fff;
}

@media(min-width: 768px) and (max-width:1024px) {
    .footer-sec {
        padding:30px 0 200px;
    }
}

@media(max-width: 767px) {
    .footer-sec {
        padding:30px 0 180px;
    }
}

.footer-sec ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-sec ul li a {
    color: #fff;
}

.footer-sec ul li a:hover {
    text-decoration: none;
    color: #fff;
}

.footer-sec .big-links li {
    margin-bottom: 25px;
}

.footer-sec .big-links li a {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
}

.footer-sec .big-links li a:focus {
    outline: 1px solid #ccc !important;
}

@media(min-width: 768px) and (max-width:991px) {
    .footer-sec .big-links li a {
        font-size:20px;
        line-height: 24px;
    }
}

.footer-sec .big-links li:last-child {
    margin-bottom: 35px;
}

.footer-sec .small-links li {
    margin-bottom: 5px;
    line-height: 26px;
}

@media (max-width: 767px) {
    .footer-sec .small-links li {
        line-height: 1.5;
    }
}

.footer-sec .small-links li a {
    font-size: 13px;
    line-height: 17px;
    word-wrap: break-word;
    padding: 5px 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .footer-sec .small-links li a {
        font-size: 12px;
        line-height: 17px;
    }
}

.footer-sec .small-links li a:focus {
    outline: 1px solid #ccc !important;
}

.footer-sec .social-sec {
    padding-top: 15px;
    padding-bottom: 35px;
}

@media(max-width: 767px) {
    .footer-sec .social-sec {
        padding-top:35px;
        padding-bottom: 20px;
    }
}

.footer-sec .social-sec h4.social-title,.footer-sec .social-sec .h4.social-title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 12px;
}

.footer-sec .social-sec .app-block a:focus {
    outline: 1px solid #ccc !important;
}

@media(max-width: 767px) {
    .footer-sec .social-sec .app-block {
        margin-bottom:22px;
    }
}

.footer-sec .social-sec .app-block .google-play {
    width: 133px;
    height: 40px;
    margin-right: 12px;
    background: url(https://play.google.com/intl/en_us/badges/images/badge_new.png) no-repeat;
    display: inline-block;
    background-size: contain !important;
}

.footer-sec .social-sec .app-block .app-store {
    width: 120px;
    height: 40px;
    background: url("https://www.ihop.com/-/media/ihop/app-badges/app-store-badge.svg") no-repeat;
    display: inline-block;
    background-size: contain !important;
}

.footer-sec .social-sec .social-icon-block {
    display: inline-block;
    margin-top: 5px;
}

.footer-sec .social-sec .social-icon-block li {
    display: inline-block;
    margin: 0 9px;
}

.footer-sec .social-sec .social-icon-block li:first-child {
    margin-left: 0;
}

.footer-sec .social-sec .social-icon-block li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
}

.footer-sec .social-sec .social-icon-block li a:hover {
    text-decoration: none;
}

.footer-sec .social-sec .social-icon-block li a:focus {
    outline: 1px solid #ccc !important;
}

.footer-sec .social-sec .social-icon-block li a.fa-icon {
    background-color: #fff;
    color: #c3332b;
    position: relative;
    display: block;
    padding: 4px 7px;
}

.footer-sec .footer-bottom-sec {
    padding-top: 12px;
    border-top: 1px solid #fff;
    display: flex;
}

.footer-sec .footer-bottom-sec span:focus {
    outline: 1px solid #ccc !important;
}

@media(max-width: 767px) {
    .footer-sec .footer-bottom-sec {
        flex-direction:column;
        padding-top: 18px;
    }
}

.footer-sec .footer-bottom-sec .footer-bottom-left {
    font-size: 13px;
    line-height: 26px;
    font-weight: 500;
    white-space: nowrap;
}

@media(max-width: 767px) {
    .footer-sec .footer-bottom-sec .footer-bottom-left {
        font-size:13px;
        line-height: 32px;
    }
}

.footer-sec .footer-bottom-sec .footer-bottom-right {
    margin-left: auto;
    padding-left: 30px;
    display: inline-block;
}

@media(max-width: 767px) {
    .footer-sec .footer-bottom-sec .footer-bottom-right {
        padding-left:0;
    }
}

.footer-sec .footer-bottom-sec .footer-bottom-right li {
    display: inline-block;
    padding: 0 20px 0 0;
    line-height: 45px;
    height: 45px;
}

.footer-sec .footer-bottom-sec .footer-bottom-right li:last-child {
    padding-right: 0;
}

.footer-sec .footer-bottom-sec .footer-bottom-right li a {
    font-size: 13px;
    line-height: 26px;
    font-weight: 500;
    padding: 20px 0;
}

.footer-sec .footer-bottom-sec .footer-bottom-right li a:focus {
    outline: 1px solid #ccc !important;
}

@media(max-width: 767px) {
    .footer-sec .footer-bottom-sec .footer-bottom-right li a {
        font-size:13px;
        line-height: 32px;
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    #section_footer {
        width:100%;
        max-width: 100%;
    }
}

.footer-location {
    display: none;
    position: fixed;
    left: 0;
    bottom: 86px;
    padding: 0 15px;
    background-color: #fff;
    width: 100%;
    z-index: 999;
}

@media(max-width: 767px) {
    .footer-location {
        z-index:99;
        display: block;
    }
}

@media(max-width: 1024px) {
    .footer-location {
        display:block;
    }
}

.location-sec {
    position: relative;
    padding: 10px 0;
}

.location-sec .map-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.location-sec .h5 {
    display: inline-block;
    position: relative;
    left: 30px;
    top: -3px;
    width: calc(100% - 60px);
    line-height: 16px;
    margin: 0;
}

.location-sec .h5 .mini-head {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #3d3d3d;
}

.location-sec .h5 .location-top-head {
    color: #3d3d3d;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
}

.location-sec .h5 .location-top-head i {
    color: #ee252b;
    padding-left: 10px;
}

.location-sec .top-bag {
    position: absolute;
    right: 0;
    color: #0071b9;
    top: 50%;
    transform: translateY(-50%);
}

.location-sec .top-bag i {
    font-size: 28px;
}

.location-sec .ihop2-header-cta-button-container {
    margin-left: 20px;
    position: absolute;
    bottom: 0;
    display: flex;
    right: 0;
}

@media(max-width:1024px) {
    .location-sec .ihop2-header-cta-button-container {
        margin-left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media(min-width: 320px) and (max-width:768px) {
    .xs-ellipsis {
        overflow:hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        padding-right: 20px;
    }
}

.ihop-listing-menucards {
    position: relative;
}

.ihop-listing-menucards .section-header {
    text-align: center;
    padding: 0 !important;
}

.ihop-listing-menucards .section-header .h2 {
    font-family: "CorbenBold",serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    text-transform: capitalize;
    color: #0071b9;
    margin: 0;
}

.ihop-listing-menucards .listing-card-item {
    position: relative;
    outline: none !important;
}

.ihop-listing-menucards .listing-card-item:hover,.ihop-listing-menucards .listing-card-item:focus {
    text-decoration: none;
    outline: none !important;
}

.ihop-listing-menucards .listing-card-item .card-box {
    position: relative;
    align-items: center;
    border: 1px solid #dbd9d6;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
    overflow: hidden;
    height: 100px;
    display: flex;
    flex-direction: row;
}

.ihop-listing-menucards .listing-card-item .card-box img {
    height: auto;
    object-fit: contain;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
}

.ihop-listing-menucards .listing-card-item .card-box .card-descirption {
    padding: 5px 0 5px 25px;
}

.ihop-listing-menucards .listing-card-item .card-box .card-image .img-section {
    padding: 0 0 0 15px;
}

.ihop-listing-menucards .listing-card-item .card-heading {
    font-family: "CorbenBold",serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 1.2;
    text-transform: capitalize;
    color: #0071b9;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    position: relative;
}

.ihop-listing-menucards .listing-card-item a:link {
    text-decoration: none;
}

.ihop-listing-menucards .listing-card-item .btn {
    border: 1px solid #0071b9;
    box-sizing: border-box;
    border-radius: 45px;
    margin: 20px 0;
}

.ihop-listing-menucards .listing-card-item .btn a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    color: #0071b9;
    padding: 20px 20px;
}

.ihop-listing-menucards .listing-card-item .cta:hover {
    background: #e3121a;
    border: none;
    color: #fff;
    color: #fff;
}

@media(min-width: 280px) and (max-width:767px) {
    .ihop-listing-menucards .listing-card-item .card-heading {
        font-size:14px;
        -webkit-line-clamp: 4;
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    .ihop-listing-menucards .listing-card-item .card-heading {
        font-size:11px;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}

@media(min-width: 1025px) and (max-width:1200px) {
    .ihop-listing-menucards .listing-card-item .card-heading {
        font-size:16px;
        line-height: 1.4;
    }
}

@media(max-width: 980px) {
    .featured-menu-cards .section-header .h2 {
        font-size:26px;
        line-height: 31px;
        color: #0071d9;
    }

    .featured-menu-cards .card-heading {
        font-weight: 900;
        font-size: 18px;
        line-height: 22px;
    }

    .featured-menu-cards .card-box img {
        width: 50%;
    }
}

.ihop-listing-menucards .row .ihop-border {
    border-right: .5px solid #dbd9d6;
}

.ihop-listing-menucards .row .ihop-border:nth-child(3n+3) {
    border-right: none;
}

.ihop-listing-menucards .row .col-12:nth-last-child(-n+3) .card-box {
    margin: 0;
}

.menu-cards-section {
    margin-bottom: 70px;
}

@media(min-width: 280px) and (max-width:767.98px) {
    .full-menu .divider {
        display:none;
    }

    .ihop-listing-menucards .row .col-12:first-child .card-box {
        border-top: 1px solid #dbd9d6 !important;
    }

    .ihop-listing-menucards .row .col-12 {
        border-right: none;
    }

    .ihop-listing-menucards .listing-card-item .card-box {
        margin: 0;
        border-radius: 0;
        border-bottom: 1px solid #dbd9d6;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        height: auto;
    }

    .ihop-listing-menucards .section-header .h2 {
        text-align: center;
    }
}

.section-header {
    margin: 30px 0 30px;
    padding: 0 !important;
}

.section-header h1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    color: #0071b9;
    text-align: left;
}

.section-header h1 span {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
    align-items: center;
    float: right;
    color: #0071b9;
    cursor: pointer;
}

.section-header h1 span a {
    color: #0071b9;
    cursor: pointer;
}

.section-header .divider {
    border: .5px solid #0071b9;
}

.img-section {
    position: relative;
}

.row.equal-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.equal-cols:before,.row.equal-cols:after {
    display: block;
}

.row.equal-cols>[class*='col-'] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.row.equal-cols>[class*='col-']>* {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.c-careers .h2 {
    color: #0071b9;
    font-size: 100%;
    font-weight: 100;
    margin-bottom: 5px;
}

@media(min-width: 768px) {
    .c-careers .h2 {
        font-size:1.5em;
        margin-bottom: 35px;
    }
}

.c-careers__image {
    float: right;
    margin-left: 10px;
    margin-top: 15px;
}

@media(min-width: 768px) {
    .c-careers__image {
        margin-left:20px;
        margin-top: 0;
    }
}

.c-careers__bold-name {
    font-weight: bold;
}

.c-careers__vision {
    text-align: center;
    padding-bottom: 1em;
}

.c-careers__cta {
    background-color: transparent;
    color: #fff;
    position: relative;
}

.c-careers__cta h1 {
    font-weight: normal;
    text-align: center;
    font-size: 170%;
    margin: 0 auto 20px 0;
}

@media(max-width: 768px) {
    .c-careers__cta h1 {
        font-size:100%;
    }
}

.c-careers__cta-button-row {
    text-align: center;
    padding-bottom: 15px;
}

.c-careers__cta-button-row .c-button--colored {
    width: 100%;
    color: #fff;
    background: #0071b9;
    font-weight: bold;
}

@media(min-width: 320px) {
    .c-careers__cta-button-row .c-button--colored {
        width:auto;
    }
}

.c-careers__cta-button-row a {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 10px;
}

@media(min-width: 768px) {
    .c-careers__cta-button-row a {
        font-size:16px;
        margin: 0 5px;
    }
}

@media(min-width: 768px) {
    .c-careers__cta-button-row {
        padding-bottom:40px;
    }
}

.c-careers__description {
    margin-top: 10px;
    margin-left: 10px;
}

.c-careers__values .inner {
    display: flex;
    border: solid 1px #ececec;
    padding: 10px;
    margin: 0;
}

.c-careers__values .h3 {
    color: #0071b9;
}

@media(min-width: 768px) {
    .c-careers__values {
        margin-bottom:12px;
    }
}

@media(min-width: 768px) {
    .c-careers__vision {
        text-align:center;
    }
}

.c-hero.hero-mid-careers {
    height: auto;
    background-color: #d51c22;
    padding: 10px;
}

.c-hero.hero-careers-header .c-hero__bg-container-overlay .c-hero__title {
    font-size: 85px;
    padding: 0 0 79px 0;
}

@media(max-width: 768px) {
    .c-hero.hero-careers-header .c-hero__bg-container-overlay .c-hero__title {
        font-size:52px;
        padding: 0 0 40px 0;
    }
}

.c-hero.hero-careers-header .c-hero__bg-container-overlay {
    background-image: url("https://www.ihop.com/-/media/ihop/images/icons/careers_star_03.png");
    background-repeat: no-repeat;
    background-position-y: 69%;
    background-position-x: -3px;
}

@media(max-width: 1200px) {
    .c-hero.hero-careers-header .c-hero__bg-container-overlay {
        background-position-y:62%;
    }
}

@media(max-width: 992px) {
    .c-hero.hero-careers-header .c-hero__bg-container-overlay {
        background-position-y:39%;
    }
}

@media(max-width: 768px) {
    .c-hero.hero-careers-header .c-hero__bg-container-overlay {
        background-position-y:67%;
        background-size: 23px;
    }
}

.c-hero.hero-careers-header .c-hero__title {
    background-image: url("https://www.ihop.com/-/media/ihop/images/icons/careers_star_03.png");
    background-repeat: no-repeat;
    background-position-y: 72%;
    background-position-x: 259px;
}

@media(max-width: 1200px) {
    .c-hero.hero-careers-header .c-hero__title {
        background-position-y:67%;
    }
}

@media(max-width: 992px) {
    .c-hero.hero-careers-header .c-hero__title {
        background-position-y:47%;
    }
}

@media(max-width: 768px) {
    .c-hero.hero-careers-header .c-hero__title {
        background-position-y:70%;
        background-position-x: 164px;
        background-size: 23px;
        min-width: 200px;
    }
}

.c-franchising a {
    color: #707070;
}

.c-franchising .h2,.c-franchising .h3 {
    color: #0071b9;
    font-weight: normal;
}

.c-franchising ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.c-franchising li {
    padding-left: 1em;
    text-indent: -.7em;
}

.c-franchising li::before {
    content: "• ";
    color: #d51c22;
}

.c-franchising__disclaimer {
    font-size: 85%;
    font: "Open Sans",sans-serif;
    margin: 40px 0;
}

.franchise__container {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
}

.franchise__container h4 {
    font-weight: bold;
    margin-top: 1em;
}

.franchise__container ul {
    margin-bottom: 1em;
}

.franchise__container li {
    line-height: 1.5;
    padding-left: 0;
    text-indent: 0;
}

.franchise__container table {
    border-spacing: 2em 0;
    margin: 1em 0;
}

.franchise__container table th {
    text-align: left;
}

.franchise__container table td {
    width: 50%;
    line-height: 1.3;
    padding-right: 5px;
}

.franchise__container iframe {
    width: 100%;
    border: none;
    min-height: 500px;
}

.franchise__container .two-column {
    display: flex;
    flex-direction: column;
}

@media(min-width: 992px) {
    .franchise__container .two-column {
        flex-direction:row;
    }
}

.franchise__container .two-column ul {
    padding: 1em;
}

form.franchise__container fieldset {
    margin: 1em auto;
}

form.franchise__container legend {
    margin-bottom: 0;
}

form.franchise__container legend label {
    font-size: 14px;
}

form.franchise__container .checkbox:after {
    display: none !important;
}

form.franchise__container .g-recaptcha iframe {
    height: 80px !important;
    min-height: 40px !important;
}

form.franchise__container .form-submit-border .btn {
    width: 100%;
    background-color: #d51c22 !important;
    color: #fff !important;
    text-transform: uppercase;
    padding: 10px;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 3em;
}

form.franchise__container .form-submit-border .btn:active,form.franchise__container .form-submit-border .btn:hover {
    background-color: #0171b9 !important;
}

form.franchise__container .field-validation-error.help-block {
    color: #f00 !important;
    font-size: 10px;
}

form.franchise__container .btn-default.disabled,form.franchise__container .btn-default[disabled],form.franchise__container .btn-default.disabled:hover,form.franchise__container .btn-default[disabled]:hover {
    background-color: #d51c22 !important;
    background-color: #d51c22 !important;
}

@media(min-width: 1200px) {
    .article-aside-left .row {
        flex-wrap:nowrap !important;
    }
}

.our-history {
    padding: 0;
}

.our-history .history__intro {
    margin-bottom: 4em;
}

.our-history.o-page-title {
    background-color: #0071b9;
    padding: 20px;
    top: -24px;
    margin-top: 0;
    text-align: center;
    color: #fff;
}

.our-history .timeline {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.our-history .timeline ul {
    padding-left: 0;
}

.our-history .timeline:after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: #d51c22;
    top: 0;
    bottom: 0;
    left: 26px;
}

@media(min-width: 992px) {
    .our-history .timeline:after {
        left:50%;
        top: -1em;
        bottom: -1em;
    }
}

.our-history .timeline .timeline-content {
    padding: 1em;
    position: relative;
}

@media(min-width: 992px) {
    .our-history .timeline .timeline-content {
        display:flex;
    }
}

.our-history .timeline li {
    list-style-type: none;
}

.our-history .timeline li .badge-inner {
    color: #d51c22;
    font-weight: bold;
    margin-bottom: 10px;
}

.our-history .timeline li .unit {
    color: #363636;
    font-size: 14px;
}

.our-history .timeline li.timeline-container {
    padding: 1em 2em;
    position: relative;
    width: 100%;
    background-color: #cef3fd;
    margin-bottom: 1em;
}

@media(min-width: 992px) {
    .our-history .timeline li.timeline-container {
        width:50%;
    }
}

.our-history .timeline li.timeline-container:after {
    content: '';
    position: absolute;
    width: 23px;
    height: 23px;
    left: 1em;
    background-color: #0071b9;
    border: 4px solid #fff;
    top: 40%;
    border-radius: 50%;
    z-index: 1;
}

.our-history .timeline li .image {
    margin-right: 1em;
    margin-bottom: 1em;
}

.our-history .timeline li.left {
    left: 0;
}

@media(min-width: 992px) {
    .our-history .timeline li.left {
        left:30px;
    }
}

@media(min-width: 992px) {
    .our-history .timeline li.left:after {
        right:1em;
        left: auto;
    }
}

.our-history .timeline li.right {
    left: 0%;
}

@media(min-width: 992px) {
    .our-history .timeline li.right {
        left:47.6%;
    }
}

@media(min-width: 992px) {
    .our-history .timeline li.right:after {
        left:1.1em;
    }
}

.our-history .timeline li.right .timeline-content {
    flex-flow: row-reverse;
}

@media(min-width: 992px) {
    .our-history .timeline li.right .image {
        margin-left:20px;
        margin-right: 0;
    }
}

.our-history .m-b-1 {
    background-color: #fff;
    width: 625px;
    margin: 5px 0;
}

.our-history .pull-right {
    margin-left: 50px;
    padding: 2% 9em;
}

.our-history .pull-left {
    margin-right: 50px;
    padding: 2% 3em;
}

.about__container {
    padding: 1em;
}

.about__container h1,.about__container .h2,.about__container h4 {
    color: #0071b9;
}

.about__container .h2 {
    margin-bottom: .5em;
}

.about__container .about-img {
    margin-bottom: 1em;
}

.about__container .bg-dark {
    background: #cef3fd;
    padding: 1em;
    margin-bottom: 1em;
}

.about__container .bg-light {
    background: #e9f8ff;
    padding: 1em;
    margin-bottom: 1em;
}

.search-active {
    display: none;
}

.hide-overflow-for-search {
    overflow-y: scroll;
    position: fixed;
    top: 0 !important;
}

.c-search {
    background-color: rgba(0,113,185,.8);
    height: 100%;
    position: fixed;
    z-index: 200;
    width: 100%;
}

.c-search .off-screen {
    border: 0 none;
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.c-search__spinner-container {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.c-search__spinner {
    color: #fff;
}

.c-search .h2 {
    color: #fff;
    font-size: 100%;
    font-weight: 300;
    margin-bottom: 30px;
}

@media(max-width: 992px) {
    .c-search__logo {
        display:none;
    }
}

@media(min-width: 992px) {
    .c-search__logo {
        position:relative;
        padding-left: 3em;
        top: 25px;
        flex-grow: 0;
    }

    .c-search__logo .c-logo {
        height: 45px;
    }
}

.c-search__logo .c-search__logo--apb {
    display: none;
}

.c-search__header {
    background-color: #0071b9;
    height: 82px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.c-search__initial-state {
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
    padding-top: 50px;
}

.c-search .c-menu-items__search-initial-state .c-popular_item {
    overflow-y: auto;
    padding-bottom: 15px !important;
    max-height: 440px;
}

.c-search .c-menu-items__search-initial-state .c-menu__list {
    min-width: auto;
    display: flex;
    justify-content: space-around;
}

.c-search .c-menu-items__search-initial-state .c-menu__list .c-menu-item__container .c-menu-item__group {
    height: auto;
}

.c-search .c-menu-items__search-initial-state .c-menu__list .c-menu-item__container .c-menu-item__image-container {
    width: 200px;
}

.c-search__popular-searches {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c-search__popular-searches span {
    background-color: #f0f0f0;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 5px 20px;
    margin-bottom: 10px;
    cursor: pointer;
}

.c-search__popular-searches span .o-icon--search {
    margin: 0 0 0 20px;
    bottom: auto;
    position: static;
}

.c-search__popular-searches .h2 {
    align-self: left;
    margin-left: 10px;
}

@media(min-width: 992px) {
    .c-search__popular-searches {
        align-items:flex-start;
        width: 45%;
    }
}

.c-search__popular-items {
    display: none;
    flex-basis: 50%;
    width: 50%;
}

.c-search__popular-items .c-menu-item__actions {
    border: none;
}

@media(min-width: 992px) {
    .c-search__popular-items {
        display:inline-block;
    }
}

.c-search__no-results {
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 50px;
    text-align: center;
}

.c-search__no-results .h2 {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 125%;
}

.c-search__no-results p {
    color: #fff;
}

.c-search__no-results .c-search__popular-searches {
    width: auto;
    margin-top: 40px;
}

.c-search__no-results .c-search__popular-searches span {
    margin: 5px;
}

@media(min-width: 992px) {
    .c-search__no-results .c-search__popular-searches {
        flex-direction:row;
    }
}

@media(min-width: 992px) {
    .c-search__no-results {
        align-items:center;
    }
}

.c-search__menu-categories {
    display: none;
}

.c-search .c-search__results {
    display: block;
    flex-basis: 50%;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 100px;
    margin-bottom: 0;
}

.c-search .o-icon--search {
    bottom: 16px;
    margin: 15px 15px 0;
    position: relative;
}

.c-search .o-icon--search-bar {
    display: none;
}

.c-search .c-search__form {
    margin-bottom: 10px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 25px 1em 0;
    width: 100%;
    flex-grow: 1;
}

@media(min-width: 992px) {
    .c-search .c-search__form {
        padding:20px 2em 0;
    }
}

.c-search .c-search__form form {
    display: flex;
}

.c-search .c-search__form .o-icon--search-white {
    width: 48px;
    height: 35px;
}

.c-search .c-menu-items {
    background-color: #fff;
    padding: 0 0 20px;
    margin: 30px auto 0;
    max-width: 1200px;
    overflow-y: auto;
    max-height: 900px;
    height: 100%;
}

.c-search .c-menu-items .c-menu-item {
    display: inline-block;
    flex-basis: 50%;
}

@media(min-width: 768px) {
    .c-search .c-menu-items .c-menu-item {
        flex-basis:25%;
        max-width: 260px;
    }
}

@media(max-width: 320px) {
    .c-search .c-menu-items .c-menu-item {
        flex-basis:100%;
    }
}

@media(min-width: 1200px) {
    .c-search .c-menu-items .c-menu-item .c-menu-item__image-container {
        min-height:160px;
    }
}

.c-search .c-menu-items .c-menu-item .c-menu-item__group {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

@media(max-width: 768px) {
    .c-search .c-menu-items .c-menu-item .c-menu-item__group {
        height:110px;
    }
}

.c-search .c-menu-items .c-menu-item .c-menu-item__group .c-menu-item__details {
    height: 85px;
}

@media(max-width: 768px) {
    .c-search .c-menu-items .c-menu-item .c-menu-item__group .c-menu-item__details {
        height:auto;
    }
}

.c-search .c-menu-items .c-menu-item .c-menu-item__group .c-menu-item__details .c-menu-item__name {
    min-height: 65px;
}

.c-search .c-menu-items .c-menu-item .c-menu-item__group .c-menu-item__actions {
    justify-content: space-evenly;
}

.c-search .c-menu-items .c-search__title {
    font-size: 85%;
    margin: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media(min-width: 992px) {
    .c-search .c-menu-items {
        height:100%;
        margin: 60px auto 0;
    }
}

.c-search .c-menu__list {
    background-color: #fff;
    padding-bottom: 150px;
    padding-top: 30px;
    max-width: 1200px;
    justify-content: center;
    display: flex;
}

.c-search .search-box,.c-search .search-wrapper {
    padding: 10px;
    position: relative;
}

.c-search .search-wrapper {
    margin: auto;
    margin-top: 50px;
}

.c-search .search-box {
    background-color: transparent;
    border: none;
    color: #fff;
    margin: 0 10px;
    outline: 0;
    width: 100%;
    border-bottom: 2px solid #fff;
    font-weight: lighter;
    font-size: 20px;
}

.c-search .search-box::-ms-clear {
    width: 0;
    height: 0;
}

.c-search .search-box::placeholder {
    color: #fff;
}

.c-search .close-icon {
    background-color: transparent;
    bottom: 13px;
    color: #fff;
    cursor: pointer;
    right: 4px;
    font-size: 32px;
    padding: 0;
}

.c-search .c-search__popular-items .c-menu-item {
    width: 250px;
}

.c-search .c-search__popular-items .c-menu-item .c-menu-item__image-container {
    margin-left: 18px;
}

.c-search .c-search__popular-items .c-menu-item .c-menu-item__details {
    text-align: center;
}

.contact-us__form {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
}

.contact-us__form .container {
    background-color: #ececec;
    border-bottom: 20px solid #ececec;
}

.contact-us__form form {
    background-color: #fff;
}

.contact-us__form form .field-validation-error.help-block {
    color: #f00 !important;
    font-size: 10px;
}

.contact-us__form .contact-us__header {
    padding: 0 3% 3%;
    background-color: #ececec;
}

.contact-us__form .contact-us__header h1 {
    color: #0071b9;
}

.contact-us__form .contact-us__header h1 span {
    font-size: 100%;
}

.contact-us__form .contact-us__subheader {
    background-color: #ececec;
    padding-bottom: 2%;
}

.contact-us__form .contact-us__subheader .contact-us__subheader__inner {
    background-color: #fff;
    margin-left: -15.25px;
    margin-right: -15.25px;
    padding: 2em;
    line-height: 1.3;
}

.contact-us__form .contact-us__subheader .contact-us__subheader__inner span {
    font-size: 125%;
}

.contact-us__form .contact-us__subheader hr {
    width: 26%;
}

.contact-us__form .has-error.has-feedback {
    clear: left;
}

.contact-us__form fieldset {
    padding: 0 2em;
    background-color: #fff;
}

@media(max-width: 768px) {
    .contact-us__form fieldset {
        padding:0;
    }
}

.contact-us__form fieldset .row {
    width: 75%;
}

@media(max-width: 768px) {
    .contact-us__form fieldset .row {
        width:100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.contact-us__form fieldset legend {
    border: none;
    padding: 18px 0 18px;
    margin: 0;
    position: relative;
    font-weight: 600;
    font-size: 125%;
}

@media(max-width: 768px) {
    .contact-us__form fieldset legend {
        padding:14px;
    }
}

.contact-us__form .contact-us__footer,.contact-us__form .form-submit-border {
    padding-bottom: 1.5em;
    margin: 0 3em;
    font-size: smaller;
    line-height: 1.7;
    padding-top: 3em;
}

.contact-us__form label.control-label {
    font-size: xx-small;
    color: #979797;
}

.contact-us__form .show-label label.control-label {
    display: inline-flex;
}

@media(max-width: 768px) {
    .contact-us__form .label-padding {
        padding:0;
    }
}

.contact-us__form .input-group.contact-us__customdropdown:before {
    content: 'V';
    color: #0071b9;
    right: 0;
    top: 35px;
    position: relative;
    float: right;
    pointer-events: none;
    font-size: 1.3em;
    font-weight: 600;
}

.contact-us__form .contact-us__customdropdown_date .input-group-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.contact-us__form .contact-us__customdropdown_date .input-group-wrapper .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1;
    margin: 0 10px 0 0;
}

.contact-us__form .contact-us__customdropdown_date .input-group-wrapper .input-group:last-child {
    margin: 0;
}

.contact-us__form .input-group-addon {
    display: none;
}

.contact-us__form .form-group {
    clear: none;
    margin-bottom: 3px;
}

@media(max-width: 768px) {
    .contact-us__form .form-group {
        padding-right:0;
        padding-left: 0;
    }
}

.contact-us__form .form-group.has-success label,.contact-us__form .form-group.has-success .help-block {
    color: #888;
}

.contact-us__form .form-group.scfCheckboxBorder .checkbox {
    font-size: 100%;
}

@media(max-width: 768px) {
    .contact-us__form .form-group.scfDateSelectorBorder select {
        padding-right:0;
    }
}

.contact-us__form .form-group.scfDateSelectorBorder label {
    color: #979797;
    display: inline-block;
    position: relative;
    top: 5px;
}

.contact-us__form .form-group.scfDateSelectorBorder.has-success label {
    color: #b1a5a2;
}

.contact-us__form .form-group.scfDateSelectorBorder.has-success .form-control {
    border-color: #b1a5a2;
    border-top: #fff;
    border-right: #fff;
    border-left: #fff;
}

.contact-us__form .form-group.scfDateSelectorBorder.has-success .input-group-addon {
    color: #0061af;
    border-color: #0061af;
    background-color: #0096a9;
}

.contact-us__form .form-group.contact-us__customdropdown.date:before {
    content: none;
}

.contact-us__form .form-group.contact-us__customdropdown:before,.contact-us__form .form-group.contact-us__customdropdown .input-group:before {
    content: '';
    font-family: 'FontAwesome';
    color: #0071b9;
    right: 0;
    top: 30px;
    position: relative;
    float: right;
    pointer-events: none;
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: -30px;
    z-index: 15;
}

.contact-us__form .form-group.contact-us__customdropdown.show-label:before,.contact-us__form .form-group.contact-us__customdropdown.show-label .input-group:before {
    top: 35px;
}

.contact-us__form .form-group.contact-us__customdropdown:focus {
    border: 1px solid #777 !important;
    padding: 5px;
}

.contact-us__form .form-group select::-ms-expand {
    display: none;
}

.contact-us__form .form-group.contact-us__clear-row {
    padding-bottom: -.5%;
    clear: both;
    float: none;
}

.contact-us__form .form-group select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    color: #707070;
    padding: 6px 12px !important;
    padding-right: 0 !important;
}

.contact-us__form .has-feedback .form-control {
    padding-right: 0;
}

.contact-us__form .comments-box textarea {
    height: 115px;
}

@media(max-width: 768px) {
    .contact-us__form .help-block {
        margin-top:20px;
    }
}

.contact-us__form input.form-control,.contact-us__form select.form-control,.contact-us__form textarea.form-control {
    border: 1px solid rgba(255,255,255,.15);
    border-top-color: none;
    border-right-color: none;
    border-left-color: none;
    border-radius: 0;
    box-shadow: none;
    _webkit-box-shadow: none;
    _webkit-transition: none;
    transition: none;
    border-bottom: 1px solid #777;
}

.contact-us__form input.form-control:focus,.contact-us__form select.form-control:focus,.contact-us__form textarea.form-control:focus {
    border-color: rgba(255,255,255,.15);
    box-shadow: none;
    border-bottom: 1px solid #777;
}

.contact-us__form input.form-control::placeholder,.contact-us__form select.form-control::placeholder,.contact-us__form textarea.form-control::placeholder {
    color: #707070;
}

.contact-us__form select.form-control:focus {
    border-left-color: none;
    border-left: 0;
}

.contact-us__form .btn-default {
    background-color: #0071b9;
    min-width: 200px;
    padding: 1em;
    color: #fff;
    text-transform: capitalize;
}

.required-field .control-label:before,.required-field .checkbox:after {
    color: none;
    content: none !important;
}

.account {
    color: #746561;
}

.account .account-container {
    background-color: #f6f6f6;
    max-width: 787px;
    margin: 0 auto;
}

.account.bg-lightgray {
    background-color: #ececec;
}

.account h1 {
    font-size: 1.1rem;
}

.account .h2,.account h4 {
    line-height: 1.2;
}

.account .h2 {
    font-size: 1.2rem;
    margin: .3em 0;
}

.account .h2.p {
    font-size: 1rem;
    font-weight: normal;
}

.account .h3 {
    font-size: 1.15rem;
    padding: 0;
}

.account p,.account label {
    font-size: 1rem;
    line-height: 1.5;
}

.account span.dropDownLabel {
    font-size: 1rem;
    line-height: 1.5;
}

.account a,.account a:visited,.account a:active {
    color: #0061af;
    text-decoration: none;
}

.account a.btn-default,.account a:visited.btn-default,.account a:active.btn-default {
    background-color: #fff;
    border: 2px solid #b1a5a2;
    color: #b1a5a2;
}

.account a.btn-grey,.account a:visited.btn-grey,.account a:active.btn-grey {
    color: #fff;
    background-color: #ddd;
}

.account a a:hover,.account a:visited a:hover,.account a:active a:hover {
    color: #23527c;
}

.account a a:hover.btn,.account a:visited a:hover.btn,.account a:active a:hover.btn {
    color: #fff;
}

.account .btn,.account .button {
    color: #fff;
    cursor: pointer;
    border: none;
    font-weight: 700;
    color: #fff;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    margin: 20px 0;
}

@media(max-width: 992px) {
    .account {
        padding-top:1em;
    }

    .account .account-container {
        padding-left: 0;
        padding-right: 0;
        min-width: 250px;
    }
}

.account #acc__send-future-email span {
    cursor: pointer;
}

.account .mdl-textfield {
    width: 100%;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
    display: flex;
    flex-flow: column-reverse;
}

.account .mdl-textfield .mdl-textfield__input {
    border: none;
    border-bottom: 2px #6e6e6e solid;
    background: none;
}

.account .mdl-textfield .mdl-textfield__label {
    color: #6e6e6e;
    padding-left: 12px;
    font-size: .875rem;
}

.account .mdl-textfield .mdl-textfield.is-invalid .mdl-textfield__input {
    background-color: rgba(213,0,0,.32);
}

.account .mdl-textfield__error_validation {
    color: #d50000;
    position: inherit;
    font-size: 14px;
    margin-top: 3px;
    visibility: visible !important;
    display: block;
}

.account .acc_row {
    background-color: #f6f6f6;
    padding: 1em 1em;
}

.account .acc_row h1 {
    padding: 2em 0 0;
}

@media(max-width: 480px) {
    .account .acc_row h1 {
        padding:1em 0;
    }
}

.account .acc_row.social {
    height: 90px;
}

.account .acc_row.bottom {
    margin-bottom: 10px;
}

.account .form-check {
    padding: 0 0 .5em;
}

.account .form-check.acc-checkbox span {
    margin-right: 10px;
    float: left;
}

.account .form-check.acc-checkbox label {
    float: left;
    width: 80%;
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
}

.account .acc-checkoutgate-row {
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 2%;
    padding: 3%;
}

.account .acc-password__link {
    padding: 0 0 2em 0;
    color: #0061af;
    font-size: 75%;
    font-weight: 600;
}

.account .line {
    margin: 1em 0 1em;
    background-repeat: repeat-x;
    background-position: 1px;
    text-align: center;
    background-image: url("/images/register_line-bk-ihop.png");
}

.account .line strong {
    background-color: #f6f6f6;
    padding: 2%;
}

.account .line.no-background-img {
    background-image: none !important;
    margin: 0 !important;
}

.account .linespan {
    background: #f6f6f6;
    padding: 0 10px;
    font-weight: 700;
}

.account .control-label {
    font-size: 1rem;
    line-height: 3;
    color: #707070;
    font-weight: 700;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
}

.account .acc-subtext {
    font-size: small;
    line-height: 1.5em;
    padding: 20px 0;
}

.account .acc__send-future-email-panel {
    display: none;
}

.account .acc__send-future-email-panel .control-label {
    padding-left: 15px;
}

.account .account-checkbox {
    display: flex;
    padding: 5px 0 2em;
}

.account .account-checkbox label span {
    height: 26px;
    width: 23px;
    vertical-align: text-top;
    border: 1px solid #ccc;
    color: #fff;
    padding: 0 10px;
    border-radius: 4px;
    position: absolute;
    margin-top: 8px;
}

.account .account-checkbox label input {
    display: none;
}

.account .account-checkbox span {
    padding: 15px 20px 0 35px;
    line-height: 1;
    font-size: small;
}

.account input.form-control,.account select.form-control {
    padding-left: 2%;
    height: 40px;
    border: none;
    border-bottom: 2px solid #b1a5a2;
    padding-top: 5px;
    color: #000;
    border-radius: 0;
}

.account input.form-control.has-error,.account input.form-control.has-feedback,.account select.form-control.has-error,.account select.form-control.has-feedback {
    border-color: #a94442 !important;
}

.account .help-block {
    color: #d50000;
    font-size: 10px;
    display: block;
}

.account .help-block .h2 {
    font-size: 1.3rem;
}

.account .help-block a:visited,.account .help-block a:link,.account .help-block a:active,.account .help-block a {
    color: #d50000;
}

.account .has-error input {
    background-color: #fad7d8;
    color: #6e6e6e;
    border-color: #a94442;
}

.account .has-error .mdl-textfield__input {
    border-color: #a94442;
}

.account input:placeholder-shown {
    color: #b1a5a2;
}

.account input::-webkit-input-placeholder {
    color: #b1a5a2;
}

.account input[type="checkbox"] {
    vertical-align: bottom;
    margin: 0;
    position: relative;
}

.account input[type="checkbox"]:checked+span:after {
    content: url(/images/ihop-icons/done.svg);
    display: inline-block;
    position: absolute;
    left: -1px;
    top: -1px;
    height: 26px;
    width: 23px;
    border-radius: 4px;
    background-color: #0061af;
}

.account .acc_btn-group {
    display: flex;
    flex-wrap: wrap;
}

.account .acc_btn-group input {
    float: right;
    width: 48%;
}

.account .acc_btn-group input:first-child {
    margin-right: 3%;
}

@media(max-width: 320px) {
    .account .acc_btn-group input {
        width:100%;
    }
}

.account .btn.red,.account .button.red {
    background-color: #ef4337;
}

.account .btn.blue,.account .button.blue {
    background: #0071b9;
    background: -moz-linear-gradient(top,#0071b9 0%,#0071b9 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#0071b9),color-stop(100%,#0071b9));
    background: -webkit-linear-gradient(top,#0071b9 0%,#0071b9 100%);
    background: -o-linear-gradient(top,#0071b9 0%,#0071b9 100%);
    background: -ms-linear-gradient(top,#0071b9 0%,#0071b9 100%);
    background: linear-gradient(to bottom,#0071b9 0%,#0071b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#000000',GradientType=0);
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    color: #fefefe;
}

.account #personalDetails .btn,.account #personalDetails button {
    text-transform: lowercase;
}

.account #personalDetails fieldset {
    padding-left: 0;
    padding-right: 0;
}

.account .nav-tabs .nav-item {
    flex: 1;
    text-align: center;
    background-color: #fefefe;
    margin-right: 5px;
}

.account .nav-tabs .nav-link {
    text-decoration: none;
    color: #707070;
    min-height: 76px;
    flex: 1;
    text-align: center;
    background-color: #fefefe;
    margin-right: 5px;
}

.account .nav-tabs .nav-link.active {
    color: #0071b9;
}

.account .savedpayments__cardexample {
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    height: 120px;
    border-radius: 10px;
    max-width: 200px;
    margin: 4% auto 0 auto;
}

.account .savedpayments__cardexample img {
    width: 130px;
    margin: 5% auto;
}

.account .savedpayments__cardexample .col-sm-6 {
    font-weight: 700;
}

.account .savedpayments__info {
    max-width: 200px;
    margin: 0 auto;
}

.account .savedpayments__info span:nth-child(2) {
    text-align: right;
}

.account .savedpayments__info ul {
    list-style: none;
    width: 100%;
    display: inline-block;
    font-size: 95%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.account .savedpayments__info ul li {
    display: inline-block;
}

.account .savedpayments__info ul li+li::before {
    content: '|';
    padding-right: 3px;
}

.account .savedpayments__cardinfo {
    max-width: 200px;
    margin: .5em auto;
    font-size: smaller;
}

.account .savedinfo_card-update {
    min-height: 55px;
    position: relative;
    padding-bottom: 1em;
    border-bottom: 1px solid #ccc;
}

.account .savedinfo_card-update .savedVehicles__name {
    font-weight: 700;
    font-size: 18px;
}

.account .savedinfo_card-update .savedVehicles__name span {
    font-size: 14px;
}

.account .savedinfo_card-update .col-sm-4,.account .savedinfo_card-update .col-sm-6 {
    text-align: left;
    position: relative;
    padding: 2%;
}

.account #no-saved-cards,.account #no-saved-vehicles {
    height: auto;
    margin: 1em;
    border: 1px dashed #ccc;
    padding: 3em;
    background-color: #fff;
    text-align: center;
}

.account #no-saved-cards h4,.account #no-saved-cards span,.account #no-saved-vehicles h4,.account #no-saved-vehicles span {
    line-height: 1;
    padding-bottom: 15px;
}

.account #no-saved-cards button,.account #no-saved-cards .button,.account #no-saved-vehicles button,.account #no-saved-vehicles .button {
    margin: 8% auto 10% auto;
}

.account #addPaymentCard {
    color: #fefefe;
}

.account #addPaymentCard p {
    font-size: small;
    font-weight: bold;
}

.account #addPaymentCard label {
    width: 130px;
    font-size: 10px;
    font-weight: 500;
    display: inherit;
}

.account #addPaymentCard .addPaymentCard__expiration-date.form-group,.account #addPaymentCard .addPaymentCard__security-code.form-group {
    width: 145px;
    float: left;
}

.account #addPaymentCard .addPaymentCard__expiration-date input,.account #addPaymentCard .addPaymentCard__security-code input {
    width: 135px;
}

.account #addPaymentCard .addPaymentCard__credit-icon {
    height: 50px;
    margin-top: 29px;
    float: left;
}

.account #addPaymentCard .addPaymentCard__credit-icon img {
    height: 100%;
    width: auto;
}

.account #addPaymentCard .button {
    width: 180px;
}

.account #addPaymentCard .button:first-child {
    margin-left: 10px;
}

.account .alert {
    height: 80px;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account .alert.alert-green {
    background: #71da97;
}

.account .modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.account .modal.show {
    opacity: 1;
    visibility: visible;
    top: 5%;
    min-width: 350px;
    padding-right: 0 !important;
}

.account .modal .close {
    right: -8px;
    top: -30px;
    color: #f6f6f6;
}

.account .modal .modal-content {
    background: #fefefe;
    min-height: 368px;
    border-radius: 3px;
    left: 0;
}

.account .modal .modal-body {
    overflow: auto;
    max-height: 395px;
}

.account .modal .modal-header {
    padding-top: 2em;
    text-align: center;
    padding-bottom: 2em;
    text-align: left;
    margin-bottom: 15px;
}

.account .modal .button {
    margin: 3% 0;
}

.account .card-block {
    padding: 1em;
}

.account .button-group {
    margin-top: 2em;
}

.account .account__banner {
    color: #fff;
    background-color: #0061af;
    overflow: auto;
}

.account .account__banner h1 {
    line-height: 2em;
}

.account .account__sign-out {
    float: right;
}

.account .tab-content {
    border-color: #ddd;
    border-width: 0 1px 1px 1px;
    border-style: solid;
}

.account .button--social {
    margin-top: 5px;
    margin-bottom: 5px;
    border: none;
    font-weight: 700;
    color: #fff;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}

@media(max-width: 480px) {
    .account .button--social {
        background-size:20px;
        font-size: 14px;
    }
}

.account .account-registration .account .btn,.account .account-registration .account .button {
    cursor: pointer;
    border: none;
    font-weight: 700;
    color: #fff;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}

.account .account-registration input[type=button] {
    margin: 0;
    width: 100%;
}

.account .account-registration .acc_rowtop h1 {
    font-size: 3em !important;
    font-weight: 700;
    font-family: 'CorbenBold',serif;
    color: #0071b9;
    text-align: center;
    margin-top: 10px;
}

.account .account-registration .headerImageSrc {
    background: url("/images/ihop-icons/ihop-registration-graphic.png") no-repeat;
}

.account .account-registration .registerPassword .passwordValidationIcons {
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
    top: 3px;
    margin-right: 15px;
}

.account .account-registration .registerPassword .passwordValidationIcons:focus,.account .account-registration .registerPassword .passwordValidationIcons.focus-within {
    border-bottom: 1px solid #0061af;
}

.account .account-registration .registerPassword .passwordValidationIcons button:focus {
    outline: 1px solid #0061af !important;
    border-bottom: 1px solid #0061af;
}

.account .account-registration .registerPassword .passwordValidationIcons button {
    background: none;
    border: 0;
}

.account .account-registration .registerPassword .passwordValidationIcons .material-icons {
    color: #707070;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

.account .account-registration .registerPassword #passwordStrength {
    z-index: 10;
    font-size: .875rem;
    padding: 4px;
}

.account .account-registration .registerPassword input.c-pwd-strength-strong {
    background-image: url("/images/password-bk-strong.png");
    background-position: bottom;
    background-repeat: repeat-x;
}

.account .account-registration .registerPassword input.c-pwd-strength-good {
    background-image: url("/images/password-bk-good.png");
    background-position: bottom;
    background-repeat: repeat-x;
}

.account .account-registration .registerPassword input.c-pwd-strength-weak {
    background-image: url("/images/password-bk-weak.png");
    background-position: bottom;
    background-repeat: repeat-x;
}

.account .account-registration .form-group {
    position: relative;
    margin-bottom: 0;
    min-height: 70px;
}

.account .account-registration .form-signin {
    display: inline-block;
    width: 100%;
}

.account .account-registration .input-group {
    width: 100%;
}

.account .account-registration .field-padding {
    padding-bottom: 20px;
}

.account .account-registration .zipCode {
    height: 70px;
    margin: 25px 15px 0;
}

.account .account-registration .zipCode input {
    width: 40%;
}

.account .account-registration .zipCode #Ziplabel.form-control-placeholder {
    padding: 10px 0 0 13px;
}

.account .account-registration label {
    margin-bottom: 0;
}

.account .account-registration #BirthdayMonth-error {
    margin-left: 40px;
}

.account .account-registration select.bdayDrop {
    background-image: linear-gradient(45deg,transparent 50%,#746561 50%),linear-gradient(135deg,#746561 50%,transparent 50%),linear-gradient(to top,lightgray,#f6f6f6);
    background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;
    background-size: 5px 5px,5px 5px,2.5em 2.5em;
    background-repeat: no-repeat;
    border-color: #808080;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid;
    border-radius: 4px;
    padding-left: 7px;
    background-color: #fff;
    height: 35px;
    color: #746561;
}

.account .account-registration .dropdownSelection select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("/images/ihop-icons/select-arrows.png") no-repeat;
    background-position: 100%;
    background-size: 20px 20px;
}

.account .account-registration .dropdownSelection select::-ms-expand,.account .account-registration select.bdayDrop::-ms-expand {
    display: none;
}

.account .account-registration .form-control {
    background-color: #f6f6f6;
    box-shadow: none;
    border-bottom: solid 2px #746561;
    padding-right: 30px;
    border-radius: 0;
    padding-right: 30px;
}

.account .account-registration .form-control:focus:invalid {
    border-bottom: 2px solid #da1c22 !important;
}

.account .account-registration .form-control:focus:valid {
    border-bottom: 2px solid #0069ac !important;
}

.account .account-registration .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 20px 0 0 13px;
    transition: all 200ms;
    opacity: 1;
}

.account .account-registration .form-control:focus~.form-control-placeholder,.account .account-registration .form-control:valid~.form-control-placeholder {
    transform: translate3d(0,-80%,0);
    opacity: 1;
}

.account .account-registration .moreAbout {
    border: 2px solid #d2d4d4;
    padding-top: 0;
    border-radius: .3em;
}

.account .account-registration .moreAbout .moreContent {
    padding: 20px 37px 20px 37px;
    display: inline-block;
}

.account .account-registration .moreAbout span {
    position: absolute;
    top: -10px;
    left: 13px;
    background-color: #f6f6f6;
    width: 90%;
    padding-left: 10px;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-weight: 700;
}

.account .account-registration .usualOrder {
    margin-top: 20px;
}

.account .account-registration .usualOrder label {
    font-weight: 400;
    margin-bottom: 0;
    padding: 5px 0;
}

.account .account-registration .topImage {
    width: 500px;
    height: 200px;
    padding-left: 0;
    margin-left: 100px;
}

.account .account-registration .aboutYouDrop {
    padding-top: 0;
    margin-bottom: 20px;
}

.account .account-registration #MoreAboutYou {
    display: block;
    float: left;
    margin-top: 35px;
    margin-bottom: 30px;
    position: relative;
}

.account .account-registration .imageCenter {
    text-align: center;
}

.account .account-registration .acc__form-group label.hiddenField {
    visibility: hidden;
}

.account .account-registration #errorSummaryOptional {
    margin-top: 0;
    float: left;
    width: 100%;
    font-size: 12px;
    margin-left: 0;
}

.account .account-registration #errorSummary {
    margin-bottom: 0;
    float: left;
    width: 100%;
    font-size: 12px;
}

.account .account-registration #errorSummary>ul,.account .account-registration #errorSummaryOptional>ul {
    margin: 0;
    padding: 0 0 0 16px;
}

.account .account-registration #errorSummary>p,.account .account-registration #errorSummaryOptional>p {
    font-size: 12px;
}

@media(max-width: 767px) {
    .account .account-registration .account .line {
        margin-top:11em;
    }
}

@media(min-width: 995px) {
    .account .account-registration .btn.google-plus-red,.account .account-registration .btn.facebook-blue {
        width:45%;
    }

    .account .account-registration .btn.google-plus-red {
        float: right;
    }
}

@media(max-width: 700px) {
    .account .account-registration .topImage {
        width:75%;
        margin-left: 50px;
    }
}

@media(max-width: 365px) {
    .account .account-registration .btn.facebook-blue,.account .account-registration .btn.google-plus-red {
        background-size:20px;
        font-size: 12px;
    }
}

.account .account-container .form-signin .form-group {
    padding-bottom: 20px;
}

.account .account-container .form-signin .g-recaptcha {
    transform: scale(.92);
    -webkit-transform: scale(.92);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    padding-top: 20px;
}

.account .account-container .form-signin .g-recaptcha iframe {
    height: 80px !important;
    min-height: 40px !important;
}

.account .account__welcome {
    align-items: center;
    background-color: #0069ac;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 2em;
}

.account a.account__header-sign-out {
    line-height: 2em;
    font-weight: normal;
    text-transform: lowercase;
    height: initial;
    color: #fff;
}

.account .order-history .h2,.account .order-history h4,.account .order-history p {
    line-height: initial;
}

.account .order-history>h2 {
    font-size: 1rem;
    padding: 15px 15px 10px;
    background-color: #e5e5e5;
}

.account .order-history>.h3 {
    font-size: 14px;
    padding: 15px 15px 10px;
}

.account .order-history .favorite-history>.h3 {
    font-size: 14px;
    padding: 15px 15px 10px;
}

.account .order-history .favorite-history .empty-content--alternate {
    background-color: #fff;
}

.account .order-history .favorite-history .empty-content--alternate .c-button {
    background-color: transparent;
}

.account .order-history .c-accordion--order-history {
    border: 5px solid #ddd;
    padding: 20px 50px;
}

.account .order-history .c-accordion--order-history>div:first-child .card-header {
    border-top: 0;
}

.account .order-history .c-accordion--order-history .o-icon--select-arrow {
    background-image: url("/images/ihop-icons/select-arrow--ocean-blue.svg");
}

.account .order-history .c-accordion--order-history .card-header {
    border-top: 1px solid #ccc;
}

.account .order-history .c-accordion--order-history .card-header a.collapsed {
    background-color: transparent;
    border: 0;
}

.account .order-history .c-accordion--order-history .card-header a .order-history__location .h3 {
    color: #0071b9;
    font-weight: bold;
}

.account .order-history .c-accordion--order-history .order-history__location-item {
    padding-top: 15px;
}

.account .order-history .c-accordion--order-history .card-block {
    padding: 0;
}

.account .order-history .c-accordion--order-history .collapse.show {
    border: 0;
}

.account .order-history .c-accordion--order-history .order-history__item>h4,.account .order-history .c-accordion--order-history .order-history__item>h5 {
    color: #0071b9;
}

.account .order-history .c-accordion--order-history .order-history__order-details {
    border-top: 2px solid #ccc;
}

.account .order-history .c-accordion--order-history .order-history__order-details a {
    text-transform: none;
}

.account .order-history .c-accordion--order-history .order-history__action {
    display: block;
    text-align: left;
}

.account .order-history .c-accordion--order-history .order-history__action>a {
    margin-top: 10px;
    width: 100%;
}

@media(min-width: 768px) {
    .account .order-history .c-accordion--order-history .order-history__action>a {
        margin-top:0;
        width: 175px;
    }
}

.account .order-history .c-accordion--order-history .order-history__action a {
    text-align: center;
    border-radius: 0;
    background-color: #fff;
}

.account .order-history .c-accordion--order-history .order-history__action .c-button {
    color: #746561;
}

.account .order-history .c-accordion--order-history .order-history__action .c-button.c-button--colored {
    color: #fff;
}

.account .order-history .c-accordion--order-history .order-history__action.order-history__action--show-nickname a:first-of-type {
    color: #fff;
    background-color: #ccc;
}

.account .order-history .c-accordion--order-history .order-history__nickname {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 0;
}

.account .order-history .c-accordion--order-history .order-history__nickname input {
    padding: 5px;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.account .order-history .c-accordion--order-history .order-history__location-details>h5 {
    text-transform: none;
}

.account .order-history .order-history__modal .modal-footer button {
    background-color: #0069ac;
    color: #fff;
    border-radius: 0;
}

.account .order-history .order-history__modal .modal-header {
    padding: 0;
    margin: 0;
    border-bottom: 0;
}

.account .order-history .order-history__modal .modal-header>p {
    padding: 5px 15px 15px;
}

.account .order-history .order-history__modal .order-history__price {
    color: #746561;
}

.account .order-history .order-history__modal .order-history__price.order-history__price--emphasis {
    font-weight: bold;
}

.account .order-history .order-history__modal .order-history__sub-total,.account .order-history .order-history__modal .order-history__total {
    color: #746561;
}

.account .order-history .order-history__modal .order-history__total {
    padding: 30px 15px;
    border-top: 2px solid #707070;
}

.account .order-history .order-history__modal .order-history_price-modifiers .order-history__item h5 {
    color: #746561;
}

.account .order-history .order-history__modal .modal-title {
    text-align: left;
    padding: 20px 15px 0;
}

.account .order-history .order-history__modal .modal-content {
    background-color: #fff;
    border-radius: 0;
    left: 0;
    z-index: 2000;
}

.account .order-history .order-history__modal .order-history__location-details p {
    color: #746561;
}

.account .order-history .empty-content--alternate {
    background-color: #e5e5e5;
}

.account .empty-content--alternate {
    height: auto;
    padding: 4em;
    text-align: center;
}

.account .empty-content--alternate p {
    margin: 10px 0;
}

.account .empty-content--alternate b,.account .empty-content--alternate strong {
    color: #0071b9;
}

.account .empty-content--alternate a.c-button {
    color: #746561;
}

.account .favorite-history__wrapper {
    margin: 15px;
}

.account .favorite-history__wrapper .swiper-button-next.swiper-button-disabled,.account .favorite-history__wrapper .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.account .favorite-history__item {
    width: 215px !important;
    height: 265px !important;
}

.account .favorite-history__item .favorite-history__overlay p {
    color: #fff;
}

.account .favorite-history__item .favorite-history__overlay p:empty {
    display: none;
}

.account .favorite-history__item .favorite-history__overlay--main {
    border-radius: 0;
    padding: 0;
}

.account .favorite-history__item .favorite-history__overlay--main>div {
    padding: 10px;
    flex: none;
    justify-content: flex-end;
}

.account .favorite-history__item .favorite-history__overlay--main>div .h3 {
    text-transform: none;
    font-size: 1.6em;
}

.account .favorite-history__item .favorite-history__overlay--main .favorite-history__price {
    font-weight: normal;
    font-size: 12px;
}

.account .favorite-history__item .favorite-history__overlay--confirm-remove {
    background-color: rgba(176,74,79,.7);
}

.account .favorite-history__item a.favorite-remove-cancel {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    color: #746561;
}

.account .favorite-history__item a.favorite-remove-btn {
    background-color: #ee252b;
    border: 1px solid #ee252b;
    color: #fff;
}

.account .favorite-history__item .favorite-history__remove {
    font-size: 10px;
    text-transform: lowercase;
    margin: 10px;
    margin-bottom: auto;
}

.account .favorite-history__item .favorite-history__remove:before {
    content: '';
    margin-right: 0;
}

.account .favorite-history__item .favorite-history__remove:after {
    content: '×';
    margin-left: 5px;
    font-weight: normal !important;
    background-color: #333;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.account .favorite-history__item a.favorite-history__order-details {
    color: #fff;
    font-weight: normal;
}

.account .favorite-history__item a.favorite-history__order-again {
    border-radius: 0;
    padding: 10px;
}

.account .favorite-history__item a.favorite-history__order-again:link,.account .favorite-history__item a.favorite-history__order-again:visited {
    background-color: #0071b9;
    text-transform: lowercase;
    font-size: 16px;
}

.account .favorite-history__item .favorite-history__no-order-again {
    padding-bottom: 55px;
}

.account .c-createaccount__header {
    margin: 0 auto;
    max-width: 1200px;
    padding: 2em 10px 6em;
}

.account .c-createaccount__header .c-button {
    color: #fff;
}

.account .c-createaccount__header .c-createaccount__message {
    padding: 10px 0;
}

.account .c-createaccount__header .c-createaccount__message.has-error {
    color: #a94442;
}

.account .c-createaccount__header input.form-control {
    padding-left: 15px;
}

.account .manage-account-iframe {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.account .manage-account-iframe iframe {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    border: 0;
}

.account .google-plus-button,.account .facebook-button {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    color: #fefefe;
}

.account #registerEmail:-webkit-autofill+label,.account #loginPassword:-webkit-autofill+label,.account #checkoutGatePassword:-webkit-autofill+label {
    top: 4px;
}

@media(min-width: 1200px) {
    .account .ihop-wrapper .pb-80 {
        margin-bottom:80px !important;
    }
}

.account .subscribeIHOP {
    text-align: center;
    display: none;
}

.account .btnSubscribeN {
    width: 222px;
    text-transform: uppercase;
}

.account .subscribe-note {
    width: 48px;
    float: left;
}

.account .subscribe-note-para {
    width: 80%;
    float: left;
    text-align: left;
}

.account .myhop-communication {
    color: #0071b9;
}

.account .subscribe-button-group {
    margin-top: 13px;
}

.account #myTab {
    clear: both;
}

.account .subscribe-note-para-mobile {
    display: none;
}

.account .subscribe-note-para-desktop {
    display: block;
}

.account .subscribe-note-font {
    font-size: .9rem;
}

@media(max-width: 992px) {
    .account .subscribe-note-para-mobile {
        display:block;
    }

    .account .subscribe-note-para-desktop {
        display: none;
    }
}

.account .order-history__modal .close {
    top: 0 !important;
    color: #000 !important;
    right: 0 !important;
    cursor: pointer;
}

.mdl-textfield input,input,.form-group input,.form-control {
    user-select: initial;
    -ms-user-select: initial;
    -webkit-user-select: initial;
}

@media(max-width: 992px) {
    .o-section.account {
        margin-bottom:0;
    }
}

.c-checkout {
    padding: 0 1em;
}

.c-checkout h1 {
    font-size: 1.5rem;
}

.c-checkout .h2,.c-checkout .h2 {
    font-size: 1.15rem;
    width: 100%;
    font-weight: 600;
}

.c-checkout .c-pin__image {
    display: none;
}

.c-checkout .c-checkout__header {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f6f6;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 2em;
    overflow-x: hidden;
}

.c-checkout .c-checkout__header .h2,.c-checkout .c-checkout__header .h2 {
    color: #0071b9;
    font-weight: lighter;
    margin-left: .5em;
}

.c-checkout .c-ordermethod_orderAction {
    padding-bottom: .5em;
}

.c-checkout .c-ordermethod__restaurantPhone {
    margin-top: 10px;
}

.c-checkout .c-ordermethod__restaurantContainer {
    position: relative;
    padding: 0;
}

.c-checkout .c-ordermethod__restaurantContainer .c-ordermethod__restaurantAction .c-ordermethod__restaurantChange {
    background: #0071b9;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    padding: 1em 2em;
    display: block;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
}

.c-checkout .c-ordermethod__restaurantContainer .c-ordermethod__restaurantAction .c-ordermethod__restaurantChange:focus {
    outline: 1px dotted #000;
}

.c-checkout .c-deliveryinfo-container .c-deliveryinfo__field input {
    background-color: #fff;
}

.c-checkout .c-deliveryinfo-container .c-deliveryinfo__field textarea {
    min-height: 100px;
}

.c-checkout .c-deliveryinfo-container .c-ordermethod__actions {
    padding-bottom: 1.8em;
}

.c-checkout .c-ordermethod__deliveryAddressMap,.c-checkout .c-ordermethod__restaurantMap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 160px;
    overflow-y: hidden;
    position: relative;
}

.c-checkout .c-ordermethod__deliveryAddressMap img,.c-checkout .c-ordermethod__restaurantMap img {
    position: absolute;
    width: 100%;
    margin: auto 0;
    top: -9999px;
    bottom: -9999px;
}

.c-checkout .c-ordermethod__restaurantMapAndInfo {
    padding: 0;
    margin-bottom: 1em;
}

.c-checkout .c-ordermethod__restaurantMapAndInfo .c-ordermethod__heading {
    display: none;
}

.c-checkout .c-ordermethod__restaurantInfo {
    color: #707070;
    font-size: small;
}

.c-checkout .c-ordermethod__restaurantInfo .c-ordermethod-restaurantName {
    color: #0071b9;
    text-transform: uppercase;
    display: block;
    font-weight: 800;
    font-size: .83rem;
}

.c-checkout .c-paymentmethods__itemDetails,.c-checkout .c-fieldgroup__textfield {
    background: #f6f6f6;
}

.c-checkout .c-paymentmethods__itemDetails .c-input__validation,.c-checkout .c-fieldgroup__textfield .c-input__validation {
    background: #fad7d8;
}

.c-checkout .c-paymentmethods__itemDetails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -ms-flex-pack: center;
    background: #f6f6f6;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 1em;
}

.c-checkout .c-paymentmethods__ccfield {
    width: 100%;
}

.c-checkout .c-payment__ccNumber {
    width: 100%;
}

.c-checkout .c-payment__expDate {
    width: 50%;
}

.c-checkout .c-payment__securityCode {
    width: 50%;
}

.c-checkout .c-payment__zipCode {
    width: 30%;
}

.c-checkout .c-paymentmethods__ccSecured img {
    display: none;
}

.c-checkout .c-paymentmethods__creditcard {
    cursor: pointer;
}

.c-checkout .c-paymentmethods__creditcard input[type="radio"]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    height: 2em;
    left: 22px;
    bottom: 10px;
    position: absolute;
    cursor: pointer;
}

.c-checkout .c-paymentmethods__creditcard input[type="radio"]:not(old)+label {
    display: inline;
    line-height: 1.5em;
    width: 2.5em;
}

.c-checkout .c-paymentmethods__creditcard input[type="radio"]:not(old)+label>span {
    display: inline-block;
    width: 2em;
    height: 2em;
    margin: .25em .5em .25em .25em;
    border: .0625em solid #c0c0c0;
    border-radius: 6.25em;
    background: #fff;
    vertical-align: middle;
    cursor: pointer;
}

.c-checkout .c-paymentmethods__creditcard input[type="radio"]:not(old):checked+label>span:before {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: #d51c22;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    -moz-box-shadow: inset 0 0 0 3px #fff;
    box-shadow: inset 0 0 0 3px #fff;
    border: solid 3px #d51c22;
    background: #d51c22;
}

.c-checkout .c-cart-orderItem__modList {
    color: #363636;
    font-size: smaller;
}

.c-checkout .c-ordermethod__typeMessageContainer {
    display: none;
}

.c-checkout .c-ordermethod__type.active {
    background: #0061af;
}

.c-checkout .c-ordermethod__typeHeader {
    display: none;
}

.c-checkout .c-checkout__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

@media(max-width: 992px) {
    .c-checkout .c-checkout__main {
        flex-direction:column;
    }
}

@media(min-width: 992px) {
    .c-checkout .c-checkout__main {
        background:#fff;
    }
}

.c-checkout .c-checkout__main .c-checkout__orderinfo {
    width: 100%;
    padding: 1em;
}

.c-checkout .c-checkout__main .c-checkout__orderconfirmation {
    padding: 1em;
    background: #f6f6f6;
}

@media(max-width: 992px) {
    .c-checkout .c-checkout__main .c-checkout__orderconfirmation {
        width:100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
}

@media(min-width: 992px) {
    .c-checkout .c-checkout__main .c-checkout__orderconfirmation {
        padding-left:20px;
        background: #fff;
    }
}

.c-checkout .c-checkout__main .c-checkout__orderconfirmation .c-checkout__ordertitle {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #e1e1e1;
    margin: 0 -1em;
    padding: 1em;
    font-weight: bold;
    font-size: 1em;
}

.c-checkout .c-checkout__main .c-checkout__orderconfirmation .c-ordermethod__heading a {
    color: #0071b9;
    text-decoration: none;
    margin-top: 0;
    font-size: 16px;
}

.c-checkout .c-ordermethod__nondelivery {
    padding: 0;
}

@media(min-width: 1200px) {
    .c-checkout .c-ordermethod__nondelivery {
        width:100%;
    }
}

.c-checkout .c-ordermethod__timeOptionContainer {
    width: 100%;
    margin-top: 0;
}

.c-checkout .c-ordermethod__timeOptionContainer .h2 {
    display: none;
}

@media(min-width: 992px) {
    .c-checkout .c-ordermethod__timeOptionContainer .c-ordermethod__timeList {
        margin-top:0;
    }
}

.c-checkout .c-ordermethod__timeOptionContainer .c-ordermethod__timeList li {
    padding: 0;
    margin-top: 0;
}

@media(max-width: 992px) {
    .c-checkout .c-ordermethod__timeOptionContainer .c-ordermethod__timeList .c-ordermethod__time {
        padding:.5em;
    }
}

.c-checkout .c-ordermethod__timeOptionContainer .c-ordermethod__timeList .c-ordermethod__time .c-ordermethod__time-inner {
    display: flex;
    flex-flow: row;
    margin-top: 0;
}

@media(min-width: 992px) {
    .c-checkout .c-ordermethod__timeOptionContainer .c-ordermethod__timeList .c-ordermethod__time .c-ordermethod__time-inner {
        padding:.5em;
    }
}

.c-checkout .c-ordermethod__timeOptionContainer .c-ordermethod__timeList .c-ordermethod__time .c-ordermethod__time-inner .c-ordermethod-timemessage {
    width: 100%;
    align-items: flex-start;
    margin-top: 0;
    display: inline-block;
    flex-flow: column;
}

.c-checkout .c-ordermethod__timeOptionContainer .c-ordermethod__timeList .c-ordermethod__time .c-ordermethod__time-inner .c-ordermethod-timemessage .c-timemessage__secondary {
    color: #363636;
    font-weight: normal;
}

.c-checkout .c-ordermethod__timeOptionContainer input[type="radio"]:not(old) {
    cursor: pointer;
    top: 22px;
    left: 13px;
}

.c-checkout .c-ordermethod__timeOptionContainer input[type="radio"]:checked:not(old)+label>span {
    border: 3px solid #707070;
}

.c-checkout .c-ordermethod__timeOptionContainer input[type="radio"]:checked:not(old)+label>span::before {
    content: "";
    height: 26px;
    width: 27px;
    border-radius: 50%;
    background: #1598d5;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    -moz-box-shadow: inset 0 0 0 3px #fff;
    box-shadow: inset 0 0 0 3px #fff;
}

@media(max-width: 320px) {
    .c-checkout .c-ordermethod__timeOptionContainer input[type="radio"]:checked:not(old)+label>span::before {
        height:14px;
        width: 14px;
        -webkit-box-shadow: inset 0 0 0 2px #fff;
        -moz-box-shadow: inset 0 0 0 2px #fff;
        box-shadow: inset 0 0 0 2px #fff;
    }
}

.c-checkout .c-ordermethod__restaurantChange {
    border-radius: 0;
}

.c-checkout .c-ordermethod__restaurant {
    background: #f6f6f6;
    padding: 1em;
    justify-content: space-between;
}

.c-checkout .c-ordermethod__restaurant .c-ordermethod__restaurantAction a {
    padding: 1em 2em;
    background: #0071b9;
}

.c-checkout .c-ordermethod__type {
    color: #707070;
}

.c-checkout .c-ordermethod__type p {
    display: none;
}

.c-checkout .c-paymentmethods__ccTypes {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 1em 0;
    position: relative;
}

.c-checkout .c-paymentmethods__ccTypes .c-paymentmethods__ccType {
    display: flex;
    flex-direction: row;
    padding-right: 5px;
}

.c-checkout .c-paymentmethods__ccTypes .c-paymentmethods__ccType img {
    max-height: 30px;
    border: solid 1px #e1e1e1;
}

.c-checkout .c-orderoptions__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.c-checkout .c-ordermethod__typeContainer {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.c-checkout .c-ordermethod__typeContainer .c-ordermethod__typeList {
    padding: 0;
}

.c-checkout .c-ordermethod__typeContainer .c-ordermethod__carryout {
    display: none;
}

.c-checkout .c-ordermethod__typeContainer .o-icon-carryout,.c-checkout .c-ordermethod__typeContainer .o-icon-delivery {
    display: none;
}

.c-checkout .c-ordermethod__heading {
    padding: 0 0 1em 0;
}

.c-checkout .c-ordermethod__heading label {
    font-size: 1em;
    font-weight: normal;
}

.c-checkout .c-cart-orderItem__itemTotal {
    font-weight: bold;
}

.c-checkout .c-ordertotal__totalvalue {
    font-size: large;
}

.c-checkout .c-checkout__placeorder {
    background: #0071b9;
    font-weight: bold;
    width: 100%;
    color: #fff;
}

.c-checkout .c-checkout__placeorder:focus {
    outline: 1px dotted #000;
}

.c-checkout .c-paymentmethods__itemHeader {
    display: flex;
    justify-content: space-between;
    padding: 2em;
    margin-bottom: .5em;
    background: #fff;
    font-size: .75em;
}

.c-checkout .c-ordertotal__item.c-ordertotal__totalline {
    border-top: solid 1px #707070;
    padding-top: .5em;
    font-size: larger;
}

.c-checkout .c-cart-orderDetails {
    padding: .5em;
}

.c-checkout .c-cart-orderDetails .c-cart-orderItem {
    padding: 1em 0;
    border-bottom: 1px solid #707070;
    background: transparent;
}

.c-checkout .c-cart-orderDetails .c-cart-orderItem .c-cart-orderItem__description {
    width: 80%;
    padding: 0;
}

.c-checkout .c-cart-orderDetails .c-cart-orderItem .c-cart-orderItem__description .c-cart-orderItem__title {
    padding-bottom: .3em;
    color: #0071b9;
    font-size: small;
}

.c-checkout .c-cart-orderDetails .c-cart-orderItem .c-cart-orderItem__itemTotal {
    width: 20%;
    text-align: right;
    font-size: small;
}

.c-checkout .c-cart-promoCode {
    background-color: #f6f6f6 !important;
    padding: .5em !important;
}

.c-checkout .c-cart-promoCode .c-cart-promoCode-details {
    padding: 1em 0;
    border-bottom: 1px solid #707070;
    background: transparent;
}

.c-checkout .c-cart-promoCode .c-cart-promoCode-details .fldPromo {
    width: 72%;
    height: 40px;
    margin-top: 5px;
}

.c-checkout .c-cart-promoCode .c-cart-promoCode-details .btnPromo {
    height: 38px;
    padding: 10px 10px !important;
}

.c-checkout .c-checkout__step .c-checkout__stepTitle {
    border: none;
}

.c-checkout .c-fieldgroup {
    margin: 10px 0;
}

.c-checkout .c-fieldgroup .c-fieldgroup__checkbox {
    margin-right: 10px;
}

.c-checkout .c-fieldgroup .c-fieldgroup__label {
    color: #363636;
    padding-bottom: .5em;
    font-size: small;
}

.c-checkout .c-fieldgroup .c-fieldgroup__textfield {
    height: 2.5em;
    border: none;
    border-bottom: solid 1px #707070;
}

.c-checkout .c-fieldgroup .c-fieldgroup__validation {
    margin-top: .3em;
}

.c-checkout .c-fieldgroup.has-error {
    color: #f00;
}

.c-checkout .rowbase {
    display: flex;
    flex-direction: column;
    align-content: stretch;
}

.c-checkout .columnbase {
    display: inline-flex;
    flex-direction: column;
}

.c-checkout .c-contactinfo {
    clear: both;
}

.c-checkout .c-contactinfo .c-checkout__stepTitle {
    padding-top: 0;
    border-bottom: solid 1px #e1e1e1;
}

.c-checkout .c-contactinfo .c-contactinfo__createaccountFields {
    display: none;
}

.c-checkout .c-contactinfo .c-contactinfo__createaccountFields--show {
    display: block;
}

.c-checkout .c-contactinfo .c-contactinfo__disclosure {
    font-size: .75em;
}

.c-checkout .c-contactinfo .c-accountemail__disclaimer {
    font-weight: normal;
    font-size: .75em;
    text-transform: none;
}

.c-checkout .c-contactinfo .c-contactinfo__OptIns {
    margin-top: 1.5em;
}

.c-checkout .c-contactinfo .c-contactinfo__OptIns .c-checkbox__display-text {
    background: none;
}

.c-checkout .c-contactinfo .c-contactinfo__OptIns .c-checkbox {
    padding: 0;
}

.c-checkout .c-contactinfo .c-contactinfo__OptIns .c-checkbox .c-checkbox__fake-box {
    border-radius: 0;
}

.c-checkout .c-contactinfo .c-fieldgroup input {
    border: none;
    border-bottom: solid 1px #000;
    background: transparent;
}

.c-checkout .c-contactinfo .c-fieldgroup input.c-input__validation {
    background: #f2dede;
}

.c-checkout .c-contactinfo .c-fieldgroup label {
    display: none;
}

.c-checkout .c-ordermethod_pickupMessage {
    display: none;
}

.c-checkout .c-paymentinfo .c-paymentoptions {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}

.c-checkout .c-paymentinfo .c-paymentoptions .c-paymentoptions__item {
    min-width: 115px;
    width: 100%;
    height: 65px;
    justify-content: center;
    padding: 15px 0;
    border: 1px solid #fefefe;
    flex-direction: row;
    align-items: center;
    display: flex;
    cursor: pointer;
    background: #fff;
    color: #707070;
    font-weight: bold;
    text-align: center;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
}

.c-checkout .c-paymentinfo .c-paymentoptions .c-paymentoptions__item.active {
    background: #0071b9;
    color: #fff;
}

.c-checkout .c-paymentinfo .c-paymentmethods {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.c-checkout .c-paymentinfo .c-paymentmethods .paymentmethods__itemDetails {
    display: none;
}

.c-checkout .c-paymentinfo .c-paymentmethods .paymentmethods__itemDetails .c-fieldgroup input {
    background: none;
}

.c-checkout .c-paymentinfo .c-paymentmethods .c-paymentmethods__item .paymentmethods__itemDetails {
    display: none;
}

.c-checkout .c-paymentinfo .c-paymentmethods .c-paymentmethods__item.expand .paymentmethods__itemDetails {
    display: block;
}

.c-checkout .c-paymentinfo .c-paymentmethods .c-paymentmethods__item.expand .paymentmethods__itemDetails .c-paymentmethods__pinnumber {
    width: 80px;
}

.c-checkout .c-paymentinfo .c-paymentmethods .c-paymentmethods__item.selected .paymentmethods__itemDetails {
    display: block;
}

.c-checkout .c-paymentinfo .c-paymentmethods .c-paymentinfo__applygiftcard {
    width: 100px;
    border-radius: 0;
    color: #fff;
    font-weight: normal;
    background: #0071b9;
    margin-top: 10px;
}

.c-checkout .c-paymentinfo .c-paymentmethods.active {
    display: block;
}

.c-checkout .c-ordertips {
    position: relative;
    padding-bottom: 1em;
}

.c-checkout .c-ordertips h4 {
    font-size: small;
    font-weight: normal;
}

.c-checkout .c-ordertips .c-tipoptions {
    justify-content: space-between;
    width: 55%;
}

.c-checkout .c-ordertips .c-tipoptions .c-tipoptions__item.active {
    background: #0096a9;
    color: #fff;
}

.c-checkout .c-ordertips .c-tipoptions .c-tipoptions__item {
    max-width: 100px;
    max-height: 84px;
    font-weight: 600;
    width: auto;
    background: #fff;
}

.c-checkout .c-ordertips .c-tipoptions .c-tipoptions__item .c-tipoptions__percentage {
    line-height: 0;
    margin-top: 15px;
    text-transform: uppercase;
}

.c-checkout .c-ordertips .c-tipoptions .c-tipoptions__item .c-tipoptions__amount {
    text-align: center;
    font-size: 10px;
}

.c-checkout .c-ordertips .c-tipoptions .c-fieldgroup__label {
    margin-bottom: 1em;
    color: #746561;
    font-weight: 600;
}

.c-checkout .c-ordertips .c-tipoptions__custom {
    display: none;
}

.c-checkout .c-ordertips .c-tipoptions__custom--show {
    display: block;
}

.c-checkout .c-ordertips .c-tipoptions__custom--show .c-fieldgroup__label {
    display: block;
}

.c-checkout .c-ordertips .c-tipoptions__AmountField {
    border: solid 1px #707070;
    background: none;
    text-align: right;
    font-weight: bold;
    bottom: 2em;
    right: 0;
    width: 40%;
    margin: 0;
}

.c-checkout .c-ordertotal {
    padding: 20px 0;
    line-height: 2;
}

.c-checkout .c-ordertotal .c-ordertotal__item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: small;
    align-items: center;
}

@media(max-width: 480px) {
    .c-checkout .c-checkout__main .c-checkout__orderinfo {
        padding:0;
        margin-top: 1em;
    }

    .c-checkout .c-checkout__header img {
        width: 95%;
    }

    .c-checkout .c-paymentmethods__itemHeader {
        flex-direction: column;
    }

    .c-checkout .c-paymentmethods__itemHeader .c-paymentmethods__ccTypes {
        margin-left: 3.5em;
    }

    .c-checkout .c-paymentmethods__giftcard .c-paymentmethods__itemHeader {
        flex-direction: row;
    }

    .c-checkout .c-ordertips .c-tipoptions__AmountField {
        width: 20%;
    }

    .c-checkout .c-ordertips .c-tipoptions .c-tipoptions__item {
        min-width: 70px;
        margin-right: .5em;
    }
}

@media(min-width: 992px) {
    .c-checkout .c-checkout__main .c-checkout__orderinfo {
        max-width:70%;
    }

    .c-checkout .c-checkout__main .c-checkout__orderconfirmation .c-checkout__ordertitle {
        margin: 0;
    }

    .c-checkout .c-checkout__main .c-checkout__orderconfirmation>.c-checkout__step {
        background: #f6f6f6;
        border: solid 1px #e1e1e1;
        margin-bottom: 0;
    }

    .c-checkout .c-checkout__title {
        text-align: left;
    }

    .c-checkout .c-ordermethod__heading {
        width: 100%;
    }

    .c-checkout .c-ordertotal {
        padding: .5em;
    }

    .c-checkout .c-checkout__actions {
        padding: .5em;
    }

    .c-checkout .c-orderoptions__container .c-ordermethod__typeContainer .c-ordermethod__carryout {
        display: block;
    }

    .c-checkout .c-orderoptions__container .c-ordermethod__typeContainer .c-ordermethod__type {
        height: 100%;
    }

    .c-checkout .c-orderoptions__container .c-ordermethod__typeContainer .c-ordermethod__type:focus {
        outline: 1px dotted #000;
    }

    .c-checkout .c-orderoptions__container .c-ordermethod__typeContainer .o-icon-carryout {
        width: 33px;
        height: 46px;
        margin-bottom: .5em;
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
        background-image: url(/images/ihop-icons/carryout-icon.png);
    }

    .c-checkout .c-orderoptions__container .c-ordermethod__typeContainer .o-icon-delivery {
        display: block;
        width: 95px;
        height: 36px;
        margin-bottom: .5em;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(/images/ihop-icons/carryout-icon.png);
    }

    .c-checkout .c-orderoptions__container .c-ordermethod__typeContainer .c-ordermethod__type.active .o-icon-carryout {
        background-image: url(/images/ihop-icons/carryout-icon--active.png);
    }

    .c-checkout .c-orderoptions__container .c-ordermethod__typeContainer .c-ordermethod__type.active .o-icon-delivery {
        background-image: url(/images/ihop-icons/delivery-icon--active.png);
    }

    .c-checkout .c-ordermethod__futurePicker .c-ordermethod__datePicker {
        width: 100%;
    }

    .c-checkout .c-ordermethod__futurePicker .c-ordermethod__date .ordermethod__dateDisplay {
        width: 50%;
    }

    .c-checkout .c-ordermethod__futurePicker .c-ordermethod__date .ordermethod__timeDisplay {
        width: 50%;
    }

    .c-checkout .c-orderoptions__containerHeading {
        display: block;
        margin: 1em auto;
        font-size: 1.15rem;
        font-weight: 600;
    }

    .c-checkout .c-contactinfo {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .c-checkout .c-contactinfo .h3 {
        width: 100%;
    }

    .c-checkout .c-contactinfo .c-fieldgroup {
        width: 48%;
    }

    .c-checkout .c-paymentoptions {
        width: 50%;
    }

    .c-checkout .c-paymentmethods__itemDetails {
        width: 100%;
        position: unset;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .c-checkout .c-payment__ccNumber,.c-checkout .c-paymentmethods__creditcardnumber {
        width: 280px;
    }

    .c-checkout .c-payment__expDate,.c-checkout .c-paymentmethods__ccmonthyear {
        width: 100px;
    }

    .c-checkout .c-payment__securityCode,.c-checkout .c-paymentmethods__cvv {
        width: 78px;
    }

    .c-checkout .c-payment__zipCode,.c-checkout .c-paymentmethods__postalcode {
        width: 78px;
    }

    .c-checkout .c-paymentinfo .c-fieldgroup .c-fieldgroup__label {
        font-size: 11px;
        height: 30px;
    }

    .c-checkout .c-ordertips .c-tipoptions {
        width: 40%;
    }

    .c-checkout .c-ordertips .c-tipoptions .c-tipoptions__item {
        font-weight: 600;
        margin-right: .3em;
        font-size: small;
        padding: 0;
        height: 42px;
    }

    .c-checkout .c-ordertips .c-tipoptions .c-tipoptions__amount {
        font-size: smaller;
    }

    .c-checkout .c-ordertips .c-tipoptions__AmountField {
        width: 35%;
    }
}

@media(min-width: 1200px) {
    .c-checkout .c-checkout__title {
        text-align:left;
        padding-left: 5em;
    }

    .c-checkout .c-checkout__main .c-checkout__orderinfo {
        margin-right: 0;
    }

    .c-checkout .c-checkout__main .c-checkout__orderconfirmation>.c-checkout__step {
        padding: 0;
    }
}

@media(max-width: 991px) {
    .sidebar__inner {
        position:static !important;
        transform: none !important;
    }

    .is-affixed {
        height: auto !important;
    }
}

@media(min-width: 993px) {
    #sidebar {
        width:50%;
    }
}

.c-alert-message-container,.location-alert-message-container {
    top: 70px;
}

@media(min-width: 1200px) {
    .c-alert-message-container,.location-alert-message-container {
        top:92px;
    }
}

.c-alert-message-container.location-updated,.location-alert-message-container.location-updated {
    top: 92px;
}

.subscribed-alert {
    z-index: 9990 !important;
}

.subscribed-alert .c-alert-message-bar.alert-promo {
    background-color: #216bf3 !important;
    color: #fff;
    padding: .1em;
}

.subscribed-alert .c-alert-message-bar.alert-promo .c-alert__message {
    font-weight: normal !important;
}

.c-alert-message-bar {
    background-color: #f0f0f0;
}

.c-alert-message-bar.alert-default {
    background-color: #0071b9;
    color: #fefefe;
}

.c-alert-message-bar.alert-default .c-alert__message {
    font-weight: bold;
    display: block;
    text-align: center;
}

.c-alert-message-bar.alert-default .c-alert__close {
    color: #fefefe;
}

.c-alert-message-bar.alert-promo {
    background-color: #0071b9;
    color: #fefefe;
}

.c-alert-message-bar.alert-promo .c-alert__message {
    font-weight: bold;
    display: block;
    text-align: center;
}

.c-alert-message-bar.alert-promo .c-alert__close {
    color: #fefefe;
}

.c-alert-message-bar.alert-redstripe .c-alert__message {
    font-weight: bold;
}

.c-alert__close {
    color: #746561;
}

.c-alert__items {
    color: #0071b9;
}

.c-accordion {
    border: 0;
}

.c-accordion .card {
    border: 0;
}

.c-accordion .card-header .h3 {
    font-weight: normal;
}

.c-accordion .card-header a {
    color: #fff;
    padding: .5em;
    background-color: #0071b9;
    line-height: 24px;
}

.c-accordion .card-header a.collapsed {
    color: #000;
    background-color: #f0f0f0;
}

.c-accordion .collapse.show {
    border: 4px solid #0071b9;
}

.c-accordion .collapsed {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0 1px;
}

.c-accordion .collapsed .o-icon--select-arrow {
    background-image: url("/images/ihop-icons/select-arrow--ocean-blue.svg");
}

.c-accordion div:last-of-type .card-header a.collapsed {
    border-bottom-width: 1px;
}

.c-confirmation__header {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f6f6;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    height: 100%;
    flex-wrap: wrap;
}

.c-confirmation__header img {
    padding: 1em 2em;
}

@media(min-width: 768px) {
    .c-confirmation__header img {
        width:auto;
    }
}

.c-confirmation__header h1 {
    font-weight: 200;
    font-size: 150%;
    margin-top: -24px;
    margin-left: -20px;
    color: #0071b9;
}

@media(max-width: 500px) {
    .c-confirmation__header h1 {
        margin:-10px 0 10px 0;
    }
}

.c-orderconfirm {
    padding: 0;
    color: #6e6e6e;
}

.c-orderconfirm h1,.c-orderconfirm .h2 {
    color: #0071b9;
    font-weight: 700;
}

.c-orderconfirm .c-orderconfirm__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 0 2em;
}

@media(min-width: 768px) {
    .c-orderconfirm .c-orderconfirm__header {
        margin:0 5em;
    }
}

.c-orderconfirm .c-orderconfirm__header h1 {
    text-transform: uppercase;
    margin: 0;
}

.c-orderconfirm .c-orderconfirm__section {
    padding: 3em 1em 0;
    background-color: transparent;
}

@media(min-width: 768px) {
    .c-orderconfirm .c-orderconfirm__section {
        padding:3em;
        background-color: #f0f0f0;
    }
}

.c-orderconfirm img {
    max-width: 100%;
    width: 100%;
}

.c-orderconfirm .c-orderconfirm__module {
    border: 1px solid #ccc;
    background: rgba(255,255,255,.8);
    display: flex;
    margin: .5em;
    flex: 1 auto;
    min-width: 47%;
}

.c-orderconfirm .c-orderconfirm__module .module-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: .5em 0;
    width: 100%;
    min-height: 160px;
    align-items: center;
    padding: 5px;
}

.c-orderconfirm .c-orderconfirm__module .h2 {
    font-weight: 800;
    margin-bottom: .5em;
}

.c-orderconfirm .c-orderconfirm__module .c-orderconfirm__title {
    text-transform: uppercase;
    padding: 0 0 1em;
    font-weight: 800;
    text-align: center;
    -ms-word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.c-orderconfirm .c-orderconfirm__module .divider {
    border-top: 3px solid #d51c22;
    min-width: 60%;
    height: 22px;
}

.c-orderconfirm .c-orderconfirm__module .divider .icon {
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -12px;
}

.c-orderconfirm .c-orderconfirm__module .c-orderconfirm__time {
    font-size: 2.5em;
    font-weight: 800;
    text-align: center;
    -ms-word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

@media(min-width: 992px) {
    .c-orderconfirm .c-orderconfirm__module .c-orderconfirm__time {
        max-width:250px;
    }
}

.c-orderconfirm .c-orderconfirm__module .c-ordermethod__restaurantContainer {
    text-align: center;
    margin: 0;
    padding: 0;
}

.c-orderconfirm .c-orderconfirm__module .c-ordermethod__restaurantContainer .c-ordermethod__heading {
    margin: 0;
    display: block;
    text-transform: uppercase;
    -ms-word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    font-size: 1.5em;
}

.c-orderconfirm .c-orderconfirm__module .c-ordermethod__restaurantContainer .c-ordermethod__restaurant {
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    background: transparent;
}

.c-orderconfirm .c-orderconfirm__module .c-ordermethod__restaurantContainer a.c-ordermethod__restaurantDirection {
    text-decoration: underline !important;
    text-transform: capitalize;
}

.c-orderconfirm .c-orderconfirm__module .c-ordermethod__restaurantContainer a.c-ordermethod__restaurantDirection:active,.c-orderconfirm .c-orderconfirm__module .c-ordermethod__restaurantContainer a.c-ordermethod__restaurantDirection:hover,.c-orderconfirm .c-orderconfirm__module .c-ordermethod__restaurantContainer a.c-ordermethod__restaurantDirection:link {
    color: #d51c22;
}

.c-orderconfirm .c-orderconfirm__module .c-ordermethod__restaurantContainer .c-ordermethod-restaurantName {
    margin: .3em 0 0;
    font-size: 1.5em;
    color: #6e6e6e;
    font-weight: 400;
    -ms-word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.c-orderconfirm .c-orderconfirm__instructions {
    margin-top: 1em;
}

.c-orderconfirm .c-orderconfirm__instructions ol,.c-orderconfirm .c-orderconfirm__instructions ul,.c-orderconfirm .c-orderconfirm__instructions p {
    padding: 0 1em;
    line-height: 1.5;
}

.c-orderconfirm .c-orderconfirm__instructions ol li,.c-orderconfirm .c-orderconfirm__instructions ul li,.c-orderconfirm .c-orderconfirm__instructions p li {
    padding-left: 0;
    text-indent: 0;
}

@media(min-width: 768px) {
    .c-orderconfirm .c-orderconfirm__instructions ol,.c-orderconfirm .c-orderconfirm__instructions ul,.c-orderconfirm .c-orderconfirm__instructions p {
        padding:0;
        margin: 0;
    }
}

.c-orderconfirm .c-orderconfirm__section_side {
    margin-bottom: 2em;
}

.c-orderconfirm .c-orderconfirm__section_side img {
    width: auto;
}

.c-orderconfirm .c-orderconfirm__section_side .text-left {
    background: #f0f0f0;
    padding: 1em;
}

.c-orderconfirm .c-orderconfirm__section_side .text-left .h2 {
    padding: 0 0 .5em;
}

ul.language {
    display: block;
    right: 0 !important;
    left: auto !important;
}

.section-header {
    padding: 30px;
    text-align: center;
}

.section-header .h2 {
    font-family: "CorbenBold",serif;
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    text-transform: capitalize;
    color: #0071b9;
}

.carouselImage {
    border-radius: 10px 10px 0 0;
}

.carouselImage:focus {
    outline: none;
}

@media(max-width: 798px) {
    .carouselImage {
        border-radius:0;
    }
}

.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item {
    display: table-footer-group;
    flex: 1 0 auto;
}

.owl-carousel .flex-text {
    flex-grow: 1;
}

.owl-carousel .thumbnail {
    display: flex;
    flex-direction: column;
    margin: 0 8px;
}

.caption {
    flex: 1 0 auto;
    flex-direction: column;
    background: #f9f9f9;
    border-radius: 0 0 10px 10px;
    align-items: center;
    text-align: center;
    padding: 20px;
}

.headline {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #0071b9;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.info {
    font-size: 13px;
    font-style: normal;
    line-height: 16.9px;
    cursor: default;
    color: #3d3d3d !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 35px;
}

@media(max-width: 767px) {
    .info {
        height:auto;
    }
}

.ihop2-cta {
    flex-direction: row;
    padding: 16px 35px;
    background: #fff;
    border: 1px solid #0071b9;
    color: #0071b9;
    box-sizing: border-box;
    border-radius: 45px;
    flex: none;
    order: 0;
    flex-grow: 0;
    outline: none;
    margin: 0 0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    cursor: pointer;
}

.ihop2-cta:focus-visible {
    outline: none;
}

.ihop2-cta:hover {
    background: #0071b9;
    color: #fff;
    text-decoration: none;
}

.ihop2-cta a {
    color: #0071b9;
}

.ihop2-cta a:hover {
    color: #fff;
}

.ihop2-red-cta {
    background: #e3121a;
    border: none;
    color: #fff;
}

.ihop2-red-cta:hover {
    background-color: #fff;
    color: #e3121a;
    border: 1px solid #e3121a;
}

.ihop2-red-cta:focus {
    color: #fff;
}

.owl-dots {
    padding: 20px 0;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #f8b100;
    transform: rotate(-90deg);
}

.owl-theme .owl-dots .owl-dot:hover span {
    background: #f8b100;
    transform: rotate(-90deg);
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 10px;
}

.owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
}

@media(max-width: 980px) {
    .owl-carousel .thumbnail {
        width:100%;
        margin: 0 auto;
    }

    .caption {
        background: #f6f6f6;
    }

    .ihop2-carousel .container-fluid {
        padding: 0;
    }
}

.ihop2-carousel-link:hover .ihop2-cta,.ihop2-carousel-link:focus .ihop2-cta {
    background: #0071b9;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.ihop2-carousel-link:hover .ihop2-red-cta,.ihop2-carousel-link:focus .ihop2-red-cta {
    background: #fff;
    color: #fc0000;
    cursor: pointer;
    border: 1px solid #fc0000;
}

.ihop2-carousel .owl-nav {
    display: block !important;
}

@media(max-width: 768px) {
    .ihop2-carousel .owl-nav {
        display:none !important;
    }
}

.ihop2-carousel .owl-nav .owl-next,.ihop2-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 47.2%;
}

.ihop2-carousel .owl-nav .owl-next:hover,.ihop2-carousel .owl-nav .owl-prev:hover {
    background: none;
}

.ihop2-carousel .owl-nav .owl-next span,.ihop2-carousel .owl-nav .owl-prev span {
    font-size: 28px;
    line-height: 25px;
    padding: 4px 18px 8px;
    background: #fff;
    color: #000;
    font-weight: 600;
    border-radius: 90px;
    border: 1px solid #ccc;
}

.ihop2-carousel .owl-nav .owl-prev {
    left: -17px;
}

.ihop2-carousel .owl-nav .owl-next {
    right: -17px;
}

.ihop2-carousel .owl-nav button.owl-prev.disabled,.ihop2-carousel .owl-nav button.owl-next.disabled {
    opacity: 0 !important;
}

#heroModule {
    overflow: hidden;
}

.hero-link:hover,.hero-link:focus,.hero-link:visited .hero-link:hover .caption-title,.hero-link:hover .caption-desc {
    text-decoration: none;
    outline: none;
    border: none;
    -moz-outline-style: none;
    box-shadow: none;
}

.hero-link:hover .caption-title,.hero-link:hover .caption-desc {
    cursor: default;
}

.hero-link:hover .btn-rewards,.hero-link:focus .btn-rewards {
    color: #fff;
    border: 1px solid #0071b9;
    background-color: #0071b9;
    cursor: pointer;
}

.hero-link:hover .img-block img,.hero-link:hover span,.hero-link:focus .img-block img,.hero-link:focus span {
    pointer-events: none !important;
}

.curved-image .img-hero {
    clip-path: ellipse(71% 71% at 35% 29%);
}

.hero-body {
    position: relative;
}

.hero-body .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.hero-body .row.no-gutters>[class^="col-12"],.hero-body .row.no-gutters>[class*=" col-12"] {
    padding-right: 0;
    padding-left: 0;
}

.hero-body img {
    width: 80%;
}

.hero-body .hero-coins {
    position: absolute;
    bottom: 0;
    right: 2%;
}

.no-gutters {
    padding-right: 0;
    padding-left: 0;
}

.hero-caption {
    padding: 25px 0 42px;
}

.hero-caption .row .col-4 {
    margin-top: 20px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    margin-bottom: 20px;
}

.hero-caption .row .col-4 img {
    margin-bottom: 10px;
}

@media(max-width: 767px) {
    .hero-caption .row .col-4 img {
        height:53px;
        width: auto;
    }
}

.hero-caption .row .col-4 span {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 1.4;
    color: #0071b9;
}

@media(max-width: 767px) {
    .hero-caption .row .col-4 .img-block {
        min-height:60px;
    }
}

.caption-title {
    font-family: "CorbenBold",serif;
    font-weight: 900;
    font-style: normal;
    font-size: 32px;
    line-height: 38.4px;
    margin: 0 0 8px;
    color: #0071b9;
}

.caption-desc {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 27px;
    color: #3d3d3d;
    margin: 0 0 5px;
}

.btn-rewards {
    padding: 16px 35px;
    font-weight: 500;
    font-style: normal;
    color: #0071b9;
    border: 1px solid #0071b9;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 45px;
    background-color: #fff;
    box-shadow: none;
}

.btn-rewards:focus,.btn-rewards:hover {
    color: #fff;
    border: 1px solid #0071b9;
    background-color: #0071b9;
    text-decoration: none;
    box-shadow: none;
}

.hero-video {
    position: relative;
    width: 100%;
}

.hero-video video {
    display: block;
    width: 100%;
    height: 100%;
}

@media(min-width: 280px) and (max-width:767.98px) {
    .hero-caption {
        padding:20px;
    }

    .caption-title {
        font-size: 26px;
        line-height: 31.2px;
    }

    .caption-desc {
        font-size: 13px;
        line-height: 16.9px;
        margin-bottom: 20px;
    }

    .caption-desc br {
        display: none;
    }

    .hero-coins {
        width: 30%;
    }

    .btn-rewards {
        line-height: 16.8px;
    }

    .hero-body img {
        width: 60%;
        float: right;
        margin-right: 22px;
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    .hero-coins {
        width:15%;
    }
}

@media(max-width: 767px) {
    .img-block {
        min-height:auto;
    }
}

#heroModule .hero-caption .row .col-4 img {
    width: 35px;
    height: 35px;
}

@media(max-width: 767px) {
    #heroModule .icon-sec {
        display:none;
    }
}

.small-promotional-cards {
    padding: 30px 0;
    border-top: .5px solid #dbd9d6;
}

.small-promotional-cards .card-body,.small-promotional-cards .card-desc {
    overflow: auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.small-promotional-cards .card-body {
    padding: 0;
    background-color: #f6f6f6;
    border-radius: 10px;
    overflow: hidden;
}

.small-promotional-cards .card-body img {
    max-width: 225px;
    max-height: 146px;
}

.card-title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    color: #3b3a3a;
    margin: 0;
}

.card-desc {
    padding: 0 50px 0 24px;
}

.card-fas {
    position: absolute;
    right: 5%;
    font-size: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: #0071b9;
    line-height: 0;
}

.card-link {
    cursor: pointer;
}

@media(min-width: 576px) and (max-width:767.98px) {
    .small-promotional-cards .col-sm-6 {
        width:100%;
    }
}

@media(min-width: 280px) and (max-width:767.98px) {
    .card-desc {
        padding:0 35px 0 15px;
    }

    .card-title {
        font-size: 12px;
    }

    .small-promotional-cards .container {
        width: 100%;
    }

    .small-promotional-cards .card-body {
        border-radius: 0;
    }

    .small-promotional-cards .card-body img {
        max-width: 149px;
        max-height: 100px;
    }

    .small-promotional-cards {
        padding: 15px 0 0;
        overflow: hidden;
        border-top: none;
    }

    .small-promotional-cards .container {
        padding-right: 0;
        padding-left: 0;
    }

    .small-promotional-cards .col-sm-6 {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .small-promotional-cards .col-sm-6:first-child {
        margin-bottom: 1px;
    }

    .card-fas {
        right: 4%;
        font-size: 14px;
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    .card-title {
        font-size:14px;
    }

    .small-promotional-cards .card-body img {
        max-width: 125px;
        max-height: 100px;
    }
}

.featured-menu-cards {
    padding: 40px 0 20px;
}

.featured-menu-cards .section-header {
    margin: 0 10px;
    text-align: center;
}

.featured-menu-cards .section-header .h2 {
    font-family: "CorbenBold",serif;
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    text-transform: capitalize;
    color: #0071b9;
    margin-bottom: 20px;
}

.featured-menu-cards .card-box {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #dbd9d6;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 10px 0;
    padding-left: 15px;
    min-height: 140px;
    overflow: hidden;
}

.featured-menu-cards .card-box img {
    border-radius: 0 10px 10px 0;
    max-width: 100%;
}

.featured-menu-cards .card-heading {
    font-family: "CorbenBold",serif;
    font-style: normal;
    font-weight: 900;
    font-size: 30px;
    line-height: 36px;
    text-transform: capitalize;
    color: #0071b9;
    width: 100%;
    min-width: 60%;
}

.featured-menu-cards a:link {
    text-decoration: none;
}

.featured-menu-cards .btn {
    border: 1px solid #0071b9;
    box-sizing: border-box;
    border-radius: 45px;
    margin: 20px 0;
}

.featured-menu-cards .btn a {
    font-weight: 500;
    font-size: 14px;
    color: #0071b9;
    padding: 20px 20px;
}

.featured-menu-cards .ihop2-cta {
    margin: 30px 0;
}

@media(max-width: 980px) {
    .featured-menu-cards .section-header .h2 {
        font-size:26px;
        line-height: 31px;
        color: #0071d9;
    }

    .featured-menu-cards .card-heading {
        font-weight: 900;
        font-size: 18px;
        line-height: 22px;
    }

    .featured-menu-cards .card-box img {
        width: 100%;
    }
}

.small-promotional-cards .row .col-sm-6 {
    margin-top: 25px;
}

@media(max-width: 767.98px) {
    .small-promotional-cards .row .col-sm-6 {
        margin-top:0;
    }
}

.small-promotional-cards .row .col-sm-6:first-child,.small-promotional-cards .row .col-sm-6:nth-child(2) {
    margin-top: 0;
}

.message-bar {
    background-color: #61b4e4;
    opacity: .9;
    padding: 14px 16px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 92px;
    z-index: 999;
    width: 100%;
}

.message-bar .c-operationalMsg__close {
    float: right;
}

.message-bar .message {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    flex: none;
    margin: 0 0;
    padding: 0 35px 0 0;
}

.message-bar .message a {
    text-decoration: underline;
    color: #fff;
}

.message-bar .fa-times {
    color: #fff;
    font-size: 30px;
    font-weight: 200;
}

@media(max-width: 798px) {
    .message-bar {
        position:absolute;
        top: 72px;
        z-index: 999;
        width: 100%;
    }

    .message-bar .message {
        font-weight: normal;
        font-size: 13px;
        margin: 0 14px;
    }
}

@media(max-width: 767.98px) {
    .featured-menu-cards .container {
        width:100%;
        padding-right: 0;
        padding-left: 0;
    }

    .featured-menu-cards .card-box {
        border: none;
        border-radius: 0;
        margin: 0 0;
        max-width: 100%;
        padding: 20px 0 20px 15px;
        border-bottom: 1px solid #dbd9d6;
        border-top: 1px solid #dbd9d6;
    }

    .small-promotional-cards .row .col-sm-6:nth-child(3),.small-promotional-cards .row .col-sm-6:nth-child(4) {
        margin-top: 0;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .small-promotional-cards {
        padding:30px 0 30px;
    }
}

.modal.iHop_right_modal {
    position: fixed;
    z-index: 99999;
}

.modal.iHop_right_modal .modal-dialog {
    position: fixed;
    margin: auto;
    width: 30%;
    height: 100%;
    -webkit-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0);
}

@media screen and (min-width: 768px) and (max-width:786px) {
    #ihop2-myorder .modal-dialog {
        width:50%;
    }
}

.modal-dialog {
    margin: 1.75rem auto;
}

.modal.iHop_right_modal .modal-content {
    height: 100vh !important;
}

.modal.iHop_right_modal .modal-body {
    padding: 15px;
}

@media(max-width: 374px) {
    .modal.iHop_right_modal .modal-body {
        padding:15px 0;
    }
}

.modal.iHop_right_modal.fade .modal-dialog {
    right: -50%;
    -webkit-transition: opacity .3s linear,right .3s ease-out;
    -moz-transition: opacity .3s linear,right .3s ease-out;
    -o-transition: opacity .3s linear,right .3s ease-out;
    transition: opacity .3s linear,right .3s ease-out;
}

.modal.iHop_right_modal.fade.show .modal-dialog {
    right: 0;
    box-shadow: 0 0 19px rgba(0,0,0,.5);
}

.modal-content.iHop_right_modal {
    border-radius: 0;
    border: none;
}

.iHop_right_modal.modal_outer .modal-body {
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
}

.iHop_right_modal .modal-content {
    border: none;
    border-radius: 0;
}

.iHop_right_modal .ihop-category {
    width: 100%;
    padding-left: 35px;
}

@media(max-width: 767px) {
    .iHop_right_modal .ihop-category {
        padding-left:15px;
    }
}

.close-btn {
    margin-bottom: 25px;
}

.close-btn .close {
    padding: 0;
    opacity: 1;
    outline: none;
    box-shadow: none;
    float: right;
}

.close-btn .close .close:focus,.close-btn .close .close:hover {
    color: transparent;
    text-decoration: none;
    opacity: 1;
    outline: none;
    box-shadow: none;
}

.modal-footer {
    border: 0;
    padding: 0;
}

@media(min-width: 786px) and (max-width:1024px) {
    .modal.iHop_right_modal .modal-dialog {
        width:60%;
    }
}

@media(min-width: 576px) {
    .iHop_right_modal .modal-dialog {
        max-width:100%;
        width: 60%;
    }
}

@media(min-width: 280px) and (max-width:767.98px) {
    .modal.iHop_right_modal .modal-dialog {
        width:100%;
    }

    .close-btn .close {
        float: left;
    }

    .modal-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        padding: 32px 46px 17px;
        box-shadow: 0 4px 6px #000019;
    }
}

.modal-open .modal {
    background: rgba(0,0,0,.5);
}

.modal.iHop_right_modal .pickup {
    background-color: transparent !important;
}

.modal.iHop_right_modal .close-btn .close {
    margin-top: 0 !important;
}

.modal.iHop_right_modal .location-close.close-btn .close {
    margin-top: -10px !important;
}

@media(min-device-width: 768px) and (max-device-width:1024px) {
    .modal.iHop_right_modal .modal-dialog {
        width:60%;
    }
}

@media(min-width: 1024px) and (max-width:1300px) {
    .modal.iHop_right_modal .modal-dialog {
        min-width:450px;
    }
}

#ihop2-myorder {
    z-index: 99999 !important;
}

.order_bag .modal.iHop_right_modal .modal-body {
    padding: 0;
}

.order_bag .js-orderbag-product {
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.order_bag .p-15 {
    padding: 15px;
}

.order_bag .c-a-blue {
    color: #0071b9;
    text-decoration: none;
    cursor: pointer;
}

.order_bag .order-bag-title {
    font-family: "CorbenBold",serif;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
    text-transform: capitalize;
    color: #0071b9;
    padding-top: 10px;
}

@media screen and (max-width: 767px) {
    .order_bag .order-bag-title .order_bag .order-bag-title {
        max-width:250px;
        margin: auto;
        text-align: center;
    }
}

.order_bag .order-bag-header p {
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    margin: 8px 0;
    color: #0071b9;
}

.order_bag .order-bag-header p span {
    float: right;
    font-weight: normal;
    font-style: normal;
    font-weight: 325;
    font-size: 13px;
    line-height: 130%;
}

.order_bag .order-bag-divider {
    height: 0;
    border-top: .5px solid #0071b9;
}

.order_bag .restaurant {
    padding: 30px 0;
}

.order_bag .restaurant .name {
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 130%;
    color: #000;
    margin: 0 0;
}

.order_bag .restaurant .name .time {
    font-size: 11px;
    text-align: left;
    color: #676767;
    float: none;
    font-weight: 500;
    margin: 2px 0 0 28px;
}

.order_bag .restaurant .address {
    font-size: 11px;
    color: #676767;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    margin: 5px 0;
}

.order_bag .restaurant .address a {
    color: #676767;
    text-decoration: underline;
}

.order_bag .restaurant .availability {
    padding: 20px 15px 0 15px;
}

.order_bag .restaurant .availability .col-md-1 {
    padding-left: 0;
    padding-right: 5px;
}

.order_bag .restaurant .availability .col-md-10 {
    padding-left: 5px;
}

.order_bag .restaurant .availability .icon {
    float: left;
    font-size: 26px;
}

.order_bag .restaurant .availability .clock-text {
    padding-left: 5px;
}

.order_bag .restaurant .availability .clock-text .time {
    font-size: 13px;
    color: #000;
    margin: auto;
    font-weight: 700;
}

.order_bag .restaurant .availability .clock-text .message {
    font-size: 11px;
    color: #676767;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 5px 0;
}

.order_bag .cart-items {
    padding: 20px 0;
}

.order_bag .cart-items .food-img {
    background: #f6f5f2;
    border-radius: 10px;
    object-fit: contain;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    height: 70px;
}

.order_bag .cart-items .handle-counter {
    padding: 0 10px;
    margin-top: 8px;
    background: #fff;
    border: 1px solid #0071b9;
    box-sizing: border-box;
    border-radius: 24px;
    height: 27px;
    max-width: 75px;
}

.order_bag .cart-items .fa-times-circle {
    color: #676767;
    margin-top: 0;
}

.order_bag .cart-items .handle-counter .counter-minus,.order_bag .cart-items .handle-counter .counter-plus,.order_bag .cart-items .handle-counter input {
    float: left;
    text-align: center;
    color: #0071b9;
    padding: 0;
    background: none;
}

.order_bag .cart-items .handle-counter input {
    width: 20px;
    border: none;
    padding-top: 3px;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.order_bag .cart-items .details .item-name {
    font-weight: 500;
    font-size: 13px;
    line-height: 130%;
    color: #000;
    margin: 0 0;
}

.order_bag .cart-items .details .item-cal {
    font-size: 9px;
    line-height: 130%;
    color: #676767;
    margin: 5px 0;
}

.order_bag .cart-items .details .item-description {
    font-size: 11px;
    line-height: 130%;
    color: #676767;
    align-self: stretch;
    flex-grow: 0;
    margin: 5px 0;
}

.order_bag .cart-items .details .remove-item {
    font-style: italic;
    font-weight: 500;
    font-size: 11px;
    line-height: 130%;
    color: #676767;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    display: flex;
    align-items: center;
}

.order_bag .cart-items .details .remove-item .fa-times-circle {
    font-size: 15px;
    margin-right: 5px;
}

.order_bag .cart-items .item-price {
    font-weight: 500;
    font-size: 13px;
    line-height: 130%;
    text-align: right;
}

.order_bag .order_bag_recommendation {
    background-color: #f7b334;
    padding: 20px 0;
}

.order_bag .order_bag_recommendation .order_bag_recommendation_body {
    padding: 0 15px;
}

.order_bag .order_bag_recommendation .order_bag_recommendation_divider {
    border-top: .5px solid #3d3d3d;
    margin: 8px 0;
    height: 0;
}

.order_bag .order_bag_recommendation .items {
    padding-right: 15px;
}

.order_bag .order_bag_recommendation .mr-0 {
    padding-right: 0;
}

.order_bag .order_bag_recommendation .food {
    background-color: #fff;
    border: .5px solid #dbd9d6;
    box-sizing: border-box;
    border-radius: 10px;
    padding-top: 10px;
}

.order_bag .order_bag_recommendation .food .food-name {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 130%;
    text-align: center;
}

.order_bag .order_bag_recommendation .food .food-cal {
    font-size: 9px;
    line-height: 1;
    line-height: 130%;
    text-align: center;
    color: #676767;
    margin: 0;
}

.order_bag .order_bag_recommendation .food .food-details-divider {
    border-top: .5px solid #dbd9d6;
    width: 100%;
    height: 0;
}

.order_bag .order_bag_recommendation .food .add-button {
    font-weight: 500;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

.order_bag .order_bag_recommendation .food .add-button a {
    color: #0071b9;
    text-decoration: none;
}

.order_bag .pancoin-section {
    background: #0071b9;
    padding: 20px 40px;
}

.order_bag .pancoin-section .icon {
    position: relative;
    float: left;
}

.order_bag .pancoin-section .icon .dollar {
    position: absolute;
    width: 9.97px;
    height: 16.84px;
    left: 14px;
    top: 8px;
}

.order_bag .pancoin-section .details {
    color: #fff;
    padding-left: 50px;
}

.order_bag .pancoin-section .details .message {
    font-weight: bold;
    font-size: 13px;
    line-height: 130%;
    margin: 0;
}

.order_bag .pancoin-section .details .balance {
    font-size: 12px;
    line-height: 150%;
    margin: 0;
}

.order_bag .order-bag-cta-red {
    background: #e3121a;
    border-radius: 45px;
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 15px 35px;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    font-weight: 700;
}

.order_bag .order-bag-cta-red span {
    font-weight: 400;
    margin-left: 3px;
}

.order_bag .order-bag-cta-red:hover {
    background: #fff;
    border: 1px solid #e3121a;
    color: #e3121a;
}

@media(max-width: 767px) {
    .order_bag .order-bag-cta-red {
        margin-bottom:50px;
    }
}

.empty-bag-text {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    color: #757575;
}

.ihop2-myorder .close-btn .close {
    margin-top: 0 !important;
}

.ihop2-orderbag-product-wrapper .fa-times-circle {
    color: #0071b9;
    font-size: 33px;
    margin-top: 9px;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .col-md-3:nth-of-type(1) {
    padding-right: 5px;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .col-md-6 {
    padding-left: 5px;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .details .item-name,.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .item-price {
    color: #3d3d3d;
    font-weight: 700;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .details .item-description {
    max-width: 100% !important;
}

@media(max-width: 767px) {
    .iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .details .item-description {
        width:100% !important;
    }
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .food-img {
    margin-left: 0 !important;
    border: .5px solid #dbd9d6;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .handle-counter {
    margin-left: 0 !important;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .handle-counter {
    max-width: 90px;
    position: relative;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .handle-counter input {
    left: -5px;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .handle-counter .counter-plus {
    font-size: 20px;
    line-height: 24px;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .handle-counter .counter-minus {
    font-size: 24px;
    line-height: 25px;
}

.iHop_right_modal .ihop2-orderbag-product-wrapper .cart-items .handle-counter .counter-minus.btn:disabled {
    color: #808080;
}

.delivery-method-body a .delivery-method-description .h2,.delivery-method-body a:hover .delivery-method-description .h2,.delivery-method-body a:focus .delivery-method-description .h2 {
    color: #3d3d3d;
    text-decoration: none;
}

.delivery-method-body a .delivery-method-description .h3,.delivery-method-body a:hover .delivery-method-description .h3,.delivery-method-body a:focus .delivery-method-description .h3 {
    color: #676767;
    text-decoration: none;
}

.c-confirm-btn {
    color: #0071b9;
    background-color: transparent;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    padding: 11px 16px;
    margin-top: 20px;
    border-radius: 45px;
    border: 1px solid #0071b9;
}

.c-confirm-btn:hover,.c-confirm-btn:focus {
    color: #fff;
    background-color: #0071b9;
    border: 1px solid #0071b9;
}

.ihop-delivery-method {
    padding-left: 20px;
}

.ihop-delivery-method .delivery-method-header {
    padding-bottom: 30px;
}

.ihop-delivery-method .delivery-method-header .delivery-method-title {
    font-family: "CorbenBold",serif;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    color: #0071b9;
    padding-bottom: 8px;
    margin: 0 0 4px;
    line-height: 120%;
}

.ihop-delivery-method .delivery-method-body {
    padding-right: 15px;
}

.delivery-method-items {
    border-bottom: .5px solid #dbd9d6;
    border-top: .5px solid #dbd9d9;
    position: relative;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 91%;
    overflow: hidden;
}

.delivery-method-items .item-name {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.delivery-method-items .item-description {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 130%;
    color: #676767;
    width: 178px;
    margin: 0;
    margin-top: 7px;
    max-width: 178px !important;
}

@media(min-width: 280px) and (max-width:767.98px) {
    .ihop-delivery-method.mg-70 {
        margin-top:35px;
    }

    .ihop-delivery-method {
        width: 100%;
        padding: 0 15px;
    }

    .xs-pad-0 {
        padding: 0;
        overflow: hidden;
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    .ihop-delivery-method {
        width:100%;
    }
}

.delivery-method-items .row {
    cursor: pointer;
}

.set-pickup .popup-title {
    margin: 40px 0 0 0;
}

.set-pickup .result-list {
    border-bottom: 0;
}

@media(min-width: 280px) and (max-width:767.98px) {
    .pickup .pickup-date-sec .select-box-sec {
        padding:0;
    }
}

.delivery {
    padding: 0 0 40px 0;
}

@media(min-width: 576px) {
    .delivery {
        padding:0;
    }
}

.delivery .close-btn {
    margin-bottom: 10px;
}

@media(max-width: 767px) {
    .delivery .back-btn {
        float:right;
    }
}

.delivery .delivery-top {
    display: flex;
    padding-bottom: 35px;
    align-items: center;
}

.delivery .delivery-top .delivery-heading {
    font-family: "CorbenBold",serif;
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
    color: #0071b9;
}

.delivery .delivery-top img {
    margin-left: auto;
}

.delivery .popup-title {
    font-size: 16px;
    line-height: 19px;
    color: #0071b9;
    font-weight: 700;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #0071b9;
    margin-bottom: 20px;
}

.delivery .search-sec {
    padding: 0 0 30px;
}

@media(max-width: 576px) {
    .delivery .search-sec {
        padding:20px 0;
    }
}

.delivery .search-sec .has-search .form-control {
    padding: 16px 30px 16px 40px;
    padding-left: 2.375rem;
    font-size: 13px;
    line-height: 17px;
    color: #676767;
    border-radius: 10px;
}

.delivery .search-sec .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    pointer-events: none;
    color: #0071b9;
}

.delivery .search-sec .has-search .form-control-feedback img {
    position: absolute;
    padding: 0;
    top: 17px;
}

.delivery .search-sec small {
    font-size: 11px;
    line-height: 14px;
    color: #676767 !important;
    margin-top: 8px;
}

.delivery .search-sec.unavailable {
    padding-bottom: 50px;
}

.delivery .search-sec.unavailable input.error {
    border: 2px solid #ee252b;
}

.delivery .search-sec.unavailable .error-txt {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #ee252b;
    margin: 20px 0 5px;
}

.delivery .search-sec.unavailable small {
    font-size: 13px;
    line-height: 17px;
}

.delivery h5.delivery-list-head {
    color: #0071b9;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}

.delivery .delivery-list-sec .delivery-list-outer {
    margin: 0 -28px 0 -35px;
    background-color: #f9f9f9;
}

.delivery .delivery-list-sec .delivery-list-outer .container-fluid {
    padding: 0 30px;
}

.delivery .delivery-list-sec .delivery-list-outer.selected {
    background-color: #cde7f6;
    border: 1px solid #cde7f6;
}

.delivery .delivery-list-sec .delivery-list-outer:first-child {
    border-top: 1px solid #dbd9d6;
}

.delivery .delivery-list-sec .delivery-list-outer:last-child {
    border-bottom: .5px solid #dbd9d6;
}

.delivery .delivery-list-sec .delivery-list-outer:last-child .delivery-list {
    border-bottom: none;
}

.delivery .delivery-list {
    padding: 20px 0;
    border-bottom: .5px solid #dbd9d6;
}

.delivery .delivery-list .delivery-content {
    display: flex;
    align-items: center;
}

.delivery .delivery-list .delivery-content.button-align {
    align-items: start;
}

.delivery .delivery-list .delivery-content .delivery-left h4 {
    font-size: 13px;
    line-height: 17px;
    color: #3d3d3d;
    font-weight: 700;
    margin-bottom: 0;
}

.delivery .delivery-list .delivery-content .delivery-left h4 span {
    font-weight: 300;
}

.delivery .delivery-list .delivery-content .delivery-left address {
    margin-bottom: 0;
}

.delivery .delivery-list .delivery-content .delivery-right {
    margin-left: auto;
}

.delivery .delivery-list .delivery-content .delivery-right .list-btn {
    font-size: 12px;
    line-height: 15px;
    color: #3d3d3d;
    font-weight: 500;
    border: 1px solid #3d3d3d;
    border-radius: 45px;
    padding: 10px 16px;
    margin: 6px 0 6px 2px;
}

.delivery .delivery-list .delivery-content .delivery-right .list-btn.remove-yes {
    color: #fff;
    background-color: #0071b9;
    border-color: #0071b9;
}

.delivery .delivery-list .delivery-content .delivery-right .btn.active,.delivery .delivery-list .delivery-content .delivery-right .btn:focus,.delivery .delivery-list .delivery-content .delivery-right .btn.visit {
    box-shadow: none;
}

.delivery .delivery-list.final-address {
    padding: 0 0 45px;
    border: 0;
}

.delivery .delivery-list.final-address .delivery-left h4 {
    font-size: 13px;
    line-height: 22px;
}

.delivery .delivery-list.final-address .delivery-right .list-btn {
    border: 1px solid #0071b9;
    color: #0071b9;
}

.delivery .loading-sec {
    margin-top: -10px;
}

.delivery .loading-sec .loader-head {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #676767;
    text-align: left;
}

.delivery .loading-sec .spinner-gif {
    padding: 20px 0;
}

.delivery .loading-sec .loading-gif {
    margin: 35px auto 20px;
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 50%;
}

.delivery .loading-sec .loading-gif .dot {
    background-color: #dbd9d6;
    width: 20%;
    height: 20%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
}

.delivery .loading-sec .loading-gif .dot1 {
    left: calc(50% - 10%);
    animation: scale-down 1s linear infinite;
    -webkit-animation: scale-down 1s linear infinite;
}

.delivery .loading-sec .loading-gif .dot2 {
    top: 13%;
    left: 70%;
    animation: scale-down 1s linear .15s infinite;
    -webkit-animation: scale-down 1s linear .15s infinite;
}

.delivery .loading-sec .loading-gif .dot3 {
    top: 40%;
    left: 81%;
    animation: scale-down 1s linear .3s infinite;
    -webkit-animation: scale-down 1s linear .3s infinite;
}

.delivery .loading-sec .loading-gif .dot4 {
    top: 68%;
    left: 69%;
    animation: scale-down 1s linear .45s infinite;
    -webkit-animation: scale-down 1s linear .45s infinite;
}

.delivery .loading-sec .loading-gif .dot5 {
    top: 80%;
    left: 41%;
    animation: scale-down 1s linear .6s infinite;
    -webkit-animation: scale-down 1s linear .6s infinite;
}

.delivery .loading-sec .loading-gif .dot6 {
    top: 69%;
    left: 12%;
    animation: scale-down 1s linear .75s infinite;
    -webkit-animation: scale-down 1s linear .75s infinite;
}

.delivery .loading-sec .loading-gif .dot7 {
    top: 40%;
    left: 0%;
    animation: scale-down 1s linear .88s infinite;
    -webkit-animation: scale-down 1s linear .88s infinite;
}

.delivery .loading-sec .loading-gif .dot8 {
    top: 12%;
    left: 11%;
    animation: scale-down 1s linear 1s infinite;
    -webkit-animation: scale-down 1s linear 1s infinite;
}

.delivery .delivery-type-sec .delivery-type {
    display: block;
    padding: 20px 0;
    border-bottom: .5px solid #dbd9d6;
}

.delivery .delivery-type-sec .delivery-type:first-child {
    border-top: .5px solid #dbd9d6;
}

.delivery .delivery-type-sec .delivery-type .row {
    align-items: center;
}

.delivery .delivery-type-sec .deliver-left {
    margin-right: 25px;
}

.delivery .delivery-type-sec h4 {
    font-size: 16px;
    line-height: 19px;
    color: #3d3d3d;
    font-weight: 700;
    margin-bottom: 0;
}

.delivery .delivery-type-sec h4 span {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #676767;
}

.delivery .delivery-type-sec .delivery-right {
    margin-left: auto;
}

.delivery .delivery-details-form .form-control {
    font-size: 13px;
    line-height: 17px;
    color: #676767;
    padding: 16px 23px;
    border: 1px solid #676767;
    border-radius: 10px;
}

.delivery .delivery-details-form .form-control:focus {
    border-color: #000;
}

.delivery .delivery-details-form .form-control:focus,.delivery .delivery-details-form .form-control :visited {
    box-shadow: none;
}

@media screen and (max-width: 767px) {
    .delivery .delivery-details-form .form-control:focus {
        font-size:16px;
    }
}

.delivery .delivery-details-form textarea {
    min-height: 100px;
}

.delivery .delivery-details-form .delivery-btn {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: #fff;
    background-color: #e3121a;
    border-radius: 45px;
    padding: 16px 25px;
    margin-top: 40px;
}

.delivery .delivery-details-form .delivery-error {
    border: 2px solid #ee252b;
}

.delivery .delivery-details-form .form-control::placeholder {
    color: #676767;
    opacity: 1;
}

.delivery .delivery-details-form .form-control:-ms-input-placeholder {
    color: #676767;
}

.delivery .delivery-details-form .form-control::-ms-input-placeholder {
    color: #676767;
}

.c-delivery-img {
    width: 100px;
}

#handoff_modal .fa-times-circle,#handoff_modal .fa-chevron-circle-left,#myihop-location-search .fa-times-circle {
    color: #0071b9;
    font-size: 33px;
    margin-top: 9px;
}

@media(max-width: 767px) {
    .select-unselected-state ul {
        margin-bottom:-5px;
    }
}

.select-unselected-state ul li {
    margin-right: 8px;
    width: auto;
}

.select-unselected-state ul li .btn-unselected,.select-unselected-state ul li .btn-selected {
    font-size: 12px;
    line-height: 14px;
    padding: 10px 17px;
}

@media(max-width: 767px) {
    .select-unselected-state ul li .btn-unselected,.select-unselected-state ul li .btn-selected {
        margin-bottom:10px;
    }
}

.select-unselected-state {
    padding-top: 20px;
}

.select-unselected-state ul {
    padding: 0;
    margin: 0;
}

.select-unselected-state ul li {
    list-style-type: none;
    display: inline-block;
}

.select-unselected-state ul li:last-child {
    margin-right: 0;
}

.btn-unselected {
    border: 1px solid #676767;
    background-color: #fff;
    color: #676767;
    padding: 10px 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    border-radius: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-unselected:hover,.btn-unselectedfocus {
    border: 1px solid #676767;
    background-color: #fff;
    color: #676767;
    box-shadow: none;
}

.btn-selected {
    border: 1px solid #0071b9;
    background-color: #0071b9;
    color: #fff;
    padding: 10px 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    border-radius: 45px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-selected:hover,.btn-selectedfocus {
    border: 1px solid #0071b9;
    background-color: #0071b9;
    color: #fff;
    box-shadow: none;
}

.delivery-left.js-saved-address-item {
    cursor: pointer;
}

.js-del-success-img {
    margin-top: 40px;
    margin-bottom: 25px;
}

.js-ihop2-orderchange .pickup .result-list .list-right .distance {
    display: inline-block !important;
}

#myihop-location-search {
    z-index: 9999;
}

@media(max-width: 767px) {
    .delivery .delivery-list .delivery-content .delivery-left h4 {
        font-size:12px;
    }
}

@media(max-width: 374px) {
    .delivery .delivery-list .delivery-content .delivery-right .list-btn {
        font-size:11.5px;
        padding: 10px 8px;
    }
}

@media(max-width: 350px) {
    .delivery .delivery-list .delivery-content .delivery-right .list-btn {
        font-size:11px;
        padding: 10px 5px;
    }
}

.delivery .search-sec .has-search .form-control::-webkit-input-placeholder {
    color: #676767;
}

.delivery .search-sec .has-search .form-control:focus::-webkit-input-placeholder {
    color: #676767;
}

.ihop-autocompletion .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    pointer-events: none;
    color: #0071b9;
}

@media screen and (max-width: 767px) {
    .ihop-autocompletion .input-ihopeGooglesearch.form-control:focus {
        font-size:16px;
    }
}

.ihop-autocompletion .form-control-feedback img {
    padding: 15px;
}

.ihop-autocompletion .form-control {
    padding: 16px 30px 16px 46px;
    font-size: 13px;
    line-height: 17px;
    color: #676767;
    border-radius: 10px;
    border: .5px solid #676767;
    font-weight: 400;
    height: auto;
}

.remove-radius .form-control {
    border-radius: 10px 10px 0 0;
}

.ihop-autocompletion {
    position: relative;
}

.deliveryinfo-type-ahead-results {
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    text-align: left;
    top: 99%;
    border-radius: 0 0 10px 10px;
    border: .5px solid #676767;
    padding: 18px 15px 8px 46px;
    z-index: 99;
}

.deliveryinfo-type-ahead-results ul {
    margin: 0;
    padding: 0;
}

.deliveryinfo-type-ahead-results ul li {
    list-style-type: none;
    margin-bottom: 15px;
}

.powered-by img {
    width: 16%;
    float: right;
}

.deliveryinfo-type-ahead-results ul li a {
    font-size: 13px;
    color: #676767;
    font-weight: 400;
}

.deliveryinfo-type-ahead-results ul li a:hover,.deliveryinfo-type-ahead-results ul li a:focus {
    color: #0071b9;
}

.street {
    font-weight: bold;
    font-size: 13px;
    color: #313131;
    margin: 0;
    line-height: 1.5;
}

.city {
    font-weight: 400;
    font-size: 13px;
    color: #676767;
    margin: 0;
    line-height: 1.5;
}

.ihop-autocompletion .form-control:focus,.ihop-autocompletion .form-control:hover {
    color: #676767;
    border: .5px solid #676767;
    outline: none;
    box-shadow: none;
}

.remove-border-radius {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

@media(min-width: 280px) and (max-width:767.98px) {
    .powered-by img {
        width:107px;
    }

    .deliveryinfo-type-ahead-results {
        padding: 18px 15px 8px 40px;
    }

    .deliveryinfo-type-ahead-results ul li {
        margin-bottom: 13px;
    }

    .ihop-autocompletion .form-control-feedback {
        width: 40px;
    }

    .ihop-autocompletion .form-control {
        padding: 16px 30px 16px 40px;
    }
}

.header-btns {
    padding: 15px 15px 0 15px;
}

.modal-padding {
    padding: 0 10px 0 20px;
}

.ihop-blue {
    color: #0071b9;
}

.ihop-blue:focus,.ihop-bluehover {
    color: #0071b9;
}

.wrapper {
    display: block;
    width: 100%;
    background-color: #fff;
    min-height: 100vh;
    margin-top: 100px;
}

.wrapper>div.container-fluid>div.d-block {
    margin: 15px 0;
}

.modal .modal-header {
    border: 0;
}

@media(min-width: 576px) {
    .modal-dialog {
        width:500px;
    }
}

.modal-open .pickup .container,.modal-open .pickup .container-fluid {
    -webkit-filter: none;
    filter: none;
}

@media(min-width: 1024px) and (max-width:1300px) {
    .modal.iHop_right_modal .modal-dialog {
        width:380px;
    }
}

.pickup {
    padding: 0 0 40px 0;
}

@media(min-width: 576px) {
    .pickup {
        padding:0 15px 50px 15px;
    }
}

.pickup .close-btn {
    margin-bottom: 10px;
}

.pickup .pickup-top {
    display: flex;
}

.pickup .pickup-top .pickup-heading {
    font-family: "CorbenBold",serif;
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
    color: #0071b9;
}

.pickup .pickup-top img {
    margin-left: auto;
    width: 100px;
}

.pickup .popup-title {
    font-size: 16px;
    line-height: 19px;
    color: #0071b9;
    font-weight: 700;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #0071b9;
    margin: 30px 0 20px 0 !important;
}

.pickup .result-list {
    display: flex;
    padding: 20px 0;
}

.pickup .result-list .list-content h4 {
    font-size: 13px;
    line-height: 17px;
    color: #3d3d3d;
    font-weight: 700;
}

.pickup .result-list .list-content address {
    color: #676767;
    font-size: 13px;
    line-height: 21px;
}

.pickup .result-list .list-content address a {
    color: #676767;
    text-decoration: underline;
}

.pickup .result-list .list-content instruction {
    color: #676767;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 10px;
}

.pickup .result-list .list-content instruction a {
    color: #676767;
    text-decoration: underline;
}

.pickup .result-list .list-content .like-area {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.pickup .result-list .list-content .like-area .heart-icon .heart-icon-active {
    display: none;
}

.pickup .result-list .list-content .like-area:hover .heart-icon .heart-icon-active {
    display: block;
}

.pickup .result-list .list-content .like-area:hover .heart-icon .heart-icon-reg {
    display: none;
}

.pickup .result-list .list-content .like-area .like-txt {
    color: #676767;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    margin-left: 5px;
}

.pickup .result-list .list-right {
    margin-left: auto;
}

.pickup .result-list .list-right .distance {
    font-size: 11px;
    line-height: 14px;
    margin-top: 2px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.pickup .result-list .list-right .list-btn {
    color: #0071b9;
    background-color: transparent;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    padding: 11px 16px;
    margin-top: 0;
    border-radius: 45px;
    border: 1px solid #0071b9;
}

.pickup .result-list .list-right .list-btn:hover,.pickup .result-list .list-right .list-btn:focus {
    color: #fff;
    background-color: #0071b9;
    border: 1px solid #0071b9;
}

.pickup .ihop-error {
    font-weight: 400;
    font-size: 11px;
    color: #3d3d3d;
    margin: 0 0 30px 0;
    padding-left: 30px;
    color: #3d3d3d;
    background-color: transparent;
    padding: 0 0 0 15px;
}

@media(max-width: 680px) {
    .pickup .ihop-error {
        padding:10px 0 0 15px;
    }
}

.pickup .ihop-error .justify-content-center .col-9 {
    font-size: 12px;
}

.pickup .ihop-error img {
    margin-right: 5px;
}

.pickup .ihop-error .col-8 {
    padding-left: 20px;
}

.pickup .ihop-error span {
    float: none;
}

@media(min-width: 768px) and (max-width:824px) {
    .pickup .ihop-error span {
        width:88%;
        float: right;
    }
}

@media(max-width: 500px) {
    .pickup .ihop-error span {
        width:88%;
        float: right;
    }
}

@media(max-width: 375px) {
    .pickup .ihop-error span {
        width:85%;
    }
}

.pickup .error-ihop {
    border-color: #e3121a !important;
}

.pickup .pickup-date-sec {
    padding-top: 20px;
}

.pickup .pickup-date-sec .form-check {
    padding-left: 30px;
    margin-bottom: 24px;
}

.pickup .pickup-date-sec .form-check .form-check-input {
    top: 50%;
    transform: translateY(-50%);
    margin: -2px 0 0;
    width: 22px;
    height: 22px;
    left: 0;
}

.pickup .pickup-date-sec .form-check input[type='radio'] {
    -webkit-appearance: none;
    border: 1px solid #0071b9;
    border-radius: 50%;
    outline: none;
}

.pickup .pickup-date-sec .form-check input[type='radio']:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: relative;
    border-radius: 50%;
    left: 3px;
    top: 3px;
}

.pickup .pickup-date-sec .form-check input[type='radio']:checked:before {
    background: #0071b9;
}

.pickup .pickup-date-sec .form-check .form-check-label {
    font-size: 13px;
    line-height: 18px;
    color: #676767;
}

.pickup .pickup-date-sec .form-check .form-check-label span {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.pickup .pickup-date-sec .select-box-sec {
    padding: 0 30px;
}

.pickup .pickup-date-sec .select-box-sec select {
    border: 1px solid #676767;
    padding: 16px 17px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 17px;
    color: #000;
    font-weight: 500;
    height: 50px;
    background: url("/images/2/icons/down_arrow.png") no-repeat calc(100% - 5px) 21px;
    background-size: 12px auto;
    -webkit-appearance: none;
    appearance: none;
}

@media(max-width: 355px) {
    .pickup .pickup-date-sec .select-box-sec select {
        padding:16px 10px;
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    .pickup .pickup-date-sec .select-box-sec select {
        font-size:11px;
    }
}

.pickup .pickup-date-sec .select-box-sec .pickup-btn {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700px;
    color: #fff;
    background-color: #e3121a;
    border-radius: 45px;
    padding: 16px 25px;
    margin-top: 40px;
}

.pickup .pickup-btn {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700px;
    color: #fff;
    background-color: #e3121a;
    border-radius: 45px;
    padding: 16px 25px;
    margin-top: 40px;
}

.location-result {
    padding-top: 0;
    position: relative;
    display: flex;
    align-items: center;
}

.location-result .result-content {
    left: 0;
    width: calc(100% - 220px);
}

@media(min-width: 1024px) and (max-width:1300px) {
    .location-result .result-content {
        width:calc(100% - 75px);
    }
}

@media(max-width: 576px) {
    .location-result .result-content {
        width:calc(100% - 110px);
    }
}

@media(max-width: 360px) {
    .location-result .result-content {
        width:calc(100% - 75px);
    }
}

.location-result .result-content .h3 {
    color: #ee252b;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    margin: 5px 0 10px 0;
}

.location-result .result-content p {
    color: #3d3d3d;
    font-size: 13px;
    line-height: 17px;
}

.location-result .result-content .result-btn {
    border-radius: 45px;
    padding: 16px 35px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    background-color: #e3121a;
}

.location-result .location-map {
    position: relative;
    right: 0;
    bottom: 0;
    margin-left: auto;
    align-self: flex-end;
}

@media(min-width: 1024px) and (max-width:1300px) {
    .location-result .location-map {
        width:80px;
    }
}

@media(max-width: 576px) {
    .location-result .location-map {
        width:96px;
    }
}

@media(max-width: 360px) {
    .location-result .location-map {
        width:80px;
    }
}

.location-result .location-error {
    position: absolute;
    right: 0;
    bottom: 50px;
}

@media(min-width: 1024px) and (max-width:1300px) {
    .location-result .location-error {
        width:25px;
        bottom: 26px;
    }
}

@media(max-width: 576px) {
    .location-result .location-error {
        width:32px;
        bottom: 32px;
    }
}

@media(max-width: 360px) {
    .location-result .location-error {
        width:25px;
        bottom: 26px;
    }
}

.location-divider {
    margin-top: 50px;
    color: #dbd9d6;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    position: relative;
}

.location-divider:before {
    position: absolute;
    width: calc(50% - 25px);
    top: 50%;
    transform: translateY(-50%);
    content: "";
    height: 1px;
    border-bottom: .5px solid #dbd9d6;
    float: left;
    left: 0;
}

.location-divider:after {
    position: absolute;
    width: calc(50% - 25px);
    top: 50%;
    transform: translateY(-50%);
    content: "";
    height: 1px;
    border-bottom: .5px solid #dbd9d6;
    float: right;
    right: 0;
}

.search-sec {
    padding: 40px 0;
}

@media(max-width: 576px) {
    .search-sec {
        padding:20px 0;
    }
}

.search-sec .search-head {
    color: #0071b9;
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    margin-bottom: 20px;
}

.search-sec .has-search .form-control {
    padding: 16px 30px 16px 40px;
    padding-left: 2.375rem;
    font-size: 13px;
    line-height: 17px;
    color: #676767;
    border-radius: 10px;
    border: .5px solid #676767;
    font-weight: 400;
}

.search-sec .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    pointer-events: none;
    color: #0071b9;
}

.result-list-sec .h5 {
    color: #0071b9;
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px;
}

.result-list-sec .c-location-card__mylocation-button--greyed {
    color: #676767;
    font-size: 13px;
}

.result-list-sec .order-btn {
    color: #fff;
    background-color: #e3121a;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    padding: 11px 21px;
    margin-top: 20px;
    border-radius: 45px;
}

.result-list-sec .order-btn:hover,.result-list-sec .order-btn:focus {
    background-color: #fff;
    border-color: #e3121a;
    color: #e3121a;
}

.result-list-sec .result-list-outer {
    margin: 0 -30px 0 -35px;
    background-color: #fff;
}

.result-list-sec .result-list-outer .loc-container-fluid .c-loc-main-contaniner {
    background-color: #f9f9f9;
}

.result-list-sec .result-list-outer .container-fluid {
    padding: 0 34px !important;
}

.result-list {
    display: flex;
    padding: 20px 0;
    border-bottom: .5px solid #dbd9d6;
}

.result-list .list-content h4 {
    font-size: 13px;
    line-height: 17px;
    color: #3d3d3d;
    font-weight: 700;
    margin-bottom: 10px;
}

.result-list .list-content address {
    color: #676767;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 10px;
}

.result-list .list-content address a {
    color: #676767;
    text-decoration: underline;
}

.result-list .list-content address a:hover,.result-list .list-content address a:focus {
    font-weight: 600;
    text-decoration: none;
}

.result-list .list-content .like-area {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.result-list .list-content .like-area .heart-icon i {
    font-size: 20px;
}

.result-list .list-content .like-area .like-txt {
    color: #676767;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
}

.result-list .list-right {
    margin-left: auto;
}

.result-list .list-right .distance {
    font-size: 11px;
    line-height: 14px;
    margin-top: 2px;
    font-weight: 400;
}

.result-list .list-right .list-btn {
    color: #fff;
    background-color: #e3121a;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    padding: 11px 21px;
    margin-top: 20px;
    border-radius: 45px;
}

.result-list.selected {
    border: none;
    padding: 40px 0 10px;
}

@media(max-width: 576px) {
    .result-list.selected {
        padding:20px 0 10px;
    }
}

.result-list.selected .list-content .like-area i {
    color: #ee252b;
}

.result-list.selected .list-content .like-area i:before {
    content: "";
}

.result-list.selected .list-content .like-area .like-txt {
    color: #0071b9;
}

.deliveryinfo-type-ahead-results {
    display: none;
}

.js-txt-location-search.error {
    margin-left: 0;
}

.location-sec {
    position: relative;
    padding: 10px 0;
    border-bottom: .5px solid #dbd9d6;
}

.location-sec .map-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.location-sec .h5 {
    position: relative;
    left: 30px;
    top: -3px;
    width: calc(100% - 60px);
    line-height: 16px;
    margin: 0;
}

.location-sec .h5 .mini-head {
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #3d3d3d;
}

.location-sec .h5 .location-top-head {
    position: relative;
    display: inline-flex;
    color: #3d3d3d;
    font-size: 14px;
    line-height: 14px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95%;
}

.location-sec .h5 .location-top-head i {
    color: #ee252b;
    padding-left: 10px;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    right: 0;
}

@media (min-width: 280px) and (max-width: 768px) {
    .footer-sec .location-sec .h5 .location-top-head i {
        position: unset !important;
        bottom: -1px;
        padding-left: 1px !important;
        transform: rotate(180deg);
    }
}

.location-sec .top-bag {
    position: absolute;
    right: 0;
    color: #0071b9;
    top: 50%;
    transform: translateY(-50%);
}

.location-sec .top-bag i {
    font-size: 28px;
}

.location-sec .ihop2-location-icon-container {
    position: absolute;
}

.search-head {
    font-family: "CorbenBold",sans-serif;
    color: #0071b9 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 900 !important;
}

#nav-bar-location-widget {
    display: flex;
}

.c-pointer {
    cursor: pointer;
}

.c-location-count {
    padding: 0 34px;
}

.c-loc-main-contaniner {
    border-top: .5px solid #dbd9d6;
}

.c-favoriteLocation .result-list {
    border-bottom: none !important;
}

.popup-title.c-orderttime-title {
    margin: 30px 0 0 0 !important;
}

.popup-title.c-location-title {
    margin: 30px 0 0 0 !important;
}

@media(min-width: 280px) and (max-width:768px) {
    .location-sec .h5 .location-top-head {
        font-size:13px;
    }

    .location-sec .h5 .location-top-head .xs-position {
        position: unset !important;
        bottom: -1px;
        padding-left: 1px !important;
    }

    .location-sec .h5 .location-top-head .xs-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        padding-right: 20px;
        max-width: 100%;
        vertical-align: middle;
    }
}

.modal-location .location-sec {
    margin-bottom: 25px;
}

#myihop-location-search .location-sec {
    margin-top: 25px;
    margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
    #handoff_modal .pickup.modal-body .pickup-btn {
        margin:0;
    }

    #handoff_modal .pickup .pickup-date-sec .form-check {
        margin-bottom: 10px;
    }

    #handoff_modal .delivery .delivery-details-form .delivery-btn {
        margin-top: 10px;
    }

    #handoff_modal .pickup .popup-title {
        margin: 10px 0 20px 0 !important;
    }

    #handoff_modal .delivery .delivery-list.final-address {
        padding: 0 0 15px;
    }

    #handoff_modal .delivery .delivery-top {
        padding-bottom: 15px;
    }
}

.ihop-autocompletion .form-control::placeholder {
    color: #676767;
}

.ihop-autocompletion .form-control:-ms-input-placeholder {
    color: #676767;
}

.default .placeholder {
    display: none;
}

.default .try-btn {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    align-items: center;
    color: #fff;
    background-color: #0071b9;
    border: 1px solid #0071b9;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0 0;
    border-radius: 10px !important;
    z-index: 5;
    margin-left: -3px;
    padding: 8px 21px;
}

.default .try-btn:hover {
    color: #0071b9;
    background-color: #fff;
}

.error {
    position: relative;
    margin-left: 0 !important;
}

.error #txtBarcode::placeholder {
    color: transparent;
}

.error .form-control {
    border: 1px solid #e3121a !important;
}

.error #added-coin {
    display: none;
}

.error .try-btn {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    align-items: center;
    color: #fff;
    background-color: #e3121a;
    border: 1px solid #e3121a;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0 0;
    border-radius: 10px !important;
    z-index: 5;
    margin-left: -3px;
}

@media(min-width: 768px) and (max-width:920px) {
    .error .try-btn {
        font-size:9px;
    }
}

.error .try-btn:hover {
    color: #e3121a;
    background-color: #fff;
}

.error .placeholder {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-weight: normal;
    font-size: 10px;
    line-height: 1.5;
    color: #676767;
    max-width: 175px;
}

@media(min-width: 768px) and (max-width:920px) {
    .error .placeholder {
        bottom:10px !important;
        font-size: 9px;
    }

    .error .placeholder span {
        display: block !important;
    }
}

@media(max-width: 576px) {
    .error .placeholder {
        max-width:initial;
    }
}

@media(max-width: 520px) {
    .error .placeholder {
        max-width:150px;
    }
}

@media(max-width: 375px) {
    .error .placeholder {
        font-size:9px;
        max-width: 142px;
    }
}

.error .message {
    color: #676767;
    font-weight: 500;
}

.error .heading {
    display: inline;
    color: #e3121a;
    font-weight: 800;
    margin-right: 3px;
}

.error-used-code {
    position: relative;
}

.error-used-code #txtBarcode::placeholder {
    color: transparent;
}

.error-used-code .form-control {
    border: 1px solid #e3121a !important;
}

.error-used-code #added-coin {
    display: none;
}

.error-used-code .try-btn {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    align-items: center;
    color: #fff;
    background-color: #e3121a;
    border: 1px solid #e3121a;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0 0;
    border-radius: 10px !important;
    z-index: 5;
    margin-left: -3px;
}

.error-used-code .try-btn:hover {
    color: #e3121a;
    background-color: #fff;
}

.error-used-code .placeholder {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-weight: normal;
    font-size: 10px;
    line-height: 1.5;
    color: #676767;
}

.error-used-code .placeholder .heading {
    display: inline;
    color: #e3121a;
    font-weight: 800;
    margin-right: 3px;
}

.error-used-code .message {
    color: #676767;
    font-weight: 500;
}

.error-code-expired {
    position: relative;
}

.error-code-expired #txtBarcode::placeholder {
    color: transparent;
}

.error-code-expired .form-control {
    border: 1px solid #e3121a !important;
}

.error-code-expired #added-coin {
    display: none;
}

.error-code-expired .try-btn {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    align-items: center;
    color: #fff;
    background-color: #e3121a;
    border: 1px solid #e3121a;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0 0;
    border-radius: 10px !important;
    z-index: 5;
    margin-left: -3px;
}

.error-code-expired .try-btn:hover {
    color: #e3121a;
    background-color: #fff;
}

.error-code-expired .placeholder {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-weight: normal;
    font-size: 10px;
    line-height: 1.5;
    color: #676767;
}

.error-code-expired .placeholder .heading {
    display: inline;
    color: #e3121a;
    font-weight: 800;
    margin-right: 3px;
}

.error-code-expired .message {
    color: #676767;
    font-weight: 500;
}

.success {
    position: relative;
}

.success #txtBarcode::placeholder {
    color: transparent;
}

.success .form-control {
    border: 1px solid #b6bd00 !important;
}

.success .try-btn {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    align-items: center;
    color: #fff;
    background-color: #0071b9;
    border: 1px solid #0071b9;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0 0;
    border-radius: 10px !important;
    z-index: 5;
    margin-left: -3px;
}

.success .try-btn:hover {
    color: #0071b9;
    background-color: #fff;
}

.success .placeholder {
    display: inherit;
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-weight: normal;
    font-size: 10px;
    line-height: 1.5;
    color: #676767;
}

@media(min-width: 768px) and (max-width:920px) {
    .success .placeholder {
        bottom:3px !important;
        display: block;
    }

    .success .placeholder .message {
        display: inline !important;
    }
}

.success .placeholder #added-coin {
    color: #000;
    margin-right: 3px;
    display: block;
}

.success .placeholder .heading {
    display: inline;
    color: #b6bd00;
    font-weight: 800;
    margin-right: 3px;
}

.success .placeholder .message {
    color: #676767;
    font-weight: 500;
}

.reached-daily-limit-message-success {
    display: none;
}

.reached-daily-limit-message {
    display: none;
}

.reached-daily-limit-success {
    position: relative;
}

.reached-daily-limit-success .collect-pan-coin {
    filter: blur(16px);
}

.reached-daily-limit-success .reached-daily-limit-message-success {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 30px;
    min-height: 300px;
}

.reached-daily-limit-success .reached-daily-limit-message-success h1 {
    display: inherit;
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #676767;
}

.reached-daily-limit-success .reached-daily-limit-message-success h1 .heading {
    color: #b6bd00;
}

.reached-daily-limit-success .reached-daily-limit-message-success h1 #added-coin {
    color: #676767;
    display: inline;
}

.reached-daily-limit-success .reached-daily-limit-message-success p {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    padding: 0 10px;
    color: #3d3d3d;
}

.reached-daily-limit .collect-pan-coin {
    position: relative;
    filter: blur(16px);
}

.reached-daily-limit .reached-daily-limit-message {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 30px;
    min-height: 300px;
}

.reached-daily-limit .reached-daily-limit-message h1 {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #676767;
}

.reached-daily-limit .reached-daily-limit-message h1 .heading {
    color: #b6bd00;
}

.reached-daily-limit .reached-daily-limit-message h1 #added-coin {
    color: #676767;
}

.reached-daily-limit .reached-daily-limit-message p {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    padding: 0 10px;
    color: #3d3d3d;
}

.lagre-erorr-text .collect-pan-coin input[type=number] {
    height: 50px !important;
}

.lagre-erorr-text .placeholder {
    bottom: 5px;
    top: 10px;
}

.rewards-barcode {
    position: relative;
}

.rewards-barcode .lblBarcode {
    position: absolute;
    left: 15px;
    top: 17px;
    color: #3d3d3d;
    font-size: 13px;
    font-style: italic;
    line-height: 17px;
    font-weight: 400;
    margin: 0;
    transition: all .2s;
    cursor: initial;
    padding: 0 3px;
    background-color: #fff;
    pointer-events: none;
}

@media(min-width: 768px) and (max-width:880px) {
    .rewards-barcode .lblBarcode {
        font-size:11px;
        left: 5px;
    }
}

.error .rewards-barcode .placeholder {
    left: 15px;
    bottom: 16px;
}

.success .rewards-barcode .placeholder {
    bottom: 16px;
}

#collectpancoinscard .rewards-barcode #txtBarcode {
    border-width: 1px;
}

.rewards-video {
    padding-top: 60px;
    display: block;
    padding-bottom: 60px;
}

.rewards-video-container {
    position: relative;
    height: 380px;
}

.rewards-video-container .rewards-video-title {
    color: #0071b9;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    text-align: left;
}

.rewards-video-container .rewards-video-link {
    color: #0071b9;
    font-size: 16px;
    padding: 10px 0;
    text-align: left;
    text-decoration: underline;
}

.rewards-video-container .rewardsvideo {
    background-color: #000;
    width: 100%;
    height: 100%;
}

.rewards-video-container .playpause-icon {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-family: initial;
    font-size: 48px;
    line-height: 54px;
    width: 60px;
    height: 60px;
    padding: 2px 10px;
    position: absolute;
    top: 46%;
    left: 44%;
    z-index: 9;
}

.rewards-video-container .playpause-icon:before {
    content: '►';
}

@media(max-width: 1024px) {
    .rewards-video-container {
        max-height:240px;
    }
}

@media(max-width: 767px) {
    .rewards-video-container {
        height:320px;
        margin-bottom: 50px;
    }

    .rewards-video-container .rewardsvideo {
        height: 200px;
    }
}

.ihop-error {
    background-color: #ffe32e;
    padding: 40px 0 50px;
    overflow: hidden;
}

.ihop-error h1 {
    color: #d51e22;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 22px;
    line-height: 27px;
    margin: 0 0 20px;
}

.ihop-error .h2 {
    color: #1885d4;
    text-transform: none;
    font-family: "CorbenBold",serif;
    font-weight: 900;
    font-size: 32px;
    line-height: 1.8;
    margin: 0 0 20px;
    display: inline-block;
}

@media(max-width: 767px) {
    .ihop-error .h2 {
        font-size:28px;
    }
}

.ihop-error .error-content h1 {
    color: #d51e22;
    text-transform: capitalize !important;
    font-weight: 900;
    font-size: 22px;
    line-height: 27px;
    margin: 0 0 20px;
}

.ihop-error .error-content .row .col-sm-8 {
    padding-right: 0 !important;
}

.ihop-error .view-specials-btn {
    border: 1px solid #fff;
    color: #d51e22;
    background-color: #fff;
    border-radius: 10px;
    text-transform: capitalize;
    padding: 10px 30px;
    margin-right: 20px;
}

.ihop-error .view-specials-btn a {
    color: inherit;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
}

.ihop-error .view-specials-btn:focus,.ihop-error .view-specials-btn:hover {
    border: 1px solid #d51e22;
    color: #fff;
    background-color: #d51e22;
}

.ihop-error .order-now-btn {
    border: 1px solid #d51e22;
    color: #fff;
    background-color: #d51e22;
    border-radius: 10px;
    text-transform: capitalize;
    padding: 10px 30px;
}

.ihop-error .order-now-btn a {
    color: inherit;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
}

.ihop-error .order-now-btn:focus,.ihop-error .order-now-btn:hover {
    border: 1px solid #fff;
    color: #d51e22;
    background-color: #fff;
}

.sad-simile:before {
    background-image: url("/images/2/icons/inverted-logo.png");
    display: inline-block;
    width: 54px;
    height: 20px;
    content: "";
    position: absolute;
    bottom: -14px;
    left: 14.5%;
    background-repeat: no-repeat;
}

.error-header {
    position: relative;
}

.sad-simile {
    position: relative;
}

@media(max-width: 767px) {
    .ihop-error .container-fluid img {
        margin-bottom:25px;
    }

    .ihop-error .view-specials-btn {
        padding: 10px 15px;
        margin-right: 10px;
    }

    .ihop-error .order-now-btn {
        padding: 10px 15px;
        width: 142px;
    }
}

@media screen and (min-width: 575px) and (max-width:767px) {
    .ihop-error .col-sm-4 {
        flex:0 0 100%;
        max-width: 100%;
    }

    .ihop-error .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .ihop-error .col-sm-8.order-sm-0 {
        order:-1;
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .ihop-error .view-specials-btn {
        padding:10px 8px;
        margin-right: 15px;
    }

    .ihop-error .view-specials-btn a,.ihop-error .order-now-btn a {
        font-size: 12px;
    }

    .ihop-error .order-now-btn {
        padding: 10px 12px;
    }
}

@media screen and (min-width: 820px) and (max-width:991px) {
    .ihop-error .order-now-btn {
        padding:10px 12px;
    }
}

@media screen and (min-width: 992px) and (max-width:1133px) {
    .ihop-error .view-specials-btn {
        padding:10px 8px;
    }

    .ihop-error .order-now-btn {
        width: 132px;
        padding: 10px 12px;
    }
}

@media screen and (min-width: 992px) and (max-width:1133px) {
    .ihop-error .view-specials-btn {
        padding:10px 8px;
    }

    .ihop-error .order-now-btn {
        width: 132px;
        padding: 10px 12px;
    }
}

@media screen and (min-width: 1134px) and (max-width:1225px) {
    .ihop-error .view-specials-btn {
        padding:10px 20px;
    }
}

@media screen and (min-width: 1225px) {
    .ihop-error .order-now-btn {
        width:172px;
    }
}

.navbar-cta__link {
    position: relative;
    border-radius: 35px;
}

.cta--white-on-red a {
    background: #e3121a;
    border-color: #e3121a;
    color: #fff;
}
.cta--white-on-red a:hover {
    border: 2px solid #e3121a;
    background-color: #fff;
    color: #e3121a;
}
.location-sec .header-cta-button-container {
    margin-left: 20px;
    position: absolute;
    bottom: 0;
    display: flex;
    right: 0;
}
@media (max-width: 1024px) {
    .location-sec .header-cta-button-container {
        margin-left: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media(max-width: 1024px) {
    .footer-location .location-sec .header-cta-button-container .navbar-cta__link {
        font-size: 10px;
        font-weight: 700;
        line-height: 1.5;
        padding: 10px 15px;
    }
}