.wheretoBuy {
    padding: 1rem 0
}

@media only screen and (min-width:768px) {
    .wheretoBuy {
        padding: 2rem 0
    }
}

.wheretoBuy .fa, .wheretoBuy h1, .wheretoBuy h2, .wheretoBuy h3 {
    color: #cc262c;
    padding: 0;
    margin: 0
}

.wheretoBuy h1 {
    font-size: 1.5rem;
    margin-bottom: 1rem
}

@media only screen and (min-width:768px) {
    .wheretoBuy h1 {
        font-size: 2.5rem
    }
}

.wheretoBuy h2 {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 1
}

@media only screen and (min-width:768px) {
    .wheretoBuy h2 {
        font-size: 2rem
    }
}

.wheretoBuy h3 {
    font-size: 1rem;
    margin-bottom: 1rem
}

@media only screen and (min-width:768px) {
    .wheretoBuy h3 {
        font-size: 1.5rem
    }
}

.wheretoBuy input, .wheretoBuy select, .wheretoBuy textarea {
    border-radius: 0;
    margin-bottom: .4rem;
    border-color: #ccc;
    font-size: 1rem
}

.wheretoBuy select {
    color: #1a1a1a;
}

    .wheretoBuy select option:checked {
        color: #ccc;
        background-color: #9d9d9d
    }

.wheretoBuy .search-bar {
    margin-top: 1rem
}

@media only screen and (min-width:1024px) {
    .wheretoBuy .search-bar {
        margin-top: 0
    }
}

.wheretoBuy .search-bar .cell {
    padding-right: .5rem
}

    .wheretoBuy .search-bar .cell:nth-child(2) {
        padding-right: 0
    }

@media only screen and (min-width:768px) {
    .wheretoBuy .search-bar .cell:nth-child(2) {
        padding-right: .5rem
    }
}

.wheretoBuy .search-bar .cell:last-child {
    padding-right: 0
}

.wheretoBuy .search-bar .searchbox-text, .wheretoBuy .search-bar .searchbox-text-ghost {
    height: 52px;
    width: 100%
}

.wheretoBuy .search-bar .styled-select {
    border-color: #ccc;
    height: 52px;
    position: relative
}

    .wheretoBuy .search-bar .styled-select .DropDownField {
        width: 100%;
        height: 52px
    }

    .wheretoBuy .search-bar .styled-select .dropDownArrow {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
        transform: translate(0,-10px);
        color: #ccc
    }

.wheretoBuy .search-bar .search-retailers-button {
    width: 100%;
    height: 52px;
    padding: .85em 1em !important;
    font-size: 1rem;
    margin-top: 0 !important;
    margin-bottom: 1rem !important
}

@media only screen and (min-width:768px) {
    .wheretoBuy .search-bar .search-retailers-button {
        margin-top: 20px;
        margin-bottom: 0 !important
    }
}

.wheretoBuy .search-bar .cell.error input, .wheretoBuy .search-bar .cell.error select {
    color: #cc2623;
    border-color: #cc2623
}

    .wheretoBuy .search-bar .cell.error input::-webkit-input-placeholder, .wheretoBuy .search-bar .cell.error select::-webkit-input-placeholder {
        color: #cc2623
    }

    .wheretoBuy .search-bar .cell.error input::-moz-placeholder, .wheretoBuy .search-bar .cell.error select::-moz-placeholder {
        color: #cc2623
    }

    .wheretoBuy .search-bar .cell.error input:-ms-input-placeholder, .wheretoBuy .search-bar .cell.error select:-ms-input-placeholder {
        color: #cc2623
    }

    .wheretoBuy .search-bar .cell.error input::-ms-input-placeholder, .wheretoBuy .search-bar .cell.error select::-ms-input-placeholder {
        color: #cc2623
    }

    .wheretoBuy .search-bar .cell.error input::placeholder, .wheretoBuy .search-bar .cell.error select::placeholder {
        color: #cc2623
    }

.wheretoBuy .where-to-buy-head {
    margin-bottom: 1rem
}

@media only screen and (min-width:768px) {
    .wheretoBuy .where-to-buy-head {
        margin-bottom: 2.2rem
    }
}

.wheretoBuy .where-to-buy-head h1 {
    margin-bottom: .8rem
}

.wheretoBuy .where-to-buy-head p {
    margin-bottom: 0
}

.wheretoBuy .contact-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.8rem
}

    .wheretoBuy .contact-block h3 {
        margin-bottom: .5rem
    }

    .wheretoBuy .contact-block .fa {
        font-size: 3rem;
        margin-top: .2rem;
        margin-right: 1rem
    }

    .wheretoBuy .contact-block p {
        margin-bottom: 0
    }

.wheretoBuy .ask-expert-form {
    background-color: #ebebeb;
    padding: 1rem;
    width: 100%
}

@media only screen and (min-width:768px) {
    .wheretoBuy .ask-expert-form {
        padding: 2rem 1.5rem
    }
}

@media only screen and (min-width:768px) {
    .wheretoBuy .ask-expert-form .ask-form-warp {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:768px) {
    .wheretoBuy .ask-expert-form .ask-form-warp .child {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: .4rem;
        width: 50%
    }

        .wheretoBuy .ask-expert-form .ask-form-warp .child:last-child {
            margin-right: 0 !important
        }
}

@media only screen and (min-width:768px) and (min-width:768px) {
    .wheretoBuy .ask-expert-form .ask-form-warp .child .w-50 {
        width: calc(50% - 4px);
        margin-right: .3rem
    }
}

@media only screen and (min-width:768px) {
    .wheretoBuy .ask-expert-form .ask-form-warp .child.error input, .wheretoBuy .ask-expert-form .ask-form-warp .child.error select, .wheretoBuy .ask-expert-form .ask-form-warp .child.error textarea {
        color: #cc2623;
        border-color: #cc2623
    }

        .wheretoBuy .ask-expert-form .ask-form-warp .child.error input::-webkit-input-placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error select::-webkit-input-placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error textarea::-webkit-input-placeholder {
            color: #cc2623
        }

        .wheretoBuy .ask-expert-form .ask-form-warp .child.error input::-moz-placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error select::-moz-placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error textarea::-moz-placeholder {
            color: #cc2623
        }

        .wheretoBuy .ask-expert-form .ask-form-warp .child.error input:-ms-input-placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error select:-ms-input-placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error textarea:-ms-input-placeholder {
            color: #cc2623
        }

        .wheretoBuy .ask-expert-form .ask-form-warp .child.error input::-ms-input-placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error select::-ms-input-placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error textarea::-ms-input-placeholder {
            color: #cc2623
        }

        .wheretoBuy .ask-expert-form .ask-form-warp .child.error input::placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error select::placeholder, .wheretoBuy .ask-expert-form .ask-form-warp .child.error textarea::placeholder {
            color: #cc2623
        }
}

@media only screen and (max-width:767px) {
    .wheretoBuy .ask-expert-form .ask-form-warp.security-code {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.wheretoBuy .ask-expert-error {
    color: #cc2623;
    text-align: right;
    margin-bottom: .5rem
}

@media screen and (min-width:64em) {
    #map {
        padding-top: 100%
    }
}