/*Heat bag checkout*/
@media all and (min-width:1px) {
    .heatbag-cardnumber input {
        width: 65% !important;
    }

    .heatbag-expdate {
        width: 40%;
        display: inline-block;
    }

    .heatbag-ccv {
        display: inline-block;
    }
}

#googleMapCompleted {
    height: 500px;
}

@media all and (min-width:1000px) {
    #googleMapCompleted {
        position:relative;
        height:calc(100vh - 118px);
        min-height:100%;
        overflow:auto;
    }

    .master-column-wrapper {
        overflow:hidden;
    }

    .shopping-cart-page {
        height: calc(100vh - 84px);
    }
}


/*PRoduct popup*/
.productQuantityAdjuster {
    height: 50px;
    width: 45px;
    border: none;
    border-radius: 5px;
}

    .productQuantityAdjuster:active {
        background: #ea2300;
        color: white;
    }

.Quantity-input {
    width: 75px !important;
    border-radius: 5px;
    text-align: center;
}

.special-request-input {
}


/*Homepage store item styles*/
/*This is fake store place holder stuff for loading*/
.foodLoader {
    width: 100%;
    max-width: 200px;
}
/*Real ones*/
.newStoreListUL {
    width: calc(100% - 25px);
    max-width: 900px;
    margin: 40px auto;
    display: block;
}

.storeListingsItem {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 1px 1px 3px #777;
    margin: 29px 0px;
    background: white;
}

.storeListingsHolder {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    position: relative;
    transition: all ease 0.3s;
}

    .storeListingsHolder:hover {
        box-shadow: 1px 1px 7px #777;
        cursor: pointer;
    }

.storeListingsImage {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    height: 120px;
}

.storeListingsInformation {
    height: auto;
    text-align: left;
    color: black;
    padding: 10px 15px;
}

.pastOrderListingsInformation {
    height:145px;
}

.storeListingsName {
    font-size: 1.3em;
    font-weight: bolder;
}

.storeListingsDistance {
}


@media all and (min-width:1000px) {

    .storeListingsPrice {
        font-size: 1.3em;
        font-weight: bolder;
    }
}

.storeListingsLogo {
    position: absolute;
    right: 20px;
    bottom: 21px;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

@media all and (max-width:1000px) {
    .storeListingsDistance {
        display: inline-block;
        margin-right: 10px;
    }

    .storeListingsPrice {
        display: inline-block;
    }
}

@media all and (min-width:1000px) {

    .storeListingsHolder {
        text-align: left;
    }

    .storeListingsImage {
        border-top-right-radius: inherit;
        border-top-left-radius: inherit;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        height: 131px;
        width: 213px;
        display: inline-block;
        float: left;
        margin: 5px;
    }

    .storeListingsInformation {
        height: 141px;
        display: inline-block;
        padding: 25px 15px 10px 30px;
    }

    .storeListingsDetailsHolder {
        position: absolute;
        left: 488px;
        top: 24px;
        border-left: 1px solid black;
        padding-left: 54px;
    }

    .storeListingsName {
        font-size: 1.3em;
        font-weight: bolder;
    }

    .storeListingsDistance {
    }

    .storeListingsPrice {
    }

    .storeListingsLogo {
        width: 100px;
        height: 100px;
        bottom: 20px;
    }
}


/*Autocomplete section*/
.pac-item {
    padding: 13px 26px !important;
}

.new-address-container {
    height: 100%;
}

#autocomplete-address {
    color: black;
}

#address-selector-map {
    height: calc(100vh - 170px);
    transition: all ease 1s;
    position: relative;
}

.temporary-no-height {
    height: 0px !important;
    visibility: hidden;
}

.temporary-loading {
    height: 80px !important;
}

#address-google-map {
    height: 100%;
    padding-bottom: 40px;
    width: 100%
}


#category-holder {
    position: relative;
    top: 35px;
}

@media all and (min-width:1000px) {
    #address-selector-map {
        height: 300px;
    }

    #category-holder {
        top: 0px;
    }
}

@media all and (min-width:1px) {
    .header-selectors-wrapper {
        height: 59px;
    }


    .logout-menu-item {
        position: absolute;
        bottom: 0;
        width: 100%;
        border-top: 1px solid #aaa;
    }
}

@media all and (max-width:500px) {
  
   /* .header-logo-holder {
        display: none;
    }*/
}

.mobile-header-logo-holder {
    display: none;
}

@media all and (min-width:500px) {
   /* .mobile-header-logo-holder {
                display: none;
    }*/
}

@media all and (min-width:800px) {
    .header-logo-holder {
        height: unset;
    }

    .header-logo-holder {
        padding-left: 21px;
        display: block;
    }
}

#googleMapLanding {
    transition: 1s all ease;
}


#section1 .mainSectionTitle {
    position: relative;
    top: 140px;
    /*left: 10px;*/
    font-size: 38px;
    /*color: black;*/
    color: white;
    font-weight: bold;
}

.googleMapLandingHeightClass {
    height: 185px !important;
}

#locationSearchDiv {
    top: 160px;
}

.mainSectionTitle {
    /*top: 30vh;*/
    /*top:120px;*/
}

.arrowImageDown {
    display: block;
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 5px;
}

    .arrowImageDown img {
        height: 100%;
        margin: 0 auto;
        display: block;
    }


#logo {
    height: 46px !important;
}

.searchBox2020 {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 56px;
    top: 20px;
    line-height: 21px;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
    z-index: 11;
}

@media all and (min-width:800px) {
    .searchBox2020 {
        top: 10px;
    }
}

@media all and (min-width:1000px) {
    #logo {
        height: 61px !important;
    }

    .searchBox2020 {
        top: unset;
        border-radius: 7px;
        width: 300px;
        display: inline-block;
        position: absolute;
        height: unset;
        right: 105px;
        z-index: 13;
        top: 19px;
        box-shadow: 1px 1px 4px #aaa;
    }

    .searchBox_Inner_Holder {
        height: 39px;
        top: 12px;
    }
}

@media all and (min-width:1200px) {
    .searchBox2020 {
        height: unset;
    }
}

.searchBox_Inner_Holder {
}

.searchBox_Inner_Holder {
    flex-direction: row;
    display: flex;
    width: 100%;
    background-color: rgb(255, 255, 255);
    color: rgb(23, 32, 38);
    overflow: hidden;
}

@media all and (min-width:1000px) {
    .searchBox_Inner_Holder {
        border-radius: 7px;
    }
}



@media screen and (max-width:1180px) {

    .searchBox_Inner_Holder {
        padding: 14px 18px 14px 8px;
        box-shadow: rgb(225, 229, 232) 0px 1px 0px 0px;
    }
}

.searchBox_Control {
    width: 100%;
    border: 0;
    margin: 0;
    display: inline-flex;
    padding: 0;
    position: relative;
    min-width: 0;
    flex-direction: column;
    vertical-align: top;
}

.searchBox_InputBase {
    padding-left: 10px;
    height: 100%;
    position: relative;
    width: 100%;
    color: #172026;
    cursor: text;
    display: inline-flex;
    position: relative;
    font-size: 1rem;
    box-sizing: border-box;
    align-items: center;
    font-family: CoreSans, sans-serif;
    line-height: 1.1875em;
}

.searchBox_Adornment {
    display: inline-flex;
    margin-right: 8px;
    height: 0.01em;
    /*display: flex;*/
    max-height: 2em;
    align-items: center;
    color: #172026;
    cursor: text;
    font-size: 1rem;
    font-family: CoreSans, sans-serif;
    line-height: 1.1875em;
}

.searchBox_Adornment_Inner {
    height: 20px;
    width: 20px;
    color: #172026;
    cursor: text;
    font-size: 1rem;
    font-family: CoreSans, sans-serif;
    line-height: 1.1875em;
}

.c51833 {
    color: #8D9499;
    height: 20px;
    width: 20px;
    pointer-events: none;
}

.MuiSvgIcon-root {
    fill: currentColor;
    /*width: 1em;
	height: 1em;*/
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    -moz-user-select: none;
}

.fnPwot.fnPwot .input {
    letter-spacing: 0px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
}

.hxkPDF.hxkPDF .input {
    font-weight: 500;
    padding-left: 10px;
    font-size: 14px;
    caret-color: rgb(233, 20, 49);
}

.MuiInputBase-input {
    font: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    color: currentColor;
    width: 100%;
    border: 0;
    height: 1.1875em;
    margin: 0;
    display: block;
    padding: 6px 0 7px;
    padding-left: 0px;
    min-width: 0;
    background: none;
    box-sizing: content-box;
    animation-name: MuiInputBase-keyframes-auto-fill-cancel;
    -webkit-tap-highlight-color: transparent;
}



@media screen and (min-width:500px) {
}


@media screen and (min-width:800px) {
}

@media screen and (min-width:1000px) {
}

.locationSearchDiv-openClass {
    top: 75px !important;
}

@media screen and (min-width:1000px) {
}

@media screen and (min-width:1200px) {

    #section1 .mainSectionTitle {
        top: 40vh;
    }

    #locationSearchDiv, .mainSectionTitle {
        top: 40vh;
    }




    .locationSearchDiv-openClass {
        top: 115px !important;
    }

    .googleMapLandingHeightClass {
        height: 400px !important;
    }
}

.compassIcon {
    width: 57px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 0px;
    border-left: solid 1px #ddd;
    padding: 10px 10px;
    height: 94%;
    font-size: 24px;
}

    .compassIcon img {
        padding-top: 57%;
    }

/* individual: webkit */
#txtAddress::-webkit-input-placeholder {
    line-height: 40px;
}


/* individual: mozilla */
#txtAddress::-moz-placeholder {
    line-height: 40px;
}

#locationSearchDiv {
    z-index: 0;
}


.opportunitiesSection {
    width: 100%;
    display: block;
    background: #f2f3f7 !important;
}

.opportunityHolder {
    margin: 0 auto;
    display: block;
    width: fit-content;
    padding-top: 1px;
}

.opportunityHalf {
    width: 100%;
    margin-top: 10px;
    padding-bottom: 20px;
    padding-top:10px;
    background: white;
    /*visibility: hidden;*/
}


.opportunityImageHolder {
    width: 100%;
/*    max-height: 300px;*/
    display: block;
    /*overflow:hidden;*/
}

    .opportunityImageHolder img {
        width: 100%;
        display: block;
        margin: 0 auto;
    }


.opportunityDescription {
    text-align: left;
    max-width: 88%;
    margin: 0 auto;
    position: relative;
}



    .opportunityDescription #CardTitle {
        color: black;
        margin-top: 20px;
    }

    .opportunityDescription #CardInfo {
        color: black;
    }

@media screen and (min-width:800px) {
    .opportunityHalf {
        display: inline-block;
    }
}

.GreyBackground {
    background-color: #f3f3f3;
}

@media screen and (min-width:1320px) {
    .opportunityDescription {
        top:50px;
        vertical-align:top;
    }
}

.SignUpButton {

}

#HomepageCardSection {
    margin:40px;
}

.redCardSection {

}

.DesktopButton {
    display: none;
}

.GreyCards {
    background:lightgrey;
}


@media screen and (min-width:1000px) {
    .DesktopButton {
        display:block;
    }

    .MobileButton {
        display:none;
    }

    .cardText {
        width:40%;
        margin:0 auto;
        display:block;
        right:20%;
        position:relative;
    }


    .redCardSection .cardText {
        left:20%;
    }

    #HomepageCard #CardTitle {
        /*        margin-top: 15px;*/
        padding-top: 175px;
        text-align: left !important;
    }

    #HomepageCard #CardInfo p {
        text-align:left;
    }

    #HomepageCardSection {
        margin:unset;
        height:500px;
    }

    .redCardSection {
        background-color:lightcoral;
    }

        .redCardSection div div img {
            float: left!important; 
        }


    #HomepageCard div img {
        float: right;
        height: 250px;
    }

  




    .SignUpButton {
        width:20%;
        display:inline-block;
        position:relative;
        top:112px;
        float:right;
    }

    .opportunityDescription a {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .opportunityHolder {
        
    }

    .opportunitiesSection {
        width: 100%;
        display: block;
        padding: 0 20px;
    }

    .opportunityHalf {
/*        max-width: 48%;*/
/*        margin-bottom: 30px;*/
        vertical-align: top;
/*        box-shadow: 1px 1px 1px black, 1px 0px 5px black;*/
    }

    .opportunityDescription {
/*        height: 250px;*/
        width:30%;
        margin-left:10%;
        display:inline-block;
        vertical-align:top;
        top:28px;
    }

        .opportunityDescription #CardInfo {
            margin-top: 10px;
        }

    .opportunityHalf:last-child {
        float: right;
    }

    .opportunityImageHolder img {
       border-radius:50%;
    }

    .opportunityImageHolder {
        max-width: 520px;
        width:36%;
        display:inline-block;
        margin-left:20px;
        margin-top:20px;
    }

    .MerchantOpportunity {
        height:320px;
    }

    .MerchantOpportunity .SignUpButton {
        float:left!important;
        margin-left:5%;
        margin-right:5%;
    }

    .MerchantOpportunity .opportunityImageHolder {
        float:right!important;
        margin-right:20px;
    }

    .MerchantOpportunity .opportunityDescription {
        margin-left: 0 !important;
    }
}

@media screen and (min-width:1250px) {

    .MerchantOpportunity {
        height: 390px;
    }
}

.opportunityTitleCardSection {
    text-align: center;
}

@media screen and (min-width:800px) {
    .opportunityTitleCardSection {
        width: fit-content !important;
    }
}

.infoImage, .infoImage2 {
    perspective: 800px;
    /*visibility: hidden;*/
}


.homeList {
}

.HomeCard {
    z-index: 100000 !important;
    height: 175px !important;
    box-shadow: 2px 2px 3px #999, 1px 8px 7px #ccc, -2px -2px 3px #999, -1px -8px 7px #ccc;
}

    .HomeCard .applyButton {
        top: 75px;
    }

    .HomeCard p {
        top: 40px !important;
    }

ul li p {
    /*line-height:28px*/
}
/*Random stuff*/
#minus:hover {
    cursor: pointer;
}

#header-myaccountmenu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}


@media all and (min-width:1px) {
    #HomepageCard {

    }

    #HomepageCard #CardTitle {
/*        margin-top:15px;*/
    }

    #HomepageCardTitle {
        text-align: center !important;
    }
}

#switcher-holder {
    display:none;
}


@media all and (max-width:500px) {
    #HomepageCard #CardTitle {
                    margin-top:15px;
        }

}

/*Stuff for application on Driver Signup Page*/
@media all and (min-width:1px) {
    #ApplicationText {
        visibility: hidden !important;
    }

    #CardTitle {
        text-align: center !important;
    }

    .Twilio-EntryPoint {
        display: none !important;
    }

    .application-header {
        height: 40px;
        background: #ea2300;
        width: 100%;
        color: white;
        text-align: center;
        font-weight: bolder;
        font-size: 20px;
        line-height: 40px;
    }

        .application-header:hover {
            background: #2bde30;
            cursor: pointer;
        }

    #application-open {
        border-top-left-radius: 25%;
        border-top-right-radius: 25%;
    }

    #application-closed {
        border-top-left-radius: 25%;
        border-top-right-radius: 25%;
        border-bottom-left-radius: 25%;
        border-bottom-right-radius: 25%;
    }

    .card-section-title {
        text-align: center;
        width: 100%;
        font-size: 29px;
        /*text-decoration: underline;*/
        text-transform: capitalize;
        font-weight: bolder;
        margin: 0px auto 10px;
        padding-top: 20px;
        color: white;
    }

    #CardInfo {
        text-align: left !important;
    }
}


/*Twilio Stuff for Chat*/
@media all and (min-width:1px) {
    .Twilio-MainContainer {
        width: 100vw !important;
        height: 100% !important;
        max-height: 80% !important;
        right: unset !important;
        bottom: 0 !important;
        top: 140px !important;
        background: #ddd;
    }

    #twilio-customer-frame {
        transform: unset !important;
    }
}

@media all and (min-width:550px) {
    .Twilio-MainContainer {
        width: 300px !important;
        height: 100% !important;
        max-height: 80% !important;
        right: 10px !important;
        bottom: 0 !important;
        top: 140px !important;
        background: #ddd;
    }
}


.Twilio h6 {
    color: white;
}

.Twilio-EntryPoint {
    bottom: 61px !important;
    z-index: 1000 !important;
}

/*Registration Page*/
@media all and (min-width:1px) {
    .registration-radio-button-group {
        padding-bottom: 5px;
    }

    .account-buttons {
        margin-top: 18px;
    }

    .social-holder {
        line-height: 45px;
        text-align: left;
        margin: 5px 18px;
    }

    .social-link-btn {
        vertical-align: middle;
    }

    .social-icon {
        float: left;
        padding-left: 11px;
        padding-right: 8px;
    }

    .registration-page {
        position: relative;
    }

    .account-note {
    }
}

@media all and (min-width:550px) {

    .social-holder {
        line-height: 42px;
        text-align: left;
        width: 300px;
        margin: 8px auto;
    }

    .registration-page {
    }
}

@media all and (min-width:800px) {
    .registration-page {
        top: 0px;
    }
}


.d512 {
    background-image: url('../Themes/Snak/Content/images/delserv.png');
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (min-width:1000px) {

    .backgroundHomepageCardImage {
        position: absolute;
        z-index: 0;
        
        top: 0;
        bottom: 0;
        background-size: cover;
    }

    .backgroundLeft {
        left: 0;
    }

    .backgroundRight {
        right: 0;
    }

    .d512 {
     
        width: 44%;
        height: 500px;
        display: inline-block;
    }
}

@media all and (min-width:1000px) {



    .registration-radio-button-group {
        max-width: 250px;
        display: block;
        margin: 10px auto;
    }
}


/*Account Page*/
@media all and (min-width:1px) {
    #address-addnew {
        background: #ea2300;
        color: white;
        height: 40px;
        padding: 0px 20px;
        margin-bottom: 20px;
    }

    .address-list-item {
        text-align: left;
    }

        .address-list-item:hover {
            cursor: pointer;
            background: #eee;
        }

            .address-list-item:hover .remove {
                font-weight: bolder;
            }

    .remove {
        width: 20px !important;
        float: right;
        margin-top: -20px;
        padding: unset !important;
        border: none !important;
        color: #ea2300;
    }
}

@media all and (min-width:550px) {
}

@media all and (min-width:800px) {
}

@media all and (min-width:1000px) {
    .pointsHolderCircle {
        margin-top: 67px;
    }

    #Change-Password .page-title {
        margin: 65px 0 12px;
    }

    .account-page .fieldset {
        margin-top: 65px !important;
    }

    #tab-header {
        display: none;
    }

    .tab {
        display: block !important;
        text-align: center;
    }


        .tab li {
            width: 18%;
            display: inline-block;
            text-align: center;
        }
}

/*Google maps "ADD Address" button*/
#address-google-map-ok {
    width: 100%;
    color: white;
    border: none;
    position: absolute;
    bottom: 0px;
    background: #ea2300;
    text-align: center;
    height: 75px;
}

@media all and (min-width:1000px) {
    #address-google-map-ok {
        height: 50px;
    }
}

.EditAddress {
    float: right;
    display: inline-block;
    background: url(../images/pen.jpg);
    background-size: cover;
}
.EditAddress:hover {
    background-image: url(../images/pen-red.jpg)!important;
    background-size:50px 50px;
}

.AddressSelectorCheckBox {
    background: url('../images/radiobutton_unchecked.png');
    background-size: contain;
    float: left;
}


.activeCheckBox {
    background: url('../images/radiobutton.png');
    background-size: contain;
}

#address-google-map-ok:hover {
    background: #2bde30;
}
/*Important - Temporary style for the cart button*/
.header-links-wrapper {
    display: none !important;
}
/*Address field in auto complete for adding an address*/
.ac-address {
    border: unset;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px;
    text-overflow: ellipsis;
}

#autocomplete-address {
    width: 100%;
}

@media all and (min-width:550px) {
}

/*Cart cover*/
#addressBook-cover {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #ffffffaa;
    display: none;
}
/*New Cart (old address button)*/
@media all and (min-width:1px) {
    /*.flyout-cart-main-holder {

	}

	.flyout-items {
		overflow:auto;
	}*/
    .flyout-go-to-cart {
        background: url(../images/button-image.png) repeat-x;
        background-size: contain;
        font-weight: bolder;
    }

        .flyout-go-to-cart:hover {
            background: url(../images/button-image2.png) repeat-x;
            background-size: contain;
        }


    /*Address book(cart) button*/
    #addressBook {
        height: 50px;
    }

    .new-cart-inner, .flyout-cart-button-inner {
        line-height: 42px;
        width: 56%;
    }

    .new-cart-inner {
        display: inline-block;
        max-width: 200px;
        font-weight: bolder;
    }

    .flyout-cart-button-inner {
        display: block;
        margin: 0 auto;
        font-size: 15px;
        max-width: 145px;
    }

    .new-cart-count {
        border-radius: 50%;
        width: 42px;
        font-weight: bolder;
        background: white;
        color: #ea2300;
        display: inline-block;
        float: left;
    }

    .new-cart-text {
        display: inline-block;
    }

    #addressBook:hover .new-cart-count {
        color: #2bde30;
    }

    .new-cart-total {
        float: right;
        display: inline-block;
    }
}

@media all and (max-width:550px) {
    .flyout-go-to-cart {
        /*position: fixed;*/
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        font-weight: bolder;
    }
}

@media all and (min-width:550px) {

    .flyout-cart-button-inner {
        line-height: 42px;
        width: 100%;
    }


    .flyout-cart-button-inner {
        max-width: unset;
    }

    .flyout-cart-main-holder {
        /*z-index: -1;*/
    }
}

/*New Address Selector in Header*/
@media all and (min-width:1px) {


    #addressBook-selector #minus:after {
        margin-top: 16px;
        position: absolute;
        right: 0;
    }


    .header-upper i {
        float: right;
        position: absolute;
        right: 0;
        top: 22px;
        border: solid black;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        margin-left: 10px;
        margin-top: -5px;
    }

    .down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }


    .header-address-selector {
        top: 4px;
        left: 74px;
        right: 0;
        width: 100%;
        height: 70px;
        display: flex;
        z-index: 5;
        position: absolute;
        align-items: center;
        pointer-events: none;
    }

    .header-address-selecter-inner {
        display: flex;
        padding: 10px 20px 0 20px;
        position: relative;
        align-items: center;
        flex-direction: column;
        pointer-events: auto;
        justify-content: center;
        width: 245px;
        text-align: left;
        line-height: 14px;
    }

    @media all and (min-width:500px) {

        .header-address-selector {
            left:110px;
        }
    }

    @media all and (min-width:800px) {
        .header-address-selector {
            justify-content: flex-start;
        }

        .header-address-selecter-inner {
            left: 118px;
            text-align: left;
            align-items: left;
            margin-left: 20px;
        }

        .header-address-top-line {
            width: unset;
            border-bottom: unset;
        }
    }

    @media all and (min-width:1000px) {
        .header-address-selecter-inner {
            left: 140px;
            text-align: left;
            align-items: left;
        }
    }

    .header-address-selector:hover .header-address-selecter-inner {
        cursor: pointer;
    }

    .header-address-top-line {
        color: #ea2300;
        /*border-bottom:1px solid white;*/
        text-transform: uppercase;
        font-size: 0.9em;
        font-weight: bold;
        width: 100%;
    }

    .header-address-bottom-line {
        color: black;
        font-weight: bold;
        width: 100%;
    }

    .header {
        /*background-color: #ea2300;*/
        background-color: white;
    }

    #addressBook-selector {
        display: none;
        width: 100%;
        /*border: 1px solid lightgrey;*/
        height: calc(100vh - 60px);
        position: fixed;
        top: 60px;
        background-color: white;
        z-index: 101;
    }
}

@media all and (min-width:550px) {

    /*.header-address-selector {
        z-index: -1;
    }*/

    /*#addressBook-selector {
        position: absolute;
        left: 0;
        right: 0;
        border: 1px solid darkgrey;
        box-shadow: 1px 2px 5px #ccc;
    }*/
}

@media all and (min-width:800px) {
    #unorderedAddressSelectorList {     
        max-height: unset;
    }

    .header {
    }


    #addressBook-selector {
    }

    .header-selectors-wrapper {
        /*padding:12px;*/
    }

    .header-address-selector {
        top: 4px;
        left:0;
    }

        .header-address-selector:hover {
            background: unset;
            cursor: unset;
        }

    .header-address-selecter-inner {
    }


        .header-address-selecter-inner:hover {
            cursor: pointer;
        }
}

@media all and (min-width:1000px) {
    .header-address-selector {
        top: 13px;
    }

    .header-address-selecter-inner {
        left: 163px;
    }

    #addressBook-selector {
        width: 300px;
        position: absolute;
        left: 202px;
        top: 65px;
        border: 1px solid #ddd;
        height: unset;
        max-height: 500px;
        border-radius: 5px;
        box-shadow: 1px 1px 4px #ddd;
    }

    .pac-container {
        box-shadow: 1px 1px 2px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }

    #addressBook-selector-temp-height {
    }

    /*#addressBook-selector {
			border: 1px solid #eee;
			height: auto;
			padding-top: 0px;
			margin: 0 auto;
			bottom: unset;
			width: 500px;
		}*/

    /*#addressBook-selector {
        position: absolute;
        left: 0;
        right: 0;
        border: 1px solid darkgrey;
        box-shadow: 1px 2px 5px #ccc;
    }*/
}


/*Order Details*/
@media all and (min-width: 1px) {
    .rating-submit-button {
        margin:10px auto 10px!important;
        display:block;
    }

    .extra-tip-submit {
        width: 90% !important;
        margin: 20px 20px !important;
        display: block;
        float: unset !important;
    }


    #showOrderReciept {
        cursor: pointer;
        float: right;
        margin-top: 15px;
        width: unset;
    }

        #showOrderReciept img {
            height: 40px !important;
        }

    .show-orderDetails-button {
        width: 100%;
        height: 50px;
        line-height: 33px;
        background-color: #ea2300;
        color: white;
        padding: 10px;
        margin-top: 14px;
        font-weight: bolder;
        text-align: center;
        cursor: pointer;
        display: none;
    }

        .show-orderDetails-button:hover {
            background-color: #2bde30;
        }

    .faces {
        background-color: #aaa;
        padding: 5px;
        width: 80px;
        border-radius: 50%;
        margin: 10px;
        border: 1px solid #6c6c6c;
        cursor: pointer;
    }

    .face-sad:hover {
        background-color: #ea2300;
    }

    .face-happy:hover {
        background-color: #2bde30;
    }

    .rating-view .second-half-inner-holder {
        padding-bottom: 0;
    }

    .rating-commentTxt {
        float: none !important;
        width: unset !important;
        /*margin: auto;*/
    }

    .rating-view {
        margin:0px 15px 15px 15px;
        z-index: 1;
    }

        .rating-view .checkout-button {
            /*position: unset;*/
            text-align: center;
            /*border-bottom: 1px solid white;*/
        }

        .rating-view .checkout-title {
            padding: 20px;
            text-align: center;
        }

        .rating-view .first-half-checkout {
            margin-top: 0px;
        }

    .commentBad, .commentGood {
        /*text-align: center;*/
        display: none;
        padding: 15px 0;
    }

    .comment-checkbox {
        width: auto;
        float: none;
    }

    .comment-choice {
        vertical-align: middle;
        /*height: 35px;*/
    }

        .comment-choice span {
            line-height: 35px;
        }

    .rating-view .AttributeCheckBoxContainer {
        float: right;
    }

    .rating-commentDiv {
        height: 50px;
        width: 100%;
        text-align: center;
        display: none;
    }

    .rating-comments {
        width: 75%;
        margin: auto;
    }
}

@media all and (min-width: 850px) {
    /*    .rating-submit-button {
        bottom: 0px !important;
    }*/
}

@media all and (min-width: 1000px) {
    .rating-submit-button {
        bottom: 0px !important;
        margin:10px auto 10px!important;
        display:block;
    }

    #showOrderReciept {
        display: none;
    }

    .rating-view .checkout-title {
        padding: 0;
        font-weight: bold;
    }

    /*.rating-view .checkout-button {
        position: absolute;
        border-bottom: unset;
    }*/

    .rating-comments {
        width: 70%;
        margin: 0 auto 15px auto;
    }

    .rating-commentDiv {
        height: 60px;
    }
}

/*ADS*/
@media all and (min-width: 1px) {
    .ads {
        width: 100%;
        border-radius: 5px;
    }

    #adsView {
        padding: 15px;
        border-radius: 5px;
        margin: 0 auto;
    }
}

@media all and (min-width: 1000px) {
    #adsViewDesktop {
        width: calc(100% - 25px);
        max-width: 900px;
        margin: 40px auto;
        display: block;
    }

    .ads {
        max-width: 49%;
        margin: auto;
    }
}

/*Merchant Login Page*/
@media all and (min-width:1px) {
    .merchantDashboardLoginWrapper {
/*        margin-top: 90px !important;*/
    }
}

@media all and (min-width:750px) {
    .login-register {
        position: relative !important;
    }

    .merchant-login-footer {
        left: 0px !important;
    }

    .merchant-login-footer, .merchant-login-footer-topper {
        margin-top: -50px;
        top: 0px !important;
    }

    .mini-sidebar #main-wrapper .left-sidebar .slimScrollDiv .scroll-sidebar .user-profile .profile-img {
        width: 50px;
    }
}

@media all and (max-width:1150px) {
}

/*New product page*/
@media all and (min-width:1px) {
    .sections section:first-child {
        margin-top: 81px;
    }

    .storeImageHolder {
    }


    .header-links-wrapper {
        height: 0;
        padding: unset;
    }

    .header-links.header-links ul {
        height: 0px;
    }

    #topsearchbar {
        height: 0px;
    }

    .header-links ul {
        height: 0px;
    }

    #small-searchterms {
        display: none;
    }

    .header {
        height: unset;
        z-index: 100;
    }

    .admin-header-links {
        /*top: 75px !important;*/
        display:none;
    }

    .master-wrapper-content {
        /*top: 164px;*/
    }
}

@media all and (min-width:550px) {
    #product-dialog {
        width: 100%;
        height: unset;
        top: 30px;
        z-index: 9999;
        bottom: 65px;
        /*margin-top: -14vh;*/ /* Negative half of height. */
        border: 1px black solid;
        overflow-x: hidden;
        box-shadow: black 1px 1px 100px 8px;
        padding-bottom: unset;
    }


    .admin-header-links {
        /*top: 95px !important;*/
    }


    .header-links-wrapper {
        height: unset;
        padding: 20px 0;
    }


    .header-links, .header-links ul {
        height: unset;
    }


    .master-wrapper-content {
        /*top: 126px;*/
    }
}

@media all and (min-width:800px) {
    .sections section:first-child {
        margin-top: 81px;
    }

    .overview .product-name {
        top: 31px;
    }


    #product-dialog {
        width: 602px;
        left: 50%;
        /*margin-top: -14vh;*/ /* Negative half of height. */
        margin-left: -300px; /* Negative half of width. */
        border: 1px black solid;
        overflow-x: hidden;
        box-shadow: black 1px 1px 100px 8px;
        padding-bottom: unset;
    }

    .storeImageHolder {
    }

    /*.sections {
        width: 800px;
        margin: 0 auto;
    }*/
}

@media all and (min-width:1000px) {
    .section {
        margin: 0 auto;
    }
}




/*New Login Page Updates (Original CSS is still in old files)*/
@media all and (min-width:1px) {
    .login-page {
        width: 90%;
        border: 1px solid rgba(0,0,0,.125);
        margin: 0 auto;
        background:white;
    }

    .login-inner {
        padding: 0 1.25rem;
    }

    .login-page .page-body {
        background: white;
        padding-bottom: 20px;
    }

    .login-page .customer-blocks {
        margin: unset;
    }

    .forgot-password {
        margin-top: 20px;
    }

    .login-page .form-fields {
        background: white;
        padding-top: unset;
    }

    .login-page .returning-wrapper .form-fields {
        padding-top: unset;
        border-top: unset;
    }

        .login-page .returning-wrapper .form-fields .register-button {
            display: inline-block;
            float: right;
            margin: 10px auto;
            color: #ea2300;
            background-color: white;
            line-height: 26px;
            font-size: 15px;
            padding: unset;
            text-align: right;
            transition-property: all;
            transition-duration: 1s;
        }

            .login-page .returning-wrapper .form-fields .register-button:hover {
                color: #2bde30;
            }

    .login-page .form-fields h1 {
        text-align: left;
        text-transform: uppercase;
        font-size: 20px;
        display: inline-block;
        float: left;
    }

    .login-page .returning-wrapper .buttons {
        padding: unset !important;
        margin-bottom: unset;
    }

        .login-page .returning-wrapper .buttons input {
            width: 100%;
        }


    .login-page .returning-wrapper input[type=text], .login-page .returning-wrapper input[type=password] {
        width: 100%;
        margin-bottom: 10px;
    }

    .reversed {
        margin-top: 20px !important;
    }

        .reversed span:hover {
            color: #2bde30;
        }
}

@media all and (min-width:550px) {
    .login-page {
        width: 450px;
        border: 1px solid rgba(0,0,0,.125);
        margin: 60px auto;
        background: white;
    }

    .master-wrapper-content {
        padding-top: unset !important;
    }
}

/*New Drop down home menu*/
@media all and (min-width:1px) {
    .menu-title {
        height: 60px;
        padding: 18px 16px;
        border-bottom: 1px #aaa solid;
        line-height: 33px;
        font-weight: bold;
        font-size: 1.3em;
        color: black;
        text-transform: uppercase;
    }

    .new-menu-updated-holder {
        position: absolute;
        top: 60px;
        width: 200px;
        z-index: 15;
    }

    .new-menu-updated {
        position: relative;
        /*left: 120px !important;*/
        visibility: hidden;
        height: 0px;
        /*height:100%;*/
        width: 200px;
        box-shadow: black 1px 3px 10px;
        background: white;
        z-index: 102;
    }

        .new-menu-updated ul {
        }

            .new-menu-updated ul li {
                border-bottom: 1px #aaa solid;
                line-height: 30px;
                font-weight: bold;
                color: black;
                text-transform: uppercase;
            }

                .new-menu-updated ul li a {
                    padding: 18px 16px;
                    line-height: 30px;
                    font-weight: bold;
                    text-transform: uppercase;
                    display: block;
                }

                .new-menu-updated ul li:hover {
                    cursor: pointer;
                    background: #ddd;
                }

                .new-menu-updated ul li:last-child {
                    text-align: left;
                    background: #ea2300;
                    color: white;
                    border-bottom: none;
                }

                    .new-menu-updated ul li:last-child:hover {
                        background: #f54d4d;
                    }

    header-selectors-wrapper > div {
        width: 240px !important;
    }
}


@media (min-width: 550px) {
    .new-menu-updated-holder {
        width: 240px !important;
        left: unset;
        right: 0px;
    }
}

@media (min-width: 800px) {
    .new-menu-updated-holder {
        top: 80px;
    }

    .new-menu-updated {
        width: 300px;
    }

    .menu-title {
        height: 83px;
        padding: 18px 16px;
        line-height: 69px;
    }
}

@media (min-width: 1000px) {
    .new-menu-updated-holder {
        top: 83px;
    }
}



/*Completed Job Page*/
@media all and (min-width:1px) {

    #address-view .order-total-holder p {
        float: unset !important;
    }

    #address-view .order-total-holder .right-side {
        float: right !important;
    }

    #address-view .product-order-summary-updated ul {
        padding: unset;
    }

        #address-view .product-order-summary-updated ul li {
            height: unset;
        }



    #address-view .checkout-button:hover {
        background-color: #ea2300;
    }

    #address-view .checkout-button p {
        float: unset;
        text-align: center;
    }

    #address-view .order-total-holder {
        margin: 0 16px;
    }

    #address-view, #address-view ul, .order-summary-updated, .order-total-holder {
        transition: all ease 1s;
    }

    .currentStatusButton {
        display: none;
    }

    .currentStatusButtonMobile {
        display: block;
        margin-top: 0px !important;
    }

        .currentStatusButtonMobile:hover {
            cursor: default;
        }

    .checkout-collapse-title {
        display: none;
    }

    .completed-title {
    }


    @media all and (min-width:1000px) {
        .completed-title {
            height: 52px !important;
        }

        .checkout-collapse-title {
            display: block;
            position: absolute;
            top: 40px;
            text-align: center;
            z-index: 2;
            width: 100%;
            margin: 0 auto;
            color: black;
            font-size: 12px !important;
        }

        #completedUl {
            padding-top: 30px !important;
        }

            #completedUl li p {
                margin-bottom: 0px !important;
            }

        #address-view .order-total-holder {
            margin: 0 16px 0px;
            height: 100%;
        }

        #address-view .checkout-button {
            border-bottom-left-radius: 25px;
            border-bottom-right-radius: 25px;
        }

        .currentStatusButtonMobile {
            display: none;
        }

        .currentStatusButton {
            display: block;
        }
    }
}


/*CHECKOUT PAGE*/
@media all and (min-width:1px) {
    #googleMapCheckout {
        height: 300px !important;
    }

    .first-half-checkout {
        width: 100%;
    }

    #checkoutBtn {
        text-align: center;
        z-index: 1;
    }

    #googleMap {
        position: relative;
        height: 230px !important;
    }

    #address-view {
        z-index: 1;
        top: 0px;
        width: 100%;
        background: #fff;
        padding: 10px 20px;
        display: inline-grid;
    }

        #address-view ul li:first-child {
            margin-top: 20px;
        }

        #address-view ul li {
            height: 35px;
            width: 100%;
            display: block;
            text-align: left;
            line-height: 23px;
            margin: 4px;
        }

        #address-view p, #address-view a {
            text-align: left;
            /*padding-bottom:5px;*/
        }

    .address-title {
        text-align: center !important;
    }

    #address-view a {
        padding-left: 8px;
    }

    #address-view input {
        width: 99%;
        float: left;
    }

    .second-half-checkout input {
        margin-left: 8px;
        margin-top: 14px;
        width: 80px;
    }

    #address-view input, .second-half-checkout input, .TokenTextField {
        border-top: unset !important;
        border-left: unset !important;
        border-right: unset !important;
        border-bottom: 1px solid #D0D1DB !important;
        padding: unset !important;
        transition: all linear 2s;
    }

        #address-view input:focus, .second-half-checkout input:focus {
            border-bottom: 1px solid #ea2300 !important;
        }

    #address-view li img {
        margin-right: 8px;
        height: 25px;
        width: 25px;
        float: left;
    }

    .checkout-hide {
        display: none;
    }

    .address-title {
        font-weight: bolder;
        color: black;
        font-size: 21px;
        text-align: left;
    }

    .sub-title {
        display: block;
        text-align: left;
    }

    .tip-title {
        margin: 0 8px 14px 8px;
    }

    .w3-padding-large {
        padding: 10px !important;
        margin-right: 8px;
        width: 22%;
    }

    #rewardPointsButton {
        width: 90%;
        margin: 0 auto;
        display: block;
        float: unset;
    }

    .commentDiv {
        display:inline-block;
        max-width:224px;
    }

    .comment-choice {
        height:45px!important;
    }


    .second-half-checkout {
        /*        width: 100%;*/
    }

    .payment-method-section-updated {
        padding-left: 16px;
        padding-right: 16px;
    }

    .payment-method-updated {
        margin: 8px 0;
        width: 100%;
        padding: 0px 12px;
        height: 40px;
        line-height: 40px;
    }

        .payment-method-updated img {
            /*width:85px;*/
            margin-right: 10px;
            display: inline-block;
            float: left;
            height: 100%;
        }


        .payment-method-updated a {
            float: right;
            color: #ea2300;
        }

        .payment-method-updated p {
            text-align: left;
            width: 100%;
        }


    .order-summary-updated {
        width: 100%;
    }

    .product-order-summary-updated {
        width: 100%;
    }

    .store-title {
        color: #ea2300;
        font-weight: bold;
    }

    .product-title-updated {
        color: black;
        font-weight: bolder;
    }

    .product-title {
        font-weight: 600;
    }

/*Used on the checkout. anywhere else?*/
    .product-holder {
        width:80%;
        display: inline-block;
    }

    .quantity-details-updated {
        display: inline-block;
    }

    .total-text {
        color: #ea2300;
        font-size: 18px;
        font-weight: bold;
    }

    .second-half-checkout .btn {
        background-color: #EA2300;
        float: left;
        margin-bottom: 5px;
        margin-top: 5px;
        transition-property: all;
        transition-duration: 250ms;
        color:white;
    }

        .second-half-checkout .btn:hover {
            cursor: pointer;
            margin-bottom: 0px;
            margin-top: 0px;
            transition-property: all;
            /*background-color: #2bde20 !important;*/
        }

    #rewardPointsButton:hover {
        cursor: pointer;
        margin-bottom: 0px;
        margin-top: 0px;
        padding: 10px !important;
/*        background-color: #ddd !important;*/
    }


    .second-half-checkout .tip {
        width: 35px;
        margin: 0 auto;
    }

    .second-half-checkout #tipHolder {
        margin: 10px 0 10px;
    }

    #innerTipHolder {
        margin-top: 8px;
    }

    .second-half-inner-holder button {
        border: 1px solid #ea2300 !important;
    }

    .second-half-inner-holder .btn label {
        color: #000 !important;
    }

    .order-summary-updated {
        text-align: left;
        padding: 0px 16px;
    }

    .store-title {
        margin-bottom: 6px;
        font-size: 18px;
    }

    .quantity-details-updated {
        float: right;
        text-align: center;
    }

        .quantity-details-updated p {
            /*float:left;*/
            font-weight: bolder;
        }


    .product-holder {
        margin-bottom: 20px;
    }


    .quantity-adjuster-holder {
        float: left;
        margin-bottom: 6px;
        line-height: 40px;
    }

        .quantity-adjuster-holder p {
            float: right;
        }

    .adjuster-text {
        color: #ea2300;
        background: white;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin: 10px 5px;
        border: 1px solid #ea2300
    }

    .adjuster-quantity-text {
        margin-top: 5px;
    }

    .adjuster-price {
        font-size: 16px;
        margin-bottom: 6px;
        color: black;
    }



    .adjuster-text:hover {
        background-color: #2bde20;
        color: white;
        border: none;
        cursor: pointer;
    }

    .reward-points-updated {
        padding: 0 16px;
        display: inline-block;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px;
        width: 100%;
        font-weight: bolder;
        color: black;
    }

        .reward-points-updated input {
            top: -12px;
            position: relative;
            margin-top: unset;
            height: 20px;
        }

        .reward-points-updated p {
            display: inline-block;
        }

        .reward-points-updated .reward-points-upper p {
            text-align: left;
        }

    .order-total-holder {
        margin: 0 16px;
        padding-bottom: 81px;
    }

    .sub-total-holder {
        text-align: left;
        margin-bottom: 4px;
    }

        .sub-total-holder p {
            text-align: left;
            display: inline-block;
        }

        .sub-total-holder .right-side {
            text-align: right;
            float: right;
        }

    .checkout-button, .popup-button {
        width: 100%;
        height: 50px;
        line-height: 33px;
        background-color: #ea2300;
        color: white;
        padding: 10px;
        margin-top: 14px;
        font-weight: bolder;
    }

    .checkout-button {
        position: fixed;
        bottom: 0;
    }

    .popup-title {
        width: 100%;
        height: 50px;
        line-height: 33px;
        background-color: white;
        box-shadow: 0px 2px 10px grey;
        color: black;
        padding: 10px;
        margin-top: 14px;
        font-weight: bolder;
    }

    .checkout-button:hover, .popup-button:hover {
        background-color: #2bde20;
        cursor: pointer;
    }

    .popup-payment-method {
    }

    .payment-method-selector {
        margin: 20px 0 0 !important;
    }

    .popup-payment-method {
    }

    .popup-window {
        padding: 0px 10px;
    }

    .popup-title {
    }

    .payment-method-selector {
        width: 31%;
    }

    .payment-method-desc {
        text-align: left;
        color: black;
        font-weight: bolder;
    }

        .payment-method-desc p {
            margin: 10px 0;
            padding-left: 5px;
        }

    .TokenCardList {
        height: unset;
    }

    .TokenizeHolder {
        width: 100%;
    }

    #unitNumberInput {
        width: 50px !important;
        height: 33px;
        margin-left: 12px;
        margin-top: -5px !important;
        line-height: 20px;
    }

    #specialInstructionsInput {
        max-width: 250px;
    }

    .popup-payment-method {
        width: 93%;
        position: absolute;
        margin: 20px;
        top: 20%;
        display: block;
        z-index: 10;
        background-color: white;
        border-radius: 25px;
        border: 1px solid #ea2300;
    }

    .popup-title {
        margin-top: 0px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

    .popup-button, #addNewCard-saveBtn {
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    .overlay-checkout-updated {
        display: none;
        position: absolute;
        z-index: 9;
        color: black;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }

    #otherCardsBtnDiv, .FullWidth {
        height: 40px;
    }

    .TokenizationHolderHolder {
        margin: 10px 0;
    }

    .TokenCardList {
    }

        .TokenCardList li {
            height: 50px !important;
        }

    .TokenCardImage {
        height: 40px;
        width: unset;
        margin: 5px;
    }

    .SavedTokenDisplay h1 {
        float: right;
        text-align: right;
        padding-right: 8px;
    }

    .TokenizeAddNewCardHolder, .TokenizeAddNewCardDiv {
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .closing-x {
        text-align: right;
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 15px;
    }

        .closing-x:hover {
            color: #ea2300;
            font-weight: bolder;
            cursor: pointer;
        }

    #addNewCard-cardNumber {
        transition: all ease 2s;
        display: inline-block;
    }

    #addNewCard-cvv {
        transition: all ease 2s;
        display: inline-block;
    }

    #addNewCard-expDate {
        transition: all ease 2s;
        display: inline-block;
    }

    #addNewCard-postalCode {
        transition: all ease 2s;
        display: inline-block;
    }

        #addNewCard-postalCode:focus, #addNewCard-cardNumber:focus, #addNewCard-cvv:focus, #addNewCard-expDate:focus {
            border-bottom: 1px solid #ea2300 !important;
        }

    .TokenizeAddNewCardDiv div {
        display: inline-block;
    }

        .TokenizeAddNewCardDiv div:first-child {
            width: 60% !important;
        }


        .TokenizeAddNewCardDiv div:nth-child(2) {
            width: 20% !important;
        }


        .TokenizeAddNewCardDiv div:nth-child(3) {
            width: 40% !important;
        }


        .TokenizeAddNewCardDiv div:nth-child(4) {
            width: 40% !important;
        }

    #tokenizationDialog {
        min-height: 200px;
        overflow-x: hidden;
    }

        #tokenizationDialog .checkout-button {
            position: unset;
        }

    .first-half-checkout {
    }
}


@media all and (min-width:550px) {


    #googleMap {
        width: 100% !important;
    }
}

@media all and (min-width:800px) {


    .checkout-wrapper-page {
        height: 100%;
    }

    .TokenizeHolder {
        width: unset;
    }

    .popup-payment-method {
        width: 500px;
        margin-left: -250px;
        margin-top: -250px;
        left: 50%;
        top: 50%;
    }
}

@media all and (min-width:1000px) {
    .html-shopping-cart-page {
        height: 100%;
    }

    #googleMapCheckout {
        height: 100% !important;
        position: fixed !important;
    }

    .order-total-holder {
        padding-bottom: 0;
    }

    #address-view {
        z-index: 1;
        position: absolute;
    }

    #googleMap {
        top: 0px;
        height: 100% !important;
    }

    .checkout-title {
        padding-left: 20px;
    }

    #address-view {
        width: 500px;
        margin: 10px 10px;
        top: 48px;
        left: 10px;
        padding: unset;
        padding-top: 20px;
        padding-bottom: 10px;
    }

        #address-view ul {
            padding: 31px 10px 10px;
        }



    .first-half-checkout {
        position: absolute;
        right: 0px;
        width: 100%;
        height: 100%;
        margin-top: unset;
    }

    .second-half-checkout {
        position: absolute;
        width: 404px;
        background: white;
        margin: 10px 10px;
        right: 25px;
        max-height: 80vh;
        top: 48px;
        overflow: auto;
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .floating-help-button {
        /*right:-99px;
		text-align:left;
		padding-left:20px;
		left:unset;*/
    }

    .checkout-title {
        position: absolute;
        top: 0px;
        box-shadow: 0px 1px 10px grey;
        width: 100%;
        background: white;
        z-index: 1;
        height: 50px;
        line-height: 50px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }



    #address-view, .second-half-checkout {
        border: 1px solid #ea2300;
        border-radius: 25px;
        margin-right: 20px;
        box-shadow: 1px 0px 17px 2px grey;
        overflow: hidden;
    }

    #address-view {
        max-height: 75vh;
    }

    #address-view-inner-holder {
        width: 100%;
        height: 400px;
        overflow: auto;
    }

    .ProgressTipField {
        width:150px;
        margin:25px;
    }

    .sub-title {
        color: black;
        font-weight: bold;
    }

    .second-half-inner-holder {
        overflow: auto;
        height: 100%;
        padding-bottom: 74px;
        max-height: 75vh;
    }

    .checkout-button {
        position: absolute;
        bottom: 0px;
        z-index: 1;
        box-shadow: 0px -1px 10px grey;
    }

    .popup-checkout-button {
        position: unset !important;
    }


    .checkout-hide {
        display: block;
    }

    .second-half-checkout input {
        width: 75px;
    }
}


/*REGISTRATION PAGE*/
@media all and (min-width: 1px) {
    #loginLink {
        padding-top: 20px;
        color: #ea2300;
        margin-bottom:20px;
    }

        #loginLink a:hover {
            color: black;
        }

    .title strong {
        font-weight: bold !important;
    }

    .registration-page .page-body {
/*        width: 95%;*/
        margin: 0 auto;
    }

    .registration-page .page-title h1 {
        font-weight: bold;
    }

    .registration-page .fieldset {
        box-shadow: 5px 5px 10px #aaa;
        border: 1px solid #ea2300;
        background: #fff;
    }

        .registration-page .fieldset .title {
            color: white;
            background-color: #ea2300;
            margin-bottom: 0;
            padding: 8px 0px;
        }

        .registration-page .fieldset .form-fields {
            background-color: white;
        }

            .registration-page .fieldset .form-fields .title {
                background-color: white;
                color: black;
            }

            .registration-page .fieldset .form-fields .inputs {
                color: white;
                margin-bottom: 16px;
            }

                .registration-page .fieldset .form-fields .inputs .input label {
                    color: white;
                }



    .registration-page div .fieldset .form-fields .input label {
        color: black;
    }

    .registration-page div .fieldset .form-fields .input .registrationradio {
        visibility: hidden;
        color: black;
    }

    .registration-page div .fieldset .form-fields .input label {
        line-height: 35px;
        /*color: green;*/
    }

    .registration-page .fieldset .form-fields .inputs label {
        color: black;
        display: block;
        font-weight: bolder;
        font-size: 19px;
        padding-bottom: 8px;
    }

    .registration-page div .fieldset .form-fields .input .input {
        background-color: green;
        color: white;
    }

    .registration-page div .fieldset .form-fields .inputs .input input {
        background-color: purple;
        color: white;
    }



    .registration-page .fieldset .form-fields .inputs .text-box {
        border: 1px solid #ea2300;
    }

    .registration-page .fieldset .form-fields .inputs .textbox {
        border: 1px solid #ea2300;
    }

    .registration-page .fieldset .form-fields .inputs .check-box {
        background-color: darkcyan;
    }

    .registration-page .fieldset .form-fields .inputs .required {
    }

    .registration-page .fieldset .form-fields .inputs .field-validation-valid {
    }

    .registration-page div .fieldset .form-fields .input .input {
        background-color: green;
        color: white;
    }

    .registration-page .fieldset .form-fields .inputs .AttributeCheckBoxContainer {
        width: 35px;
        margin: 0 auto;
        display: inline-block;
    }

    .registration-page .fieldset .form-fields #newsletterHolder label {
        display: inline-block;
        line-height: 36px;
    }

    .registration-page .fieldset .form-fields .inputs .AttributeCheckBoxContainer #newsletteroptcheckbox {
        visibility: hidden;
        color: white;
    }

    .registration-page .page-body .accept-privacy-policy .AttributeCheckBoxContainer #accept-privacy-policy {
        visibility: hidden;
        color: white;
    }

    .registration-page .page-body .accept-privacy-policy label {
        color: black;
    }

    .registration-page .fieldset .form-fields .inputs .AttributeCheckBoxContainer #newsletteroptcheckbox:hover {
        background-image: unset;
    }


    .registration-page .fieldset .form-fields {
        padding: unset;
    }

    .registration-page .fieldset .form-fields {
        padding: 20px 15px 0px 15px;
        border-top: unset;
    }
}

@media all and (min-width: 550px) {
    #account-menu {
        margin-left: 0;
    }


    #header-myaccountmenu {
        position: absolute;
        right: 0px;
        margin: 0;
    }



    #btn-myaccount {
        position: relative;
        display: block;
        margin: 0 auto;
    }
}

@media all and (min-width:800px) {

    #header-myaccountmenu {
        padding-top: 13px;
    }
}

@media all and (min-width: 1000px) {
    #header-myaccountmenu {
        padding-top: 18px;
    }

    #newsletterLabel {
        font-weight: unset;
        font-size: 16px;
    }

    #newsletterBox {
        padding: unset;
    }

    #verificationOptions {
        right: 98px;
        position: relative;
        float: right;
        display: inline-block;
        margin-bottom: 20px;
    }


    .registration-page .fieldset {
        width: 730px;
        margin: 0 auto;
    }


    .registration-page .fieldset {
        margin-top: 20px;
    }

        .registration-page .fieldset .title {
            margin-bottom: 20px;
        }

        .registration-page .fieldset .form-fields .inputs {
            float: right;
        }

        .registration-page .fieldset .form-fields .title {
            display: inline-block;
            float: unset;
        }

    .inputContainer {
        overflow: auto;
        overflow-x: hidden;
        padding-right: 10px;
        margin: 0 auto;
        width: 730px;
        padding-right: 111px;
    }

    .registration-page .fieldset .form-fields .inputs label {
        display: inline-block;
        line-height: 32px;
    }

    #newsletterHolder {
        float: right;
    }

        #newsletterHolder img {
            position: relative;
            right: 5px;
        }
}


/*HOME PAGE*/

#locationSearchDivBackgroundRed {
    background: #ea2300;
    /*width: 82%;*/
    width: 100%;
    padding: 20px 20px 20px 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: white;
    position: relative;
    display: inline-block;
    z-index: 1;
    text-align: center;
    line-height: 32px;
    font-weight: bolder;
    font-size: 20px;
}

    #locationSearchDivBackgroundRed:hover {
        background: #2bde30;
    }

@media all and (min-width:500px) {

    #locationSearchDivBackgroundRed {
        padding: 20px 20px 20px 20px;
        font-size: 24px;
    }

    .mainSectionTitle {
        font-size: 50px !important;
    }
}

@media all and (min-width:800px) {
    .mainSectionTitle {
        font-size: 65px !important;
    }
}




@media all and (min-width: 1px) {
    #txtAddress {
        font-size: 22px;
    }

    #googleMapLanding {
        width: 100%;
        height: 0px;
        display: none;
        border-top: 1px solid #ddd;
    }

    .selectAddressBtn {
        background-color: #ea2300;
        cursor: pointer;
    }

        .selectAddressBtn:hover {
            background-color: #2bde30;
        }

    .selectAddressBtn-error {
        background-color: #ea9800 !important;
        cursor: pointer;
    }

        .selectAddressBtn-error:hover {
            background-color: #b77700;
        }

    #locationForm td {
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        background-color: white;
    }

    #titleDiv {
        position: relative;
        left: -5px;
        text-shadow: 1px 2px 8px #000, 2px 0px 3px #000;
    }

    .footer-powered-by {
        color: red;
    }

    #merchantList {
        /*padding-top: 20px;*/
    }

    .mainSectionTitle div {
        /*text-shadow: 0px 0px 20px white;*/
        text-shadow: 1px 2px 8px #000, 2px 0px 3px #000;
        display: inline-block;
    }

    .follow-us .social li {
        height: 55px;
        width: 55px;
        margin: unset !important;
    }

        .follow-us .social li a {
            margin: 0 auto;
            height: 50px;
            width: 50px;
            transition: all 0.2s;
        }


    .footer-middle {
        width: 100%;
        display: block;
        position: relative;
        float: left;
        font-size: 25px;
    }

    #mobile-links2 img {
        height: 95px;
        width: 130px;
    }

    #mobile-links2 img {
        height: 95px;
        width: 130px;
        /*content: url("../images/android-icon.png");*/
    }

        #mobile-links2 img:hover {
            content: url("../images/android-icon-hover.png");
        }

    #android {
        display: block;
    }

        #android:hover {
            display: none;
        }


    #androidHover {
        /*content: url("../images/android-icon-hover.png");*/
    }

    #mobile-links2 img:hover {
        content: url("../images/android-icon-hover-mobile.png");
    }

    #mobile-links2 {
        padding-bottom: 30px;
    }

    #merchantSignUp.button-1.full-button {
        padding: 0;
    }

    #merchantSignUp.button-1,
    #careerSumbit.button-1,
    #delivererback.button-1,
    #delivererSignUp.button-1,
    #delivererNextStep.button-1 {
        color: white !important;
        height: 35px !important;
        line-height: 35px !important;
        text-align: center;
    }

    #delivererback {
        color: black !important;
    }

    .upload {
    }

    .fileUpload {
        border: 1px solid black;
        padding: 10px;
    }

        .fileUpload span {
            color: white;
        }

    #txtAddress {
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        /*border: 1px solid black;*/
        border: none;
    }

    #locationSearchDivBackgroundRed {
        /*border: 1px black solid;*/
    }

    #merchantLoginLink {
        color: black;
        margin: 0 auto;
        width: 100%;
        display: block;
        text-align: center;
        position: relative;
        padding-top: 15px
    }

    #delivererLoginLink {
        color: black;
        margin: 0 auto;
        width: 100%;
        display: block;
        text-align: center;
        position: relative;
        padding-top: 15px;
        padding-bottom: 10px;
    }



        #merchantLoginLink:hover, #delivererLoginLink:hover {
            color: #ea2300;
        }

    #merchantSignUp.button-1.full-button {
        color: white;
    }

    /*width: 100%;
	padding: 7px;
	color: #000;
	border: black solid 1px;*/


    #ApplicationForm {
        background: white !important;
        padding: 20px;
    }

        #ApplicationForm .swal2-title {
            padding-bottom: 10px;
        }

    #merchantApplicationDiv {
        padding-bottom: 20px;
    }

    #ApplicationForm .merchant-box h1 {
        color: black !important;
    }
    /* Shared */
    .loginBtn {
        box-sizing: border-box;
        position: relative;
        /* width: 13em;  - apply for fixed size */
        /*margin: 0.2em;
			margin-left: 4px;*/
        /*margin:10px 10px;*/
        padding: 0 15px 0 46px;
        border: none;
        text-align: center;
        line-height: 17px;
        white-space: nowrap;
        border-radius: 0.2em;
        font-size: 16px;
        width: 100%;
        color: #FFF;
        display: block;
    }

        .loginBtn:before {
            content: "";
            box-sizing: border-box;
            position: absolute;
            top: 0;
            left: 0;
            width: 34px;
            height: 100%;
        }

        .loginBtn:focus {
            outline: none;
        }

        .loginBtn:active {
            box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
        }




    /*#locationSearchDivBackgroundRed img {
				padding-right: 10px;
				float: right;
				height: 30px;
				top: 2px;
				position: relative;
			}*/



    .tableCenter {
        float: left;
        display: inline-block;
        /*width: 82%;*/
        width: 100%;
        z-index: 3;
        position: relative;
        padding: unset !important;
    }



    #section2Image #img {
        width: 100%;
    }

    #section3Image #img {
        /*content: url("../images/HomePage3.png");*/
        width: 100%;
        /*height: 100%;*/
        /*background-position-x: 500px;*/
        /*background-position-x: -500px;*/
    }

    #section4Image #img {
        /*content: url("../images/HomePage2.png");*/
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        /*background-position-x: -500px;*/
        /*background-position-x: 500px;*/
    }


    #delivererArrowDiv, #merchantArrowDiv, #careerArrowDiv {
        padding-top: 26px;
        background-color: #000;
        background: url(../images/dark.jpg) center no-repeat;
        background-size: cover;
    }

    .merchantQuestions {
        color: black !important;
    }

    #delivererQuestionsDiv {
        color: black !important;
    }

    .sectionImage {
        width: 100%;
        /*height: 100%;*/
        position: relative;
    }

        .sectionImage img {
            width: 100%;
            /*height:50%;*/
            /*max-height: 715px;*/
            /*height:100%;*/
        }

        .sectionImage p {
            text-align: center;
            width: 100%;
            font-size: 40px;
            top: 120px;
            color: white;
            font-weight: bolder;
            text-shadow: 1px 1px 5px black;
            position: absolute;
        }

    #section2image {
    }

        #section2image img {
        }

    .headerHolder {
        width: 100%;
        position: absolute;
        z-index: 1;
    }

    .logoDiv {
        width: 50%;
        left: -19px;
        display: inline-block;
        position: relative;
    }

    .hidden {
        display: none;
    }

    .logoDiv img {
        width: 175px; /*130px*/
        top: 10px;
        left: 10px; /*20px*/
        position: relative;
    }

    .signInBadge {
        float: right;
        width: 50%;
        padding: 20px;
        display: inline-block;
        margin: 0 auto;
        position: relative;
    }

        .signInBadge a {
            float: right;
            line-height: 50px;
            color: white;
            /*color: black;*/
            font-size: 22px;
            width: 200px;
            height: 50px;
            text-align: center;
            text-align: right;
            font-weight: bold;
        }

    .signInIcon {
        height: 55px; /*40px*/
        width: 55px; /*40px*/
        margin-right: 4px; /*8px*/
        display: inline-block;
        float: right;
    }

    .signInText {
        display: inline-block;
        visibility: collapse;
        text-shadow: 0px 11px 12px black;
    }

    .loginBoxClass {
        position: fixed;
        top: 100px;
        width: 100%;
        background: #eee;
        z-index: 4;
        /*display: none;*/
    }

    #loginBox h3 {
        text-align: center;
        padding: 0 20px;
        color: black;
    }

    #loginBox hr {
        border-top: 1px solid #bbb;
    }

    .loginField {
        width: 100%;
        height: 100%;
        border: 1px black solid;
        box-shadow: #999 1px 2px 2px;
    }


    .alternativeLoginButtonHolder, .loginFieldHolder {
        width: unset !important;
        margin: 5px 12px !important;
        background: unset !important;
    }

    .loginPageFieldHolder {
        margin: 50px auto 0 !important;
    }

        .loginPageFieldHolder:first-of-type {
            margin-top: 70px !important;
        }

        .loginPageFieldHolder input[type="text"], .loginPageFieldHolder input[type="password"] {
            margin-bottom: 1px !important;
        }

    .loginFieldHolder .new_input {
        margin-top: 25px;
        background: none;
    }

    .loginFieldHolder:first-of-type {
        margin-top: 50px;
    }

    .loginButtonContainer, alternativeLoginButtonHolder {
        height: 50px;
    }


    #loginButton, .alternativeLoginButton, #registerButton {
        margin: 10px 10px;
        height: 40px;
        line-height: 0px;
        padding: 20px;
        background-color: red;
        text-align: center;
        color: white;
        border: 1px black solid;
        box-shadow: #999 1px 2px 2px;
    }

        #loginButton:hover, .alternativeLoginButton:hover, #registerButton:hover {
            background-color: #2bde30;
            cursor: pointer;
        }

    #forgotPassword {
        color: black;
        margin: 0 auto;
        width: 100%;
        display: block;
        text-align: center;
        position: relative;
    }

        #forgotPassword:hover {
            color: red;
        }

    #mainBody {
        width: 100%;
        background-image: url("../images/homepage_top_1_prog.jpeg");
        background-size: cover;
        background-position: right 0px;
        background-repeat: no-repeat;
        transition-property: background-image;
        transition-duration: 1;
        background-attachment: fixed;
        /*box-shadow: 2px 2px 3px #999, 1px 8px 7px #ccc;*/
        transition: background-image 1s ease-in-out;
        position: relative;
        display: flex;
        /*height: 100%;
		height: -webkit-fill-available;*/
    }

    @media screen and (min-width:850px) {
        #mainbody {
            /*background-position:right -72px;*/
        }
    }

    @media screen and (min-width:1200px) {
        #mainbody {
            height: 100vh;
        }
    }

    .mainSectionFirst {
        /*height: 10vh;
		margin-top: 0;
		width: 100%;
	}

    .mainSection {
        /*height: 10vh;*/
        /*margin-top: 26px !important;*/
        width: 100%;
    }

    .homepageTitleText {
        margin: 0;
        padding: 10px;
        color: white;
    }


    #section1 {
        display: inline-block;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        /*height: 100%;*/
        height: 500px;
    }


        #section1 .alternateWords {
            font-size: 40px;
        }

        #section1 #locationSearchDiv {
            position: relative;
            margin: 27px 10px;
            box-shadow: 1px 1px 2px black, 2px 2px 8px black;
            border-radius: 5px;
        }

            #section1 #locationSearchDiv strong {
                color: white;
            }


    #section2 {
    }

    #section3 {
    }

    #section4 {
    }


    #section2, #section3, #section4, #section1 {
    }

    #section1 {
    }

    .mainSectionTitle {
    }

    .hidden {
        display: none;
    }

    #delivererList ul li {
    }

    #delivererList ul:first-child {
        padding-top: 20px;
        /*list-style-image: url('../images/card-signup4.png');*/
    }

    #delivererList ul li:first-child {
        /*list-style-image: url('../images/card-signup2.png');*/
        background: url("../images/newImage4Deliverer.png") no-repeat 0px -8px;
        background-size: 75px 75px;
    }

    #delivererList ul li:nth-child(2) {
        background: url("../images/newImage3.png") no-repeat 0px -8px;
        background-size: 75px 75px;
    }

    #delivererList ul li:nth-child(3) {
        background: url("../images/newImage2.png") no-repeat 0px -8px;
        background-size: 75px 75px;
    }

    #delivererList ul li p {
        font-weight: bolder;
        font-size: 22px;
        color: black;
    }

    #merchantList {
        padding-right: 40px;
    }

        #merchantList ul li {
        }

            #merchantList ul li:first-child {
                background: url("../images/newImage1.png") no-repeat 0px -8px;
                background-size: 75px 75px;
            }

            #merchantList ul li:nth-child(2) {
                background: url("../images/headset.png") no-repeat 0px -8px;
                background-size: 75px 75px;
            }

            #merchantList ul li:nth-child(3) {
                background: url("../images/car.png") no-repeat 0px -8px;
                background-size: 75px 75px;
            }

            #merchantList ul li p {
                font-weight: bolder;
                font-size: 22px;
                color: black;
            }

    #careerList ul li {
    }

        #careerList ul li:first-child {
            /*background: url("../images/keyboard.png") no-repeat 0px -8px;*/
            background: url("../images/head.png") no-repeat 0px -8px;
            background-size: 75px 75px;
        }

        #careerList ul li:nth-child(2) {
            background: url("../images/team.jpg") no-repeat 0px -8px;
            background-size: 75px 75px;
        }

        #careerList ul li:nth-child(3) {
            background: url("../images/building.png") no-repeat 0px -8px;
            background-size: 75px 75px;
        }

        #careerList ul li p {
            font-weight: bolder;
            font-size: 22px;
            color: black;
        }

    #delivererApplicationDiv {
        /*position: absolute;*/
        /*top: 100vh;*/
        /*float: left;*/
        /*right:0;*/
        /*right: -100%;*/
        /*z-index: 10;*/
        /*height: 570px;*/
        /*width: 100%;*/
        /*background: #555;*/
        /*transition-property: right;*/
        /*transition-duration: 0.5s;*/
    }

        #delivererApplicationDiv h1 {
            /*color: white;*/
            color: black;
        }

    .next-step-button .full-button {
        color: white;
    }

    #merchantApplicationDiv, #delivererApplicationDiv, #careerApplicationDiv {
        position: absolute;
        z-index: 10;
        right: -100%;
        width: 100%;
        display: none;
        /*background: #555;*/
        background: white;
        border: 5px solid #ea2300;
        transition-property: right;
        /*transition-property: display;*/
        transition-duration: 0.5s;
    }


    #delivererQuestionsDiv, #merchantQuestionsDiv, #careerQuestionsDiv {
        border: 5px solid rgb(234, 35, 0);
        margin: 20px;
    }

    #delivererQuestionsDiv {
        padding: 20px 10px;
        position: relative;
    }

    #merchantQuestionsDiv {
        padding: 20px 10px;
        position: relative;
    }

    .delivererQuestions div {
        padding: 5px;
    }

    .questionContainer:after {
        top: 0;
        right: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .homeList {
        width: 94%;
        margin: auto;
    }

        .homeList ul li {
            padding-left: 20px;
            padding-right: 20px;
            list-style-position: inside;
            padding-left: 75px;
            padding-bottom: 20px;
        }

    .merchantQuestions ul {
        padding-left: 20px;
    }

    .merchantQuestions ul {
        list-style: lower-latin;
    }

        .merchantQuestions ul li {
            padding-bottom: 20px;
        }

    .homeList ul li p {
        display: inline-block;
        position: relative;
        /*top: -8px;*/
    }

    .leftImage, .rightImage {
        width: 100%;
        height: 100%;
        display: inline-block;
        position: center;
        z-index: 1;
        opacity: 0.5;
    }

    .arrowImage, .plusImage {
        width: 50%;
        display: inline-block;
        /*height: 50px;*/
    }

    .arrowImage {
        position: relative;
        /*top: 10px;*/
        right: 10px;
        bottom: 10px;
        text-align: right;
        float: right;
    }

        .arrowImage img:hover, .plusImage img:hover {
            cursor: pointer;
        }



    #delivererArrow, #merchantArrow {
    }



    .plusImage {
        position: relative;
        left: 10px;
        bottom: 10px;
        text-align: left;
    }

        .plusImage img, .arrowImage img {
            height: 60px;
            width: 60px;
            transition-property: transform;
            transition-duration: 1s;
            rotation: 90deg;
        }

        .plusImage p, .arrowImage p {
            margin: 0px 10px;
            color: #eee;
            display: inline-block;
        }

    .delivererApplicationArrow {
        float: left;
        left: 20px;
        top: 20px;
        text-align: left;
        height: 85px;
    }

        .delivererApplicationArrow img {
            transform: rotate(180deg);
            float: left;
        }

        .delivererApplicationArrow p {
            float: left;
            line-height: 50px;
            padding-left: 10px;
        }

    .section2 {
    }


    .footer {
        z-index: 1;
    }
}

@media all and (min-width:768px) {


    .signInText {
        visibility: visible;
    }

    .signInIcon {
        float: none;
    }

    #mobile-links2 img:hover {
        height: 95px;
        width: 130px;
        content: url("../images/android-icon-hover.png");
    }

    .footer-topper {
        width: 100%;
        /*height: 100px;*/
        background: #ea2300;
        border-radius: 50%;
        top: -50px;
        position: relative;
    }

    .footer {
        background: #ea2300;
        color: white;
    }

    .footer-block .title {
        color: white;
    }
}

@media all and (min-width:1000px) {
    #txtAddress {
        font-size: 24px;
    }


    #section2Image #img {
        background-position-x: -42vw;
    }

    #section3Image #img {
        background-position-x: 45vw;
    }

    #section4Image #img {
        background-position-x: -32vw;
    }


    #locationSearchDivBackgroundRed {
        /*right:50px;
		
		top:30px;*/
        /*padding-right:20px;*/
    }

    .tableCenter {
        /*right:30px;*/
    }

    #merchantList ul li p {
        font-weight: bolder;
        font-size: 22px;
        color: black;
    }

    .sectionImage {
        width: 50%;
        display: inline-block;
        float: right;
    }

    #section2Image {
    }

    #delivererArrowDiv, #careerArrowDiv {
        width: 100%;
        display: inline-block;
    }

    #delivererList {
        float: left;
        width: 50%;
    }

        #delivererList ul {
            float: right;
        }

            #delivererList ul:first-child {
                padding-top: unset;
            }

        #delivererList ul, #merchantList ul, #careerList ul {
            /*width:50%;*/
        }

    #merchantList {
    }

    #delivererQuestionDiv {
    }

    #merchantQuestionsDiv {
    }

    #merchantApplicationDiv {
    }

    #delivererApplicationDiv {
    }
}


@media all and (min-width: 1000px) {

    /*#locationSearchDivBackgroundRed {
        width: 85%;
    }*/

    #section4Image #img {
        height: 100%;
    }

    #section2Image #img {
        height: 100%;
    }

    #section3Image #img {
        height: 100%;
    }

    .footer {
        /*height: 432px;*/
    }

    #section2Image #img {
        /*background-position-x: -42vw;*/
    }

    #section3Image #img {
        /*background-position-x: 35vw;*/
    }

    #section4Image #img {
        /*background-position-x: -58vw;*/
    }

    #locationSearchDivBackgroundRed {
        /*right: 38px;
		width: 88%;
		top: 30px;*/
        padding: none !important;
        /*border-bottom-left-radius:20px;
		border-top-left-radius:20px;*/
        /*padding-right:20px;*/
    }

        #locationSearchDivBackgroundRed img {
            float: right;
            /*top: 2px;*/
            position: relative;
        }

    /*.tableCenter {
        width: 85%;
    }*/

    .mainSectionTitle div {
        font-size: 96px;
        position: relative;
        top: -26px;
        line-height: 85px;
    }

    .arrowImage p, .plusImage p {
        margin: 0px 19px;
        font-size: 25px;
    }




    /*#txtAddress {
		border:none;
	}*/

    .tableLocation-layout {
    }


    #delivererList ul li p, #merchantList ul li p, #careerList ul li p {
        /*font-size:35px;*/
        font-size: 25px;
    }

    #delivererList ul li, #merchantList ul li, #careerList ul li {
        /*font-size:20px;*/
        font-size: 19px;
        padding-bottom: 75px;
    }

    .homeList {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-99%,-50%);
        /*top:26%;*/
    }

    .delivererQuestions, .merchantQuestions {
        padding-left: 67px;
        padding-right: 70px;
    }

        .delivererQuestions, .merchantQuestions ul {
            font-size: 20px;
        }

            .delivererQuestions div {
                font-size: 20px;
            }


        .merchantQuestions ul {
            list-style: disc;
            padding-top: 10px;
        }

    .sectionImage p {
        font-size: 50px;
        z-index: 3;
        line-height: 78px;
    }

    #merchantList ul {
        width: unset;
    }



        #merchantList ul li {
            padding-right: 75px;
        }

            #merchantList ul li:first-child {
                background: url("../images/newImage1.png") no-repeat 0px -8px;
                background-size: 75px 75px;
                /*background-position: right top;*/
                padding-top: 10px;
            }

            #merchantList ul li:nth-child(2) {
                background: url("../images/headset.png") no-repeat 0px -8px;
                background-size: 75px 75px;
                /*background-position: right top;*/
                padding-top: 10px;
            }

            #merchantList ul li:nth-child(3) {
                background: url("../images/car.png") no-repeat 0px -8px;
                background-size: 75px 75px;
                /*background-position: right top;*/
                padding-top: 10px;
            }

    #delivererList ul li {
        padding-right: 75px;
    }

        #delivererList ul li:first-child {
            /*background: url("../images/newImage1.png") no-repeat 0px -8px;*/
            background-size: 75px 75px;
            background-position: right top;
            padding-top: 10px;
        }

        #delivererList ul li:nth-child(2) {
            /*background: url("../images/headset.png") no-repeat 0px -8px;*/
            background-size: 75px 75px;
            background-position: right top;
            padding-top: 10px;
        }

        #delivererList ul li:nth-child(3) {
            /*background: url("../images/car.png") no-repeat 0px -8px;*/
            background-size: 75px 75px;
            background-position: right top;
            padding-top: 10px;
        }

    #careerList ul li {
        padding-right: 75px;
    }

        #careerList ul li:first-child {
            /*background: url("../images/newImage1.png") no-repeat 0px -8px;*/
            background-size: 75px 75px;
            background-position: right top;
            padding-top: 10px;
        }

        #careerList ul li:nth-child(2) {
            /*background: url("../images/headset.png") no-repeat 0px -8px;*/
            background-size: 75px 75px;
            background-position: right top;
            padding-top: 10px;
        }

        #careerList ul li:nth-child(3) {
            /*background: url("../images/car.png") no-repeat 0px -8px;*/
            background-size: 75px 75px;
            background-position: right top;
            padding-top: 10px;
        }



    #merchantList {
        width: unset;
    }

    .homeList {
        z-index: 2;
        position: relative;
        /*top:23%;*/
    }

    #section3, #section2, #section4 {
        /*border:none;*/
        width: 100%;
        margin: 0;
    }

    #section2Image #img {
        content: unset;
        /*background-image: url("../images/deliverer-gps-big.jpg");*/
        background-size: contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        position: relative;
        /*right: 50%;*/
        z-index: 1;
        /*width: 500px;*/
        /*content: unset;*/
    }

    #section3Image #img {
        content: unset;
        /*background-image: url("../images/homepage2-bigback.jpg");*/
        background-attachment: fixed;
        background-size: contain;
        background-repeat: no-repeat;
        /*float:right;*/
        /*width:500px;*/
        position: relative;
        /*left:-75%;*/
        z-index: 1;
        /*content: unset;*/
    }

    #merchantPictureDiv, #careerPictureDiv, #delivererPictureDiv {
        width: 1001px;
    }

    #merchantPictureDiv {
        height: 100%;
    }

        #merchantPictureDiv img {
            /*float: left;*/
            width: unset !important;
            height: 100%;
            width: auto;
        }

    #careerPictureDiv, #delivererPictureDiv {
        height: 100%;
        float: right;
    }

        #careerPictureDiv img, #delivererPictureDiv img {
            float: right;
            width: unset !important;
            height: 100%;
            width: auto;
        }

    #section4Image #img {
        content: unset;
        /*background-image: url("../images/homepage3-big.jpg");*/
        background-size: contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        position: relative;
        /*right: 50%;*/
        z-index: 1;
        /*width: 500px;*/
        /*content: unset;*/
    }

    #section3Image {
        /*z-index:-1000!important;*/
    }

    #section2image, #section4Image {
        float: left;
    }



    #merchantList {
        width: 50%;
        display: inline-block;
    }

        #merchantList ul {
            display: inline-block;
        }

    #section2Image {
        float: left;
    }

    .sectionImage img {
        z-index: 1;
        height: 100%;
    }

    .sectionImage {
        border: none;
        overflow: hidden;
        z-index: 2;
        /*height: 100%;
        max-height: unset;*/
    }

    #delivererArrowDiv, #merchantArrowDiv, #careerArrowDiv {
        z-index: 3;
        bottom: 0px;
        position: absolute;
        width: 100%;
    }

    #careerArrowDiv, #delivererArrowDiv {
        left: 0px;
    }

    #section2, #section3, #section4 {
        position: relative;
    }

    .loginBoxClass {
        position: absolute;
    }

    .mainSection {
        height: 100vh;
        background-color: white;
    }

    #merchantApplicationDiv, #careerApplicationDiv {
        width: 54%;
    }

    #locationSearchDiv {
        /*width: 500px;*/
        /*margin: 0 auto;*/
    }

    #section1 #locationSearchDiv {
        position: relative;
        margin: 20px auto;
        max-width: 1022px;
        /*margin:*/
        /*left: 115px;*/
    }

    #section1 {
        height: 100vh;
    }

    #section2, #section3, #section4 {
        background-size: contain;
        background-repeat: no-repeat;
        color: black;
    }

    #section2 {
        background-position: left;
    }

    #section3 {
        background-position: right;
    }

    #section4 {
        background-position: left;
    }

    .mainSectionTitle {
        margin: 0 auto;
        max-width: 900px;
    }



    .homepageTitleText {
        color: white;
    }

    #merchantTitleText {
        /*text-align: right;*/
    }

    #delivererTitleText, #careerTitleText {
        text-align: right;
    }

    #merchantList {
    }

    #delivererList, #careerList {
        text-align: right;
    }

    /*.mainSectionTitle div {
		font-size: 80px;
	}*/

    #loginBox {
        width: 300px;
        float: right;
        right: 15px;
        border: 1px solid black;
        box-shadow: black 1px 8px 10px;
    }

    #delivererApplicationDiv, #careerApplicationDiv {
        /*top: 100vh;*/
        width: 900px;
        position: absolute;
        top: 1px;
        padding-bottom: 20px;
    }

    #delivererList, #merchantList, #careerList {
        position: relative;
        width: 50%;
        /*float: right;*/
        /*top: 27vh;*/
        /*vertical-align:bottom;*/
    }

    .homeList {
        float: none;
    }

    #delivererList, #careerList {
        padding-right: 50px;
    }

    #merchantList {
        /*width: 200px;
		height: 200px;*/
        padding-left: 50px;
    }


    #delivererList ul li {
    }

    /*#delivererList ul li:first-child {
			list-style-image: url('../images/card-signup2.png');
		}

		#delivererList ul li:nth-child(2) {
			list-style-image: url('../images/card-mobile-phone2.png');
		}

		#delivererList ul li:nth-child(3) {
			list-style-image: url('../images/card-money2.png');
		}*/


    #merchantList ul li {
    }

    /*#merchantList ul li:first-child {
			list-style-image: url('../images/card-signup2.png');
		}

		#merchantList ul li:nth-child(2) {
			list-style-image: url('../images/card-mobile-phone2.png');
		}

		#merchantList ul li:nth-child(3) {
			list-style-image: url('../images/card-money2.png');
		}*/
}



@media all and (min-width: 1400px) {
    #section2Image #img {
        background-position-x: -33vw;
    }

    #section3Image #img {
        background-position-x: 48vw;
    }

    #section4Image #img {
        background-position-x: -15vw;
    }

    /*#locationSearchDivBackgroundRed {
        padding: unset !important;
    }*/

    #delivererList ul li p, #merchantList ul li p, #careerList ul li p {
        font-size: 35px;
    }



    #section3Image #img {
        /*right:25%;*/
        left: unset;
    }

    .mainSectionTitle div {
        /*font-size: 76px;*/
    }
}

@media all and (min-width: 1600px) {
    #section2Image #img {
        background-position-x: -21vw;
    }

    #section3Image #img {
        background-position-x: 48vw;
    }

    #section4Image #img {
        background-position-x: -7vw;
    }
}

.address-book-container {
    overflow-y: scroll;
    height: 100%;
}


.AddressSelectorCheckBox {
    padding-bottom: 1px;
    margin: auto 0;
    width: 26px;
    height: 26px;
    right: 1px;
}

#addressSelectForm {
    height: 100%;
}



@media all and (min-width:1000px) {



    #addressSelectForm {
        max-height: 500px;
    }

    .address-book-container {
        max-height: 500px;
    }
}

.address-book-item {
    color: black;
    padding: 15px 20px;
    border-top: 1px solid #ccc;
    cursor: pointer;
}

    .address-book-item:hover {
        background: #eee;
    }


.address-book-title {
    background: #eee;
}



.actions-class {
    border-color: #ea2300 !important;
}

.swal2-styled.swal2-confirm {
    background-color: #ea2300 !important;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: #ea230070 !important;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps .swal2-progress-step,
.swal2-progress-steps .swal2-progress-step-line {
    background: #ea2300 !important;
}

.swal2-progress-steps .swal2-progress-step-line {
    width: 1.5em !important;
}