p#tagline {
    color: #50B956;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}

body div#headerImageText {
    padding: 20px;
}

section#header .jumbotron {
    background: #f6f6f6;
}

section#header #headerImageText h1 {
    color: #0B3F54;
}

section#header #headerImageText {
    color: #0B3F54;
    text-align: left;
    margin-top: 50px;
}

section#workForYou {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: white;
}

img.who-we-are-img {
    border-radius: 100%;
    width: 250px;
}

.carousel-item {
    display: flex;
    flex-direction: column;
}

section#Categories {
    background-color: #f6f6f6;
}

    section#Categories div.jumbotron {
        background-color: #f6f6f6;
    }

    section#Categories .carousel-item p.carousel-item-header {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    section#Categories .carousel-item p.carousel-item-role {
        text-align: center;
        color: #50B956;
    }

@media (min-width: 768px) {
    section#Categories div.carousel-item {
        background-color: white;
        min-height: 0px;
        padding: 20px 20px;
        box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);
        -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.5);
    }
}

@media (min-width: 992px) {
    section#header #headerImageText h1, .whoWeAreHeader {
        padding-left: 60px;
    }
}

section#ContactUs {
    margin-top: 0px;
}

    section#ContactUs h2 {
        padding-top: 80px;
        padding-bottom: 48px;
    }

section#customerService {
    padding-top: 112px;
}

    section#customerService p.bold {
        font-weight: 600;
        font-size: 22px;
    }

section#Categories .whoWeAreHeader {
    font-size: 22px;
    font-weight: 600;
}

@media (min-width: 768px) {
    .slick-list {
        padding: 0 10% 0 3% !important;
    }
}

.carousel-item-contact-info {
    text-align: center;
}



/*#region Sales Rep Map General*/
.svgContainer svg {
    height: auto;
    width: 100%;
}

#RepMap path, #RepMap polygon {
    stroke: #ffffff;
    stroke-width: .25px;
    stroke-miterlimit: 10;
    transition: .3s;
}

#RepMap g {
    cursor: pointer;
}
/*#endregion*/
/*#region Sales Rep Map Text Background*/
#RepMap rect {
    fill: #c7c8ca;
    transition: .3s;
}

#RepMap text {
    color: #231f20;
}
/*#endregion*/
/*#region Sales Rep Map Zone Colors*/
#RepMap #JohnLowham path, #RepMap #JohnLowham polygon {
    fill: #0b3f54;
}

#RepMap #ErinMendes path, #RepMap #ErinMendes polygon {
    fill: #002234;
}

#RepMap #MikeBressler path, #RepMap #MikeBressler polygon {
    fill: #5a839a;
}

#RepMap #TiffanyBucher path, #RepMap #TiffanyBucher polygon {
    fill: #43b549;
}

#RepMap #JamieDillard path, #RepMap #JamieDillard polygon {
    fill: #43b549;
}

#RepMap #JoePierson path, #RepMap #JoePierson polygon {
    fill: #a4cee7;
}

#RepMap #AlPederson path, #RepMap #AlPederson polygon {
    fill: #366177;
}

#RepMap #RandyHolliman path, #RepMap #RandyHolliman polygon {
    fill: #6fdd6e;
}

#RepMap #TimGold path, #RepMap #TimGold polygon {
    fill: #058f25;
}

#RepMap #BillyNorrell path, #RepMap #BillyNorrell polygon {
    fill: #002a00;
}

#RepMap #RickKolb path, #RepMap #RickKolb polygon {
    fill: #006b00;
}

#RepMap #PeteHausser path, #RepMap #PeteHausser polygon {
    fill: #004800;
}

#RepMap #JohnCharley path, #RepMap #JohnCharley polygon {
    fill: #7fa8c0;
}

#RepMap #JustinWood path, #RepMap #JustinWood polygon {
    fill: #43b549;
}
/*#endregion*/
/*#region Sales Rep Map Zone Hover Colors*/
#RepMap #JohnLowham:hover path, #RepMap #JohnLowham:hover polygon {
    fill: #0b3f54;
}

#RepMap #ErinMendes:hover path, #RepMap #ErinMendes:hover polygon {
    fill: #002234;
}

#RepMap #MikeBressler:hover path, #RepMap #MikeBressler:hover polygon {
    fill: #5a839a;
}

#RepMap #TiffanyBucher:hover path, #RepMap #TiffanyBucher:hover polygon {
    fill: #43b549;
}

#RepMap #JamieDillard:hover path, #RepMap #JamieDillard:hover polygon {
    fill: #43b549;
}

#RepMap #JoePierson:hover path, #RepMap #JoePierson:hover polygon {
    fill: #a4cee7;
}

#RepMap #AlPederson:hover path, #RepMap #AlPederson:hover polygon {
    fill: #366177;
}

#RepMap #RandyHolliman:hover path, #RepMap #RandyHolliman:hover polygon {
    fill: #6fdd6e;
}

#RepMap #TimGold:hover path, #RepMap #TimGold:hover polygon {
    fill: #058f25;
}

#RepMap #BillyNorrell:hover path, #RepMap #BillyNorrell:hover polygon {
    fill: #002a00;
}

#RepMap #RickKolb:hover path, #RepMap #RickKolb:hover polygon {
    fill: #006b00;
}

#RepMap #PeteHausser:hover path, #RepMap #PeteHausser:hover polygon {
    fill: #004800;
}

#RepMap #JohnCharley:hover path, #RepMap #JohnCharley:hover polygon {
    fill: #7fa8c0;
}

#RepMap #JustinWood:hover path, #RepMap #JustinWood:hover polygon {
    fill: #43b549;
}
/*#endregion*/
/*#region Sales Rep Map Zone Hover Effects*/
/*Zones that are not hovered*/
#RepMap:hover g:not(:hover) path, #RepMap:hover g:not(:hover) polygon {
    filter: grayscale(85%) brightness(85%);
}
/*Manager button hover effects for zones */
#RepMap #MattHarper:hover ~ g:not(:hover) path, #RepMap #MattHarper:hover ~ g:not(:hover) polygon, #RepMap #JohnBudd:hover ~ g:not(:hover) path, #RepMap #JohnBudd:hover ~ g:not(:hover) polygon {
    filter: brightness(115%);
}

#RepMap #RonPraska:hover ~ g:not(:hover) path, #RepMap #RonPraska:hover ~ g:not(:hover) polygon, #RepMap #WaynePagel:hover ~ g:not(:hover) path, #RepMap #WaynePagel:hover ~ g:not(:hover) polygon {
    filter: brightness(115%);
}

/*Zone that is currently hovered*/
#RepMap g:hover path, #RepMap g:hover polygon {
    filter: grayscale(0) brightness(115%);
}

#WesternRegionText, #EasternRegionText {
    opacity: 0;
    transition: .3s;
}

#RepMap #RonPraska:hover ~ #WesternRegionText {
    opacity: 1;
}

#RepMap #WaynePagel:hover ~ #EasternRegionText {
    opacity: 1;
}
/*#endregion*/
/*#region Sales Rep Map Pointer Styles*/
#RepMap #pointer, #RepMap #pointer-1, #RepMap #pointer-2, #RepMap #pointer-3, #RepMap #pointer-4, #RepMap #pointer-5, #RepMap #pointer-6, #RepMap #pointer-7, #RepMap #pointer-8, #RepMap #pointer-9, #RepMap #pointer-10, #RepMap #pointer-11, #RepMap #pointer-12, #RepMap #pointer-13, #RepMap #pointer-14 {
    fill: #ebaa64 !important;
    opacity: 1 !important;
    filter: none !important;
}

#RepMap #JamieDillard:hover #pointer-14, #RepMap #JohnLowham:hover #pointer-8, #RepMap #ErinMendes:hover #pointer-9, #RepMap #MikeBressler:hover #pointer-13, #RepMap #TiffanyBucher:hover #pointer-7, #RepMap #JoePierson:hover #pointer-12, #RepMap #AlPederson:hover #pointer-10, #RepMap #RandyHolliman:hover #pointer-5, #RepMap #TimGold:hover #pointer-3, #RepMap #BillyNorrell:hover #pointer, #RepMap #RickKolb:hover #pointer-6, #RepMap #PeteHausser:hover #pointer-2, #RepMap #JohnCharley:hover #pointer-11, #RepMap #JustinWood:hover #pointer-4 {
    fill: #d8822e !important;
}
/*#endregion*/
/*#region Sales Rep Map Manager buttons*/
#MattHarper text, #RonPraska text, #WaynePagel text, #JohnBudd text {
    color: #5F636A;
    filter: none !important;
}

#MattHarper g text, #RonPraska g text, #WaynePagel g text, #JohnBudd g text {
    fill: #ffffff !important;
    filter: none !important;
}

#MattHarper g path, #RonPraska g path, #WaynePagel g path, #JohnBudd g path {
    fill: #ECAB64 !important;
    filter: none !important;
}

#MattHarper:hover g path, #RonPraska:hover g path, #WaynePagel:hover g path, #JohnBudd:hover g path {
    fill: #C99155 !important;
}

/*#endregion*/
/*#region Sales Rep Modal Styles*/
.repImage {
    border-radius: 100%;
    width: 250px;
    height: 250px;
    display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.repHeader {
    margin-top: 30px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 22px;
    color: #5F636A;
    text-align: center;
}

.repTitle {
    text-align: center;
    color: #50B956;
}

.repContactInfo {
    text-align: center;
}

.salesManagerHeader {
    text-align: center;
}

    .salesManagerHeader a {
        color: #007BFF !important;
        cursor: pointer;
    }

        .salesManagerHeader a:hover {
            text-decoration: underline !important;
        }

#SalesTeamModal .carousel-item {
    padding: 0px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

#SalesTeamModal a {
    color: #007bff;
    cursor: pointer;
}

    #SalesTeamModal a:hover {
        color: #0056b3;
        text-decoration: underline;
    }

.carousel-item-contact-info {
    margin-bottom: 0px;
}

#SalesTeamModal .orange-button {
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    border-radius: 39px;
    background-color: #ECAB64;
    border: none;
    padding: 15px 50px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

    #SalesTeamModal .orange-button:hover {
        background-color: #C99155 !important;
        color: white;
        text-decoration: none;
    }

#SalesTeamModal .modal-header, #SalesTeamModal .modal-footer {
    border: 0px;
}
/*#endregion*/