.product-locator-page {

    background: #000;

}

.black-texture {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: url(../images/ncaa/black-texture.png) left top repeat-x;

    mix-blend-mode: exclusion;

}

.locator-inner {

    position: relative;

    width: 100%;

}

.locator-control .flex {

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

}

.product-locator-page .h2 {

    margin-bottom: 2rem;

}

.locator-map {

	min-width: 60%;

	position: relative;

	overflow: hidden;

}

.map-holder{

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    border-radius: 0.6rem;

}

.locator {

	display: flex;

	flex-wrap: wrap;

	flex-direction: row-reverse;

    justify-content: space-between;

}

.locator-sidebar {

	height: 39rem;

	min-width: 34%;

	position: relative;

	overflow: hidden;

    background: #000;

    border-radius: 0.6rem;

}

.product-search-form {

    padding: 2rem;

    position: absolute;

    width: 34%;

    left: 0;

    top: 0;

    z-index: 1200;

    font-family: "minion-pro";
    height: 100%;

}







.locator-inner .chosen-container {

    text-transform: none;

}

.locator-inner .chosen-container .chosen-drop {

    background: #99A398;

    border: 1px solid #99A398; 

	border-top: none;

}

.locator-inner .chosen-container-single a.chosen-single,

.locator-form-input-wrapper .form-control {

	height: 3.5rem;

    background: none;

    border: 1px solid #99A398; 

    line-height: 3.5rem;

    font-size: 1.2rem;

    color: #fff;

    padding: 0 1em;

    font-family: "minion-pro";

    font-weight: normal;

    text-transform: none;

}



.tablet .product-locator .select-container .btn-fallback, 

.phone .product-locator .select-container .btn-fallback {

	height: 3.5rem;

    line-height: 3.5rem;

    font-size: 1.2rem;

    min-width: 1px;

    display: block !important; 

    color: #fff;

    padding: 0 1em;

    font-family: "minion-pro";

    font-weight: normal;

    text-transform: none;



    background: none;

    border:1px solid #99A398; 

}



.tablet .product-locator .btn-fallback span,

.phone .product-locator .btn-fallback span {

    width: 2em;

    background-image: url(../images/ncaa/white-down-arrow.svg);

    background-size: .5em auto;

}





.locator-inner .chosen-container .chosen-results li {

    font-size: 1.2rem;

    color: #000;

}

.locator-inner .chosen-container-single .chosen-single div {

    width: 2em;

    background-image: url(../images/ncaa/white-down-arrow.svg);

    background-size: .5em auto;

}





.locator-form-input-wrapper {

    margin-bottom: 10px;

}



.locator-zip-group{

    position: relative;

}

.locator-zip-group .loader{

    left: 45%;

    top: 6px;

}

.zip-input-group {

    display: flex;

}

.zip-input-box::-moz-placeholder {

    color: #fff;

}

.zip-input-box::-ms-placeholder {

    color: #fff;

}

.zip-input-box::-webkit-input-placeholder {

    color: #fff;

}

.product-search-button{

    width: 100% !important;

}

.product-search-form .h3 {

    margin-top: 1.5rem;

    line-height: 1em;

}

.search-illustration {

    position: absolute;

    left: -3rem;

    bottom: -2rem;

    width: 41rem;

    pointer-events: none;

}

.product-locator .xm-tooltip {

    font-size: 1rem;

    padding: .5rem;

    top: -1em;

}

.product-locator .xm-tooltip::after {

    border-top: 8px solid #ba9958;

    border-left: 8px solid transparent;

    border-right: 8px solid transparent;

    bottom: 0;

    transform: translateY(100%);

}





.showing-results {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    padding: 1.5rem;

}

.result-nav {

	display: flex;

	margin-bottom: 1.4rem;

}

.result-nav li {

    font-family: 'Kapra-Regular';

    flex: 1;

}

.results-section_top {

    position: relative;

}

.info-text{

    color: #dddcdc;

    font-size: 10px;

    position: absolute;

    top: 2.6rem;

}

.result-nav li a,

.result-nav li span {

	color: var(--gold);

	text-transform: uppercase;

	display: block;

	font-size: 1.5rem;

	cursor:pointer;

	line-height: 2.5rem;

	background: #fff;

	border:1px solid var(--gold);

	padding: 0;

	text-align: center;

	height: 2.5rem;

	padding-top: .15em;

}

.result-nav li a.active,

.result-nav li span.active,

.computer .result-nav li a:hover {

	color: #fff;

    background: var(--gold);

}

.result-nav li:last-child {

	padding-left: .5rem;

    padding-right: 0;

}

.showing-results h3 {

	font-size: 12px;

	font-weight: 300;

	color: #fff;

	margin: 0 24px 0 0;

	font-family: arial;

	line-height: 1em;

	text-transform: none;

	border-bottom: 1px solid var(--gold);

	padding: 0 0 6px 0;

}



.loader{

    width: 100%;

    height: 100%;

    display: none;

    background: rgba(0,0,0,0.015);

    align-items: center;

    justify-content: center;

    text-align: center;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 10;

}

.no-results-found {

    position: absolute;

    top: 27%;

    left: 0;

    width: 100%;

    text-align: center;

    padding: 0 5px;

    display: none;

    z-index: 100;

}

.no-results-found h2 {

    color: #fff;

    font-size: 2em;

    line-height: 1em;

    font-family: 'Kapra-Regular';

    font-weight: 400;

    font-style: normal;

    text-align: center;

}

.no-results-found h2 span {

    font-size: .60em;

    font-family: "minion-pro";

    text-transform: none;

    line-height: 1.5em;

    padding: 0 2em;

    display: block;

    letter-spacing: 0.025em;

    margin-top: 1em;

}

.no-results-found h2 a{

    color: #E95328;

}

.refine-search {

    overflow: hidden;

    position: absolute;

    bottom: 1.5rem;

    left: 0;

    padding: 0 1.5rem;

    width: 100%;

    text-align: center;

}

.refine-search .btn {

    color: #fff;

    text-transform: uppercase;

    display: block;

    font-size: 1.5rem;

    cursor: pointer;

    line-height: 2.5rem;

    background: var(--gold);

    padding: 0;

    text-align: center;

    height: 2.5rem;

    padding-top: .17em;

    border: none;

    min-width: 1px;

}

.refine-search .btn span{

    border: none;

    padding: 0 !important;

    font-size: inherit !important;

    line-height: inherit;

}











.media-right {

    width: 1rem;

    display: table-cell;

    align-items: center;

    vertical-align: middle;

    padding-right: 0.4rem;

    padding-left: 0.4rem;

}

.media-right a {

    text-decoration: none;

    font-weight: 400;

    color: var(--gold);

    font-size: 1rem;

}

.results .media.active .media-right a {

    color: #fff;

}

.results .media {

	padding: 1rem 0px;

	border-bottom: 1px solid var(--gold);

}

.results .media-left {

	vertical-align: middle;

	padding-right: 0.4rem;

	min-width: 2.5rem;

}

.results .media h2,

.results .media p {

    font-size: 1rem;

    line-height: 1.5em;

    margin-bottom: 0;

    font-family: "arial";

    color: #fff;

    text-transform: none;

    text-align: left;

}

.results .media h2 {

    font-weight: bold;

}

.results .media p {

	margin: 0;

}

.results p a {

	font-size: inherit;

	color: #1e8ece;

    line-height: inherit;

    letter-spacing: 0.01em;

}

.results p .telephone {

	color: #fff;

	margin-right: .5rem;

}

.media-body .direction-link{

    display: none;

}

.results .media-left span {

    position: relative;

    width: 29px;

    height: 37px;

    display: block;

    margin: 0 auto;

    color: #000;

    text-align: center;

    background: url(../images/map-marker.png) no-repeat;

}

.results .media.active .media-left span {

    color: var(--gold);

}

.results .media.active {

    background: var(--gold);

}

.results .media {

	cursor: pointer;

}

.results .media .media-left .st0 {

	transition: 300ms;

}

.results .media-left span i {

	z-index: 2;

	position: absolute;

	font-style: normal;

	margin: 0 auto;

	color: #000;

	line-height: 21px;

	font-weight: bold;

	display: block;

	border-radius: 50%;

	font-size: 11px;

	top: 4px;

	left: 50%;

	transform: translateX(-50%);

	transition: 300ms;

}

.results .media .media-left .st0{ 

    stroke:#1e8ece;

    stroke-width:20;

    stroke-miterlimit:10; 

    fill:#1e8ece;

}

.result-bottom_nav {

    position: absolute;

    left: 1.5rem;

    right: 1.5rem;

    bottom: 4.2rem;

    display: flex;

    border-bottom: 1px solid var(--gold);

    border-top: 1px solid var(--gold);

    align-items: center;

    justify-content: space-between;

    z-index: 100;

    padding: .4rem 0;

}

.result-bottom_nav h3 {

    margin: 0;

    padding: 0;

    border:none;

}

.result-bottom_nav p {

    margin: 0;

    font-size: 0.7rem;

    font-variant: normal;

    text-transform: uppercase;

    font-family: arial;

    line-height: 1em;

}

.isDisabled {

    opacity: .35;

    pointer-events: none;

}

.result-bottom_nav p a {    

	color: #fff;

}

.result-bottom_nav p a:first-child {

    margin-right: .75rem;

}

.result-bottom_nav p a span {

    font-size: 0.7rem;

    position: relative;

    top: 0px;

}

.results {

    position: absolute;

    top: 6.5rem;

    left: 1.5rem;

    right: 1.5rem;

    height: calc(100% - 12.5rem);

}

.result-scroll {

    height: 100%;

}



.gm-style-iw-d h2 {

    font-family: arial;

    font-size: 13px;

    line-height: 16px;

    margin-bottom: 1px;

    margin-top: 0;

    color: #000;

    font-weight: 700;

    text-transform: none;

}

.gm-style-iw-d p {

    font-family:  arial;

    font-size: 12px;

    line-height: 16px;

    margin: 0;

    color: #000;

    font-weight: normal;

}

.gm-style-iw-d p .telephone {

    color: #000;

    margin-right: 4px;

}

.gm-style-iw-d p a {

    color: #000;

    text-transform: uppercase;

}

.gm-style .gm-style-iw-c {

    border-radius: 5px !important;



    box-shadow: 0 0 1px 1px rgba(0,0,0,0.25);

}

.gm-style .gm-style-iw-t::after {

    box-shadow: none;

    border-left: 1px solid rgba(0,0,0,0.25);

    border-bottom: 1px solid rgba(0,0,0,0.25);

    top: 1px;

}

.gm-style-iw-ch {

    display: none;

}

.gm-style-iw-chr {

    position: absolute;

    right: -10px;

    top: -10px;

}

.gm-style .gm-style-iw-d {

    padding-top: 10px;

}



















.filtersticky .locator {

	padding-top: 18px;

}

.filter-complete_js .refine-search {

	display: block !important;

}









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

    .results {

        top: 7.25rem;

        height: calc(100% - 13.75rem);

    }    

}

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

    .ncaa-section .container, 

    .sips-carousel .container {

        max-width: 85rem;

    }    

}



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

    .locator-inner {

        padding: 0 1rem;

    }

 

	.locator-inner .chosen-container-single a.chosen-single,

	.locator-form-input-wrapper .form-control,

	.tablet .product-locator .select-container .btn-fallback, 

	.phone .product-locator .select-container .btn-fallback {

		height: 3rem;

	    line-height: 3rem;

	    font-size: 1rem;

	    padding: 0 .75em;

	}

    .locator {

        display: block;

        padding-top: 0;

        transition: padding 500ms ease;

        border-bottom: none;

    }

    .filter-complete_js .locator-sidebar {

        display: block;

    }

    .locator-map {

        min-height: 340px;

    }





	.filter-complete_js .refine-search {

		opacity: 1;

		visibility: visible;

	}

	.refine-search .btn {

		width: 100%;

		margin: 0 !important;

	}

	.showing-results h3 {

		margin: 0;

	}

	.results .media {

		padding: .75rem 0;

	}

    .refine-search {

        padding: 0;

        height: auto;

        position: relative;

        width: 100%;

        bottom: auto;

    }    



    .result-bottom_nav h3 {

        display: block !important;

    }    

    .result-scroll,

    .locator-sidebar,

    .showing-results {

        height: auto;

        min-height: 1px;

        position: relative;

        top: auto;

        left: auto;

    }  

    .locator-sidebar {

        height: auto;

        min-height: 0;

        position: relative;

        top: auto;

        left: auto;

        min-width: 1px;

        padding: 0;

        border: none;

        border-radius: 0;

    }    

    .locator-sidebar .video-div {

		display: none !important;

	}

    .results {

        top: auto;

        left: auto;

        right: auto;

        height: auto;

        position: relative;

    }    

    .showing-results {

        padding: 20px 0;

    }

    .results .media:last-child {

        border-bottom: none;

    }

    .result-nav {

        margin-bottom: 1rem;

    }

    .info-text{top: 58px;}

    .result-nav li a {

        font-size: 14px;

    }

    .results .media h2,

    .results .media p {

        font-size: 16px;

        line-height: 24px;

    }



    .results .media-left {

        min-width: 65px;

    }    

    .no-results-found h2 {

        font-size: 34px;

        line-height: 1.2em;

    }   

    .no-results-found {

        padding: 40px 30px;

        height: auto;

        top: 0;

        position: relative;

    }   

    .result-nav li a, .result-nav li span {

		font-size: 1.25rem;

	}

    .product-search-form {

        position: relative;

        width: 100%;

        padding: .75rem;

        margin-bottom: 2rem;

    }

    .product-locator-page {

        padding-top: 190px;

        padding-bottom: 0px;

        background: #000;

    }





    .filter-complete_js .map-holder {

        height: 100%;

    }



    .result-bottom_nav {

        padding: 12px 0;

        position: relative;

        top: auto;

        left: auto;

        bottom: auto;

        width: 100%;

        right: auto;

    }



    .search-illustration {

        left: -5.5rem;

        bottom: -2rem;

        width: 29rem;

    }

    .product-search-form .h3 {

        margin: 1.5rem 0 9.5rem;

        font-size: 2.75rem;

    }

}


/* ---- Scrollbar ---- */
.mCustomScrollbar{ 
    -ms-touch-action: pinch-zoom; 
    touch-action: pinch-zoom; 
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ 
    -ms-touch-action: auto; 
    touch-action: auto; 
}
.mCustomScrollBox{ 
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}
.mCSB_container{ 
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container{
    margin-right: 24px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ 
    margin-right: 0 !important; 
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ 
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ 
    margin-left: 0; 
} 

.mCSB_scrollTools{
    position: absolute;
    width: 4px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ 
    right: -26px; 
} 

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ 
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ 
    left: -26px; 
} 

.mCSB_scrollTools .mCSB_draggerContainer{ 
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; 
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ 
    margin: 20px 0; 
}

.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{ 
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ 
    width: 12px; 
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ 
    width: 8px; 
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ 
    bottom: 0; 
}

.mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
    transition: width .2s ease-out .2s, height .2s ease-out .2s, 
                margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
                margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
                opacity .2s ease-in-out, background-color .2s ease-in-out; 
}


.mCSB_scrollTools{ 
    opacity: 0.75; 
    filter: "alpha(opacity=75)"; 
    -ms-filter: "alpha(opacity=75)"; 
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ 
    opacity: 0; 
    filter: "alpha(opacity=0)"; 
    -ms-filter: "alpha(opacity=0)"; 
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ 
    opacity: 1; 
    filter: "alpha(opacity=100)"; 
    -ms-filter: "alpha(opacity=100)"; 
}

.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #ebebeb; 
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #ba9856; 
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #ba9856; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #ba9856; 
}
.backToRefine {
    display: none;
}
button.closeSearch {
    width: 20px;
    height: 11px;
    padding: 0;
    border: none;
    background: url(../images/arrow-up-white.png) center center no-repeat;
    background-size: 18px  auto;
    display: block;
    margin: 12px auto 0;
    text-indent: -9999px;
}
/* ---- Scrollbar ---- */