/* =Brand Reset
--------------------------------------------------------------------------------*/

#brands-landing {  padding: 0px;}
#brands-landing .brands-column,
#brands-landing h1.font-replaced,
#brands-landing p.intro {display: none;}
#brands-landing h1 {margin: 0px 0px 15px 0px;}
h1{color:#fff;}
.exp-row h2  {text-transform:none !important;}

/* =Brand  Page
--------------------------------------------------------------------------------*/

a i {font-size:120%; position:relative; font-style:normal}
.exp-padding { padding:60px 60px;}
.exp-black-bg {background:#000; color:#fff;}

.exp-sgh-brand .exp-header  h2{ font-family: "brandon_regular", Helvetica, Arial,sans-serif;  text-transform:none !important;}
.exp-sgh-brand h3 { padding-bottom:5px;}

.exp-sgh-brand .exp-black-bg  h1, .exp-sgh-brand .exp-black-bg  h2,  .exp-sgh-brand .exp-black-bg  h3 {color:#fff !important;}

.exp-col-3  {width:20%; padding:0px 25px 0px 0px; margin:0px;}
.exp-col-3  li {list-style:none; padding:0px;}
.exp-black-bg  .exp-col-3  li a {color:#fff}

.exp-featured .exp-padding, .exp-all-brands .exp-padding {padding-bottom:60px;}

a.exp-all-brands-link,
a.exp-featured-style {font-size:13px; display:block; padding: 6px 0px;}
.exp-feature-logo {border-bottom:1px solid #fff; padding: 0px 0px 5px; margin-bottom:12px;}


a.exp-shop-all { text-transform:uppercase; font-size:15px; color:#3398cc !important; display:block; padding:3px 0px; margin-top:5px; }
a.exp-all-brands-link { color:#111; font-size:14px; padding: 10px 0px;}
a.button.button-white {border: solid 2px #fff; color: #fff;  padding: 5px 18px; margin-top: 15px; min-height: 15px; line-height: 20px;}

.exp-carousel {background:#ededed;}
.exp-cta-longer {width:155px;}

img.exp-brands-star { width:82px !important;}

.exp-row h2.large-title, .exp-row h3  {font-size:22px;}


/* =Slider 
--------------------------------------------------------------------------------*/

.slider-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slider-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slider-list:focus { outline: none; }
.slider-list.dragging { cursor: pointer; cursor: hand; }
.slider-slider .slider-list, .slider-track, .slider-slide, .slider-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slider-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slider-track:before, .slider-track:after { content: ""; display: table; }
.slider-track:after { clear: both; }
.slider-loading .slider-track { visibility: hidden; }

.slider-slide { float: left; min-height: 170px; display: none;}
.slider-slide div { padding: 0 px10px; border-right:solid 1px #e1e1e1;}
.slider-active:nth-child(4n) div {border-right:none !important;}

.slider-slide figcaption{ position:relative; padding:15px 0px 0px 0px; text-align:center;}
.slider-slide figcaption .exp-brands-star { margin: 0px auto 10px;}
.slider-slide img { display: block; }
.slider-slide.slider-loading img { display: none; }
.slider-slide.dragging img { pointer-events: none; }
.slider-slide .slider-main-img { width: 100%}
.slider-initialized .slider-slide { display: block; }
.slider-loading .slider-slide { visibility: hidden; }
.slider-vertical .slider-slide { display: block; height: auto; border: 1px solid transparent; }

.exp-prod-brand, .exp-prod-style {font-size:14px; }
.exp-prod-brand { font-weight:normal; font-family: "brandon_black",Helvetica,Arial,sans-serif;  margin-bottom: 16px;}
.exp-prod-style { display:block; font-size:12px; height:30px;}
#brands-landing .item p.brand {margin-bottom: 8px;}
brands-landing .item {padding-top: 30px;}

a.exp-small-CTA {margin-top:10px;}


/* =Arrows 
--------------------------------------------------------------------------------*/
.slider-prev, .slider-next { position: absolute; top: 40%; z-index: 10; color:#ccc;  display: block; height: 100px; width: 50px; line-height: 100px; font-size: 100px; cursor: pointer; background: transparent; margin-top: 0px; padding: 0; border: none; outline: none; }
.slider-prev:hover, .slider-next:hover {color:#666;}
.slider-prev:focus, .slider-next:focus { outline: none; }
.slider-prev.slider-disabled, .slider-next.slider-disabled { opacity: 0.25; }

.slider-prev { left: -60px; }
.slider-next { right: -60px; }


/* =Dots 
--------------------------------------------------------------------------------*/
.slider-slider { margin-bottom: 30px; }

.slider-dots { position: absolute;  z-index: 9; bottom: -40px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slider-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px ; padding: 0px; cursor: pointer; }
.slider-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slider-dots li button:focus { outline: none; }
.slider-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px;  font-size: 30px; line-height: 30px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slider-dots li.slider-active button:before { opacity: 0.75; }