﻿.mb-37 {
    margin-bottom: 37px !important;
}
.mt-36{
    margin-top:36px;
}
.mr-9 {
    margin-right: 9rem;
}

.section-desc {
    font: 1em 'Gotham-Book', sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 22px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #000;
        font: 1em 'Gotham-Book', sans-serif;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0px;
            width: 16px;
            height: 16px;
            border: 3px solid #D5D5D5;
            border-radius: 100%;
            background: #fff;
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 8px;
            height: 8px;
            background: #2EB1AE;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
.form-control.search-icon {
    padding-right: 30px;
    font: 1.17em 'Gotham-Medium', sans-serif !important;
    height: 45px;
}
    .form-control.search-icon::placeholder{
        color: #c8c7c6
    }
    .select-group {
        width: 100%;
        text-align: left !important;
        position: relative;
        border-radius: 5px;
        background-color: #EBEBEB;
        font: 1.17em 'Gotham-Medium', sans-serif !important;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: 96%;
        background-position-y: 7px;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 45px;
    }
    .select-group.dropdown-toggle::after {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }
    .select-group:focus {
        outline: none;
        box-shadow: none;
        border: 1.5px solid #979797;
    }
.inline-form-label-input-wrap{
    display: flex;
    align-items: center;
}
.input-group-wrap{
    position: relative;
    width: 100%
}
    .input-group-wrap i.fa-search {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        color: #b0aeb0;
        font-size: 1.17em;
        cursor: pointer;
    }
    .or-text {
        font: 1.17em 'Gotham-Medium', sans-serif;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.postal-text {
    font: 1.17em 'Gotham-Book', sans-serif;
    width: 200px;
}
.mb-30{
    margin-bottom: 30px
}
/*Rep Office*/
.rep-result-title {
    font: 1.125em 'Gotham-Medium', sans-serif;
}
.rep-result-office-url-link, .rep-result-email, .rep-result-phone, .rep-result-office-url-link a, .rep-result-email a, .rep-result-phone a {
    font: 1em 'Gotham-Book', sans-serif;
    color: #247a44;
}
.rep-result-office, .rep-result-city, .rep-result-stocking {
    font: 1em 'Gotham-Book', sans-serif;
}
.rep-result-office-url-link{
    margin-bottom: 15px
}
.spacer-30 {
    height: 30px;
    color: rgba(255, 255, 255, 0.01);
    visibility: visible;
}
#repRegion .form-group{margin-bottom: 0 !important;}
/*Responsive*/
@media (max-width: 767.99px) {
    .section-desc, [type="radio"]:checked + label, [type="radio"]:not(:checked) + label, .rep-result-office-url-link, .rep-result-email, .rep-result-phone, .rep-result-office-url-link a, .rep-result-email a, .rep-result-phone a, .rep-result-office, .rep-result-city, .rep-result-stocking {
        font-size: 1em !important
    }

    .form-control.search-icon, .select-group, .or-text, .postal-text {
        font-size: 1em !important
    }

    .rep-result-title {
        font-size: 1.1em !important
    }

    .section-desc {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .form-group {
        margin-bottom: .5rem
    }

    .or-text {
        justify-content: flex-start;
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .inline-form-label-input-wrap {
        display: grid;
        margin-top: 10px;
    }

    .postal-text {
        margin-bottom: 7px
    }

    .mb-30 {
        margin-bottom: 20px
    }
}