/******************************
	EXPERIENCE:
	STYLE
*******************************/

/* Experience specific typography
--------------------------------------------------------------------------------*/
.exp-wrapper{letter-spacing: 0.1em;}
.exp-wrapper h1{font-family:"brandon_bold", Arial, Helvetica, sans-serif;font-size: 20px; color: #000; text-transform: uppercase; font-weight: normal;}
.exp-wrapper p{font-family:"brandon_regular", Arial, Helvetica, sans-serif;font-size: 16px;font-size: 3.5vw;line-height: 19px;color: #222222;}
.exp-wrapper sup{font-size: 14px;}
.exp-wrapper p a, .exp-row a.btn-arrow{color: #fff;}
.exp-wrapper a:hover{color: #000;}

.exp-wrapper h1.large{letter-spacing: 7px;}
.exp-wrapper h1{padding: 0px;margin: 0px 0px 10px;letter-spacing: 5px;line-height: 1.2;font-size: 40px;font-size: 6.2vw;}
.exp-wrapper h2{padding: 0px; margin: 0px 0px 15px;}
.exp-wrapper p{padding: 0px; margin: 10px 0px 20px; }

@media (min-width:681px) {
  .exp-wrapper h1{margin: 0px 0px 20px;font-size: 48px;font-size: 3.3vw;}
  .exp-wrapper p{font-size: 22px;font-size: 1.6vw;letter-spacing: 2.5px;letter-spacing: .2vw;line-height: 30px;line-height: 2.1vw;}
}
@media (min-width: 1440px){
	.exp-wrapper h1{font-size: 48px;}
	.exp-wrapper p{font-size: 22px;letter-spacing: 2.5px;line-height: 18px;}
}

.exp-wrapper .b-bold { font-family: "brandon_bold", Arial, Helvetica, sans-serif !important; }
.exp-wrapper .b-med { font-family:"brandon_medium", Arial, Helvetica, sans-serif !important; }
.exp-wrapper .b-reg { font-family:'brandon_regular', Arial, Helvetica, sans-serif !important; }
.exp-wrapper sup, .exp-row sub {vertical-align: baseline;position: relative;top: -0.4em;}

.exp-wrapper .lazy-wrap{position: relative; z-index: 2}
.exp-wrapper .lazy-loader{position: relative; z-index: 1; width: 100% !important; height: auto !important; display: block; padding: 0; margin: 0;}
.exp-wrapper .lazy-replace{position: absolute;z-index: 2;left: 0;top: 0;}

/* Experience specific buttons - Colors, font-size, border
--------------------------------------------------------------------------------*/
.exp-wrapper .btn-outline{font-size: 14px; color: #000; border-color: #000; padding: 13px 22px; }
.exp-wrapper .btn-outline:hover {background: #000; color: #fff;}
.exp-wrapper .btn-outline.white:hover{background: #fff; color: #000;}
.exp-wrapper .btn-solid{font-size: 11px; line-height: 1.2; padding: 14px 8px; background: #fff; color: #000 !important; font-family: "brandon_bold",Helvetica,Arial,sans-serif; text-transform: uppercase; border: 2px #fff; border-radius: 2px; }
.exp-wrapper .btn-solid.btn-black{background: #000; color: #fff !important;}
.exp-wrapper .btn-solid.btn-red{background: #e4001c; color: #fff !important;}


.exp-size-guide-wrapper .black-outlined {
    
    color: #111;
    background: transparent;
    border: 5px solid #111;
    padding: 7px 35px;
        font-family: 'brandon_bold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    
        border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
        display: inline-block;
        text-transform: uppercase;
        cursor: pointer;
        
}


/* Experience specific
--------------------------------------------------------------------------------*/
.exp-wrapper{background: #fff; overflow: hidden;}

.exp-wrapper .exp-title-wrap{position: relative; height: 28px; margin-top: 10px; text-align: center; overflow: hidden;}
.exp-wrapper .exp-title {
	font-family: "brandon_bold", Arial, Helvetica, sans-serif;
	text-transform: uppercase; background-color: #fff;
	height: auto;
	box-sizing: border-box;
	margin: 0 auto;
	letter-spacing: 1px;
	line-height: 1;
	z-index: 1;
	position: absolute;
	display: inline-block;
	font-size: 18px;
	padding: 10px;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.exp-wrapper .exp-title-sub {font-family: "brandon_medium", Arial, Helvetica, sans-serif; font-size: 12px; display: inline-block; vertical-align: middle; position: relative; top: -1px}
.exp-wrapper .exp-title-line {width: 100%; height: 2px; border: none; margin: 0px; background-color: #111; top: 50%; z-index: 0; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
@media (min-width:681px) {
	.exp-wrapper .exp-title-wrap{height: 60px; margin-top: 0;}	
	.exp-wrapper .exp-title{font-size: 35px; height: 60px;}
	.exp-wrapper .exp-title-sub{font-size: 22px; top: -2px;}
}


.exp-size-guide-wrapper * { text-align: center; }


.exp-wrapper .exp-nav {text-align: center; background-color: #fff; padding-bottom: 10px; min-height: 58px; max-width: 1440px; -webkit-transition: top .5s ease-in-out; -moz-transition: top .5s ease-in-out; -ms-transition: top .5s ease-in-out; -o-transition: top .5s ease-in-out; transition: top .5s ease-in-out; overflow: visible;  position: relative;}
.exp-wrapper .exp-nav-scrollable {width: 620px;}
.exp-wrapper .exp-nav ul {margin: 0 auto;overflow: visible;padding: 15px 0;}
.exp-wrapper .exp-nav li {margin: 5px 10px; position: relative; display: inline-block; padding: 0;}
.exp-wrapper .exp-nav li span {padding: 0; position: relative; cursor: pointer; box-sizing: border-box; display: inline-block; font-family: "brandon_bold", Helvetica, Arial,sans-serif;  text-transform: uppercase; line-height: 1;}


.exp-wrapper .exp-nav ul ul.exp-nav-sub { position: absolute; display: none; left: 0px; width: 100%; top: 22px; z-index: 110; background-color: #f4f4f4; padding: 0;}
.exp-wrapper .exp-nav li:hover ul.exp-nav-sub {display: block;}
.exp-wrapper .exp-nav ul ul.exp-nav-sub li {padding: 5px 0px; display: block;}
.exp-wrapper .exp-nav ul ul.exp-nav-sub span { width: 100%; }
.exp-wrapper .exp-nav ul.exp-nav-sub > li:hover > span {background-color: #fff;}
.exp-wrapper .exp-link-drop{margin-right: 0 !important;}
.exp-wrapper .exp-link-drop span{padding-right: 32px !important;}
.exp-wrapper .exp-link-drop > span:after {content: '\0276F'; position: absolute; right: 10px;  width: 20px; height: 20px;   -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; font-family: 'Zapf Dingbats';}
.exp-wrapper .exp-link-drop:hover > span:after {   display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
@media (min-width:681px) {
  .exp-wrapper .exp-nav-scrollable {width: 100%;}
  .exp-wrapper .exp-nav ul{padding: 0;}
  .exp-wrapper .exp-nav li{margin: 0; padding: 5px 1%;}
  .exp-wrapper .exp-nav li span {padding: 10px 30px; }
  .exp-wrapper .exp-link-drop span{padding-right: 0;}
  .exp-wrapper .exp-nav ul ul.exp-nav-sub{top: 42px;}
  .exp-wrapper .exp-nav ul.exp-row > li > span { border-bottom: solid 1px #fff;}
  .exp-wrapper .exp-nav ul.exp-row > li > span:hover {border-bottom: solid 1px #dadada;}


  .exp-wrapper .exp-nav-overlay .exp-title-wrap{height: 40px; margin-top: 0;}	
  .exp-wrapper .exp-nav-overlay .exp-title{font-size: 25px; height: 40px;}
  .exp-wrapper .exp-nav-overlay .exp-title-sub{font-size: 14px; top: -2px;}
  .exp-wrapper .exp-nav-overlay.exp-nav li {margin: 0px 10px;position: relative;display: inline-block;padding: 0;}
  .exp-wrapper .exp-nav-overlay.exp-nav li span {padding: 5px 30px;}
  .exp-wrapper .exp-nav-overlay ul ul.exp-nav-sub {
    top: 27px;
}
}

.nav-drawer-open .exp-wrapper .exp-nav-overlay.exp-nav {
	display: block;
	-webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	        transform: translateY(0%);
}
.exp-wrapper .exp-nav-overlay.exp-nav {
	position: fixed;
	top:87px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 1000;
	-webkit-transition: 0.25s ease-out;
	transition: 0.25s ease-out;
	max-width: 1440px;
	-webkit-transform: translateY(-320%);
	    -ms-transform: translateY(-320%);
	        transform: translateY(-320%);
}
.exp-wrapper .exp-nav-overlay.exp-nav ul {padding: 0;}


@media (min-width:681px) {
	.exp-wrapper .exp-nav-overlay.exp-nav {	top: 81px ; } 
	.no-global-banner .exp-wrapper .exp-nav-overlay.exp-nav {top: 51px;}
	
}	




.exp-wrapper .exp-hero-image{width: 100%; height: auto;}
.exp-wrapper .exp-hero-content{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%;}
.exp-wrapper .exp-hero-content *{color: #fff; text-align: center;}
.exp-wrapper .exp-hero-content-text{display: none;}
@media (min-width:681px) {
	.exp-wrapper .exp-desktop-gutter{margin: 0px auto; width: 85%;}
	.exp-wrapper .exp-hero-content{left: 5%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);transform: translateY(-50%);}
	.exp-wrapper .exp-hero-content *{text-align: left;}
	.exp-wrapper .exp-hero-content-text{display: block; font-family: 'brandon_regular', Arial, Helvetica, sans-serif; font-size: 22px; font-size: 1.45vw;}
}
@media (min-width:1440px) {
	.exp-wrapper h1 { font-size: 48px; }
	.exp-wrapper .exp-hero-content-text {font-size: 22px;line-height: 30px;}
}

.exp-wrapper .exp-hero-sub{display: none;}
@media (min-width:681px) {
	.exp-wrapper .exp-hero-sub{display: block;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;margin-top: 20px;}
	.exp-wrapper .exp-hero-sub-display{display: flex;}	
	.exp-wrapper .exp-hero-sub-col{width: 25%; display: flex;}
	.exp-wrapper .exp-hero-sub-col-image-holder{width: 40%;}
	.exp-wrapper .exp-hero-sub-col-image{width: 100%; height: auto; display: block;}
	.exp-wrapper .exp-hero-sub-col-text{width: 60%; margin: auto; padding: 0 6% 0 4%; text-transform: uppercase; font-family: "brandon_medium", Arial, Helvetica, sans-serif; font-size: 16px; font-size: 1.1vw;}
	.exp-wrapper .exp-hero-sub-col-text *{}
}
@media (min-width: 1440px) {
	.exp-wrapper .exp-hero-sub-col-text { font-size: 16px; }
}

.exp-wrapper .exp-carousel-dots{text-align: center;margin: 20px 0;}
.exp-wrapper .exp-carousel-dots li{display: inline-block;margin: 0 10px;}
.exp-wrapper .exp-carousel-dots li button{border: 1px solid #000; background: #fff; text-indent: -9999px; cursor: pointer; width: 15px; height: 15px; border-radius: 50%; overflow: hidden; padding: 0;}
.exp-wrapper .exp-carousel-dots li.slick-active button{background: #000;}

.exp-wrapper .exp-style-carousel-slide-text-holder{text-align: center;padding-top: 25px;}
.exp-wrapper .exp-style-carousel-slide-text {font-size:20px;font-size: 3.2vw;display: block;line-height: 1.4;font-family: 'brandon_regular';width: 70vw;margin: 10px auto 0;margin: 1.6vw auto 0;font-style: italic;}
.exp-wrapper .exp-style-carousel-slide-heading{text-transform: uppercase;font-family: "brandon_bold", Arial, Helvetica, sans-serif !important;line-height: 1;display: block;font-size: 40px;font-size: 6.5vw;}
.exp-wrapper .exp-style-carousel-slide-text-heading {text-transform: uppercase;display: block;font-family: "brandon_bold", Arial, Helvetica, sans-serif !important;font-size: 22px;font-size: 1.5vw;line-height: 30px;line-height: 2.1vw;}
.exp-wrapper .exp-style-carousel-slide-holder-alt .exp-style-carousel-slide-heading {padding: 5px 0 25px;}
.exp-wrapper .exp-style-carousel-slide-holder-alt .exp-style-carousel-slide-upc-holder { padding-bottom: 25px; }
.exp-wrapper .exp-style-carousel-slide-upc-info{text-align: center;display: block;text-transform: uppercase;margin: 0px auto 25px;font-size: 20px;font-size: 3.2vw;font-family: 'brandon_regular';}
.exp-wrapper .exp-style-carousel-slide-upc-info b{font-weight: bold;font-family: "brandon_bold", Arial, Helvetica, sans-serif;}
.exp-wrapper .exp-style-carousel-slide-upc-image{display: block;width: 100%;height: auto;/* margin: 7px auto; */}
.exp-wrapper .exp-style-carousel-slide-upc-style{display: block;margin: 10px 0;margin: 0.3vw 0;}
.exp-wrapper .exp-style-carousel-cart-buttons {display: flex;flex-direction: row;justify-content: space-around;}
.exp-wrapper .exp-style-carousel-slide-link.exp-mobile {text-align: center;text-decoration: underline;text-transform: uppercase;padding: 60px 0 45px;padding: 10vw 0 4vw;font-size: 22px;font-size: 3.45vw;font-family: 'brandon_bold';display: block;letter-spacing: 4px;letter-spacing: .63vw;}

@media (min-width:681px) {
	.exp-wrapper .exp-style-carousel{padding: 1% 0 4%;}
	.exp-wrapper .exp-carousel-dots{text-align: left;margin-bottom: 30px;padding-left: 12%;position: relative;top: -20px;}
	.exp-wrapper .exp-style-carousel-slide-holder{padding: 0 5%;display: flex;}
	.exp-wrapper .exp-style-carousel-slide-holder-alt{padding: 0; flex-direction: row-reverse;}
	.exp-wrapper .exp-style-carousel-slide-holder-alt .exp-style-carousel-slide-text-holder,
	.exp-wrapper .exp-style-carousel-slide-holder-alt .exp-style-carousel-slide-upc-holder {width: 50%;padding-bottom: 0;}
	.exp-wrapper .exp-style-carousel-slide-holder-alt .exp-style-carousel-slide-text-holder {padding-left: 5vw;padding-top: 55px;box-sizing: border-box;padding-right: 25px;}
	.exp-wrapper .exp-style-carousel-slide-text-holder{width: 45%;margin: auto;text-align: left;}
	.exp-wrapper .exp-style-carousel-slide-heading{font-size: 48px;font-size: 3.4vw;letter-spacing: 3px;line-height: 48px;line-height: 3.4vw;}
	.exp-wrapper .exp-style-carousel-slide-text{display: block;margin-bottom: 1.6vw;font-size: 22px;font-size: 1.5vw;line-height: 1.4;font-family: 'brandon_regular', Arial, Helvetica, sans-serif;letter-spacing: 2.5px;font-style: normal;max-width: 100%;width: 95%;margin-left: 0;}
	.exp-wrapper .exp-style-carousel-slide-text a { text-decoration: underline; }
	.exp-wrapper .exp-style-carousel-slide-link{text-transform: uppercase;font-family: "brandon_medium", Arial, Helvetica, sans-serif;text-decoration: underline;font-size: 18px;font-size: 1.25vw;}
	.exp-wrapper .exp-style-carousel-slide-upc-style{display: inline-block;padding: 0 6px;margin: 0 6px;border-left: 1px solid #000;border-right: 1px solid #000;}
	.exp-wrapper .exp-style-carousel-slide-upc-holder{width: 65%;}
	.exp-wrapper .exp-style-carousel-slide-upc-info {font-size: 20px;font-size: 1.38vw;margin-bottom: 50px;}
	.exp-wrapper .exp-style-carousel-slide-holder-alt .exp-style-carousel-slide-text {padding: 0px 0 25px 0;margin-top: 0;}
	.exp-wrapper #section-top-rated {padding: 1% 0 8%;}
}
@media (min-width: 1440px) {
	.exp-wrapper .exp-style-carousel-slide-text {font-size: 22px;}
	.exp-wrapper .exp-style-carousel-slide-heading{font-size: 48px;line-height: 48px;}
	.exp-wrapper .exp-style-carousel-slide-text-heading {font-size: 22px;line-height: 30px;}
	.exp-wrapper .exp-style-carousel-slide-upc-info { font-size: 20px; }
	.exp-wrapper .exp-style-carousel-slide-link {font-size: 18px;}
}

.exp-wrapper .size-ruler {margin: 20px auto;width: 40px;height: 18px;}
.exp-wrapper .size-ruler img {max-width: 100%;}
.exp-wrapper .exp-size-guide-holder{box-sizing: border-box;background: #dadada;text-align: center;padding: 5% 0 0px;}
.exp-wrapper .exp-size-guide-text {font-size: 24px;font-size: 3.8vw;line-height: 36px;line-height: 5.7vw;letter-spacing: 2px;letter-spacing: .3vw;padding-bottom: 40px; padding-left: 40px !important; padding-right: 40px !important;}
.exp-wrapper .exp-size-guide-heading-1,
.exp-wrapper .exp-size-guide-heading-2{display: block; text-transform: uppercase; font-family: "brandon_bold";}
.exp-wrapper .exp-size-guide-heading-1 {font-size: 19px;font-size: 3vw;margin-bottom: 15px;margin-bottom: 2vw;letter-spacing: 6px;letter-spacing: .9vw;}
.exp-wrapper .exp-size-guide-heading-2 {font-size: 26px;font-size: 4vw;letter-spacing: 8px;letter-spacing: 1.2vw;margin-bottom: 25px;margin-bottom: 4vw;}
.exp-wrapper .exp-size-guide-link{text-decoration: underline;}

.exp-wrapper .exp-size-guide-nav{background: #000; text-align: left; }
.exp-wrapper .exp-size-guide-nav-list-item{display: block;color: #fff;text-transform: uppercase;font-size: 18px;/* padding: 5px 0 5px 20px; */} 
.exp-wrapper .exp-size-guide-nav-list-link{color: #fff;cursor: pointer;background: #313131;display: block;padding: 30px 0 30px 30px;padding: 4.5vw 0 4.5vw 4.5vw;border-bottom: 1px solid #c1c1c1;text-align: left;text-transform: uppercase;font-size: 25px;font-size: 3.9vw;}
.exp-wrapper span.exp-size-guide-nav-list-link{background: #000;}
.exp-wrapper .exp-size-guide-tab{overflow: hidden;}
.exp-wrapper .exp-tab-indicator:after {content: '\0276F'; position: absolute; right: 10px; width: 20px; height: 20px; -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; font-family: 'Zapf Dingbats';}
.exp-wrapper .open .exp-tab-indicator:after {   display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}

@media (min-width:681px) {
	.exp-wrapper #section-size-guide {overflow: visible; padding-top: 80px; }
	.exp-wrapper .size-ruler {margin: -6.5% auto 5%;background: #fff;width: 60px;height: 28px;}
	.exp-wrapper .size-ruler img { background-color: #fff; }
	.exp-wrapper .exp-size-guide-text {font-size: 22px;font-size: 1.6vw;letter-spacing:  2.5px;letter-spacing: .2vw;line-height: 30px;line-height: 2.1vw;padding-bottom: 30px;padding-bottom: 2.1vw;}
	.exp-wrapper .exp-size-guide-heading-1 {font-size: 27px;font-size: 1.85vw;letter-spacing: 10px;letter-spacing: .75vw;margin-bottom: 20px;margin-bottom: 1.5vw;}
	.exp-wrapper .exp-size-guide-heading-2 {font-size: 36px;font-size: 2.45vw;line-height: 1;letter-spacing: 13px;letter-spacing: 1vw;}
	.exp-wrapper .exp-size-guide-holder{padding: 5% 0;border: 1px solid #000;overflow: visible;}
	.exp-wrapper .exp-size-guide-nav{text-align: center;}
	.exp-wrapper .exp-size-guide-nav-list-item{display: inline-block;margin: 10px 20px;} 
	.exp-wrapper .exp-size-guide-tab{display: inline-block; overflow: inherit;}
	.exp-wrapper .exp-size-guide-nav-list-link{text-decoration: underline;border: none;background: inherit;font-size: 25px;font-size: 1.8vw;padding: 30px 0 30px 30px;padding: 2vw 0 2vw 2vw;}
	.exp-wrapper li .exp-size-guide-nav-list-link:hover {color: #dadada;}
	.exp-wrapper span.exp-size-guide-nav-list-link{text-decoration: none;background: inherit;text-align: center;color: inherit;padding: inherit;font-size: 24px;font-size: 1.8vw;}
	.exp-wrapper .exp-tab-indicator:after{display: none;}
}	
@media (min-width: 1440px) {
	.exp-wrapper .exp-size-guide-heading-1 {font-size: 27px;letter-spacing: 10px;margin-bottom: 25px;}
	.exp-wrapper .exp-size-guide-heading-2 {font-size: 36px;letter-spacing: 13px;}
	.exp-wrapper span.exp-size-guide-nav-list-link, .exp-wrapper .exp-size-guide-nav-list-link {font-size: 24px;}
	.exp-wrapper a.exp-size-guide-nav-list-link {padding: 30px 0 30px 30px;}
	.exp-wrapper .exp-size-guide-text {font-size: 22px;letter-spacing:  2.5px;line-height: 30px;padding-bottom: 30px;}
}

.exp-wrapper .exp-style-by-brand{background: #000; padding: 4% 0;}
.exp-wrapper .exp-style-by-brand-heading{color: #fff;text-align: center;display: block;font-size: 40px;font-size: 6.3vw;line-height: 1.2;text-transform: uppercase;font-family: "brandon_bold", Arial, Helvetica, sans-serif;padding: 10px 0 20px;letter-spacing: 4.5px;letter-spacing: .7vw;}
.exp-wrapper .exp-style-by-brand-icons{display: none;}
.exp-wrapper .exp-style-by-brand-products { text-align: center; }
.exp-wrapper .exp-style-by-brand-icon-image-mobile {-webkit-filter: invert(100%);filter: invert(100%);max-width: 100%;padding: 15px;box-sizing: border-box;}
.exp-wrapper .exp-style-by-brand-icons-mobile-carousel .slick-track {display: flex;align-items: center;justify-content: center;margin-left: -15vw;}

@media (min-width:681px) {
	.exp-wrapper .exp-style-by-brand-icons-mobile-carousel { display: none; }
	.exp-wrapper .exp-style-by-brand{box-sizing: border-box; border: 1px solid #000; background: #fff;}
	.exp-wrapper .exp-style-by-brand-heading{color: #000;font-size: 48px;font-size: 3.45vw;}
	.exp-wrapper .exp-style-by-brand-heading br {display: none;}
	.exp-wrapper .exp-style-by-brand-icons{margin: 0 auto;width: 85%;text-align: center;display: flex;align-items: center;justify-content: center;}
	.exp-wrapper .exp-style-by-brand-icon-holder{display: inline-block;margin: 1.5%;width: 20%;cursor: pointer;}
	.exp-wrapper .exp-style-by-brand-icon-image{opacity: 0.3;max-width: 100%;}
	.exp-wrapper .active .exp-style-by-brand-icon-image{opacity: 1;}
	.exp-wrapper .exp-style-by-brand-products b { display: block; }
	.exp-wrapper .exp-style-by-brand-icon-image-mobile {filter: none; -webkit-filter: none;}
	.exp-wrapper #wait { width: 100%; min-height: 250px; background-color: rgba(255,255,255,0.5); position: absolute; z-index: 99; }
	#circleG{width:77px;margin: 50px auto;}
	.circleG{background-color:rgb(255,255,255);float:left;height:15px;margin-left:5px;margin-right:5px;width:15px;animation: bounce_circleG .5s infinite;-o-animation: bounce_circleG .5s infinite;-ms-animation: bounce_circleG .5s infinite;-moz-animation: bounce_circleG .5s infinite;-webkit-animation: bounce_circleG .5s infinite;border-radius:20px;}
	#circleG_2{animation-delay:.05s;-o-animation-delay:.05s;-ms-animation-delay:.05s;-webkit-animation-delay:.05s;-moz-animation-delay:.05s;}
	#circleG_3{animation-delay:.35s;-o-animation-delay:.35s;-ms-animation-delay:.35s;-webkit-animation-delay:.35s;-moz-animation-delay:.35s;}
	@keyframes bounce_circleG{ 0%{} 50%{background-color:rgb(0,0,0);} 100%{} }
	@-o-keyframes bounce_circleG{ 0%{} 50%{background-color:rgb(0,0,0);} 100%{} }
	@-webkit-keyframes bounce_circleG{ 0%{} 50%{background-color:rgb(0,0,0);} 100%{} }
	@-moz-keyframes bounce_circleG{ 0%{} 50%{background-color:rgb(0,0,0);} 100%{} }
}	
@media (min-width: 1440px){
	.exp-wrapper .exp-style-by-brand-heading {font-size: 48px;letter-spacing: 4.5px;}
}

.exp-wrapper .exp-espot { padding: 30px 0; text-align: center; }
.exp-wrapper .exp-espot .exp-espot-text {padding: 45px 0;font-size: 16px;display: none;text-transform: uppercase;font-family: 'brandon_bold';}
.exp-wrapper .exp-espot .black-button {display: none;border-width: 4px;}
.exp-wrapper .exp-espot img { width: 100%; height: auto; }

@media (min-width:681px) {
	.exp-wrapper .exp-espot .exp-espot-text {display: block;font-size: 22px;font-size: 1.5vw;padding: 40px 0;padding: 2.8vw 0;}
	.exp-wrapper .exp-espot .exp-col { width: 50%; }
	.exp-wrapper .exp-espot .exp-col > a:not(.black-button) { width: 80%; display: block; padding: 0 10%; }
	.exp-wrapper .exp-espot .black-button {display: inline-block;}
	.exp-wrapper .exp-espot img {margin: 0 auto 0;}
}
@media (min-width: 1440px) {
	.exp-wrapper .exp-espot .exp-espot-text {font-size: 22px;}
}

.exp-wrapper .exp-style-by-price-header.arrow_box {text-align: center;margin: 0 auto 25px;margin: 0 auto 2vw;display: block;width: 90%;padding: 35px 0;padding: 5.5vw 0;}
.exp-wrapper .exp-style-by-price-header span {display: block;}
.exp-wrapper .exp-style-price-heading {font-size: 19px;font-size: 3vw;font-family: 'brandon_bold';letter-spacing: 4px;letter-spacing: .6vw;display: block;}
.exp-wrapper .exp-style-price-text {margin: 15px 0 0;margin: 2.5vw 0 0;letter-spacing: 2px;letter-spacing: .3vw;padding: 0 !important;font-size: 24px;font-size: 3.8vw;}
.exp-wrapper .exp-style-by-price ul {list-style-type: none;display: flex;flex-direction: row;margin: 35px auto;margin: 5.5vw auto;width: 90%;justify-content: space-between;}
.exp-wrapper .exp-style-by-price li {font-size: 15px;padding: 15px;padding: 1.5vw;width: 25%;text-align: center;}
.exp-wrapper .exp-style-by-price a {text-decoration: underline;font-family: 'brandon_bold';font-size: 22px;font-size: 3.4vw;}
.exp-five-star-review .exp-desktop, .exp-five-star-review span.exp-mobile {display: inline-block;}

@media (max-width: 680px) {
	.exp-wrapper .arrow_box {position: relative;background: #ffffff;border: 2px solid #000000;width: 90%;margin: 0 auto 16px;padding: 10px;}
	.exp-wrapper .arrow_box:after, .exp-wrapper .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
	.exp-wrapper .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 15px; margin-left: -15px;}
	.exp-wrapper .arrow_box:before { border-color: rgba(0, 0, 0, 0); border-top-color: #000000; border-width: 18px; margin-left: -18px;}
	.exp-wrapper .arrow_box .exp-style-carousel-slide-text-heading {font-size: 19px;font-size: 3vw;font-family: 'brandon_bold';letter-spacing: 4px;letter-spacing: .6vw;padding-top: 13px;padding-top: 2vw;display: block;}
	.exp-wrapper .arrow_box .exp-style-carousel-slide-text {margin: 15px 0 0;margin: 2.2vw 0 0;letter-spacing: 2px;letter-spacing: .34vw;padding: 0 !important;font-style: italic;font-size: 18px;font-size: 2.85vw;width: 100%;}
	.exp-wrapper .arrow_box .exp-five-stars {margin: 0 auto;}
}

.exp-wrapper .collection_json_feed {width: 88%;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.exp-wrapper .json_product_block * {-webkit-animation: fadein 2s;animation: fadein 2s;}
.exp-wrapper .json_product_block {background-color: #fff; width: 30%;}
.exp-wrapper .json_product_block img {-webkit-animation: fadein 0.5s;animation: fadein 0.5s;}
.exp-wrapper .json_product_block .json_product_upc_rollover {-webkit-animation: none;animation: none;}
.exp-wrapper .json_product_upc {display: block; margin: 0 auto 0px; height: auto; padding-bottom: 0; width: 100%;}
.exp-wrapper .json_product_upc_rollover_container{position: relative;}
.exp-wrapper .json_product_block:hover .json_product_upc_rollover {display: block;}
.exp-wrapper .json_product_upc_rollover {position: absolute; top:0; right:0; bottom:0; left:0; display: none; z-index: 2;}
.exp-wrapper .json_priduct_copy {text-align: center;font-size: 14px;margin: 10px 0 !important;font-family: 'brandon_regular' !important;}
.exp-wrapper .json_product_block .addToCart {margin: 25px auto;margin: 2vw auto;display: table;}
.exp-wrapper .json_priduct_copy-bold {font-family: 'brandon_bold' !important;font-size: 14px;}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}





/* Slick base - v1.5 - With one rule left out
--------------------------------------------------------------------------------*/
.exp-wrapper .slick-slider {position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.exp-wrapper .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.exp-wrapper .slick-list:focus {outline: none}
.exp-wrapper .slick-list.dragging {cursor: pointer; cursor: hand;}
.exp-wrapper .slick-slider .slick-track, #rayban-collection .slick-slider .slick-list {-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);}
.exp-wrapper .slick-track {position: relative; top: 0; left: 0; display: block;}
.exp-wrapper .slick-track:before, #rayban-collection .slick-track:after {display: table; content: '';}
.exp-wrapper .slick-track:after {clear: both}
.exp-wrapper .slick-loading .slick-track {visibility: hidden}
.exp-wrapper .slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
.exp-wrapper [dir='rtl'] .slick-slide {float: right}
.exp-wrapper .slick-slide.slick-loading img {display: none}
.exp-wrapper .slick-slide.dragging img {pointer-events: none}
.exp-wrapper .slick-initialized .slick-slide {display: block}
.exp-wrapper .slick-loading .slick-slide {visibility: hidden}
.exp-wrapper .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}

.exp-wrapper .exp-carousel .slick-dots li button{padding: 0; width: 100%; height: 100%}
.exp-wrapper .exp-carousel .slick-dots li{display: inline-block; float: none; width: 15px; height: 15px; border-radius: 50%; margin: 5px 12px;}


 /* = @media > 681
--------------------------------------------------------------------------------*/
@media (min-width:681px) {
  .exp-mobile    { display: none !important; }
  .exp-desktop   { display: block ;}
}

/* = @media < 680
--------------------------------------------------------------------------------*/
@media (max-width:680px) {
  .exp-mobile    { display: block; }
  .exp-desktop   { display: none !important;}
  .exp-wrapper .exp-mobile-gutter{padding-left: 15px; padding-right: 15px;}

}


/* Experience Grid
--------------------------------------------------------------------------------*/
.exp-wrapper{max-width: 1440px;}
.exp-row { width: 100%; zoom: 1; position: relative; overflow: hidden;}
.exp-row:before,.exp-row:after { display: table; content: ""; line-height: 0; }
.exp-row:after { clear: both; }
.exp-col {float: left; display: block; width: 100%; box-sizing:border-box;background-clip:padding-box !important;}
.exp-col-1 { width:8.33333333333%; }
.exp-col-2 { width:16.6666666667%; }
.exp-col-3 { width:25.0%; }
.exp-col-4 { width:33.3333333333%; }
.exp-col-5 { width:41.6666666667%; }
.exp-col-6 { width:50.0%; }
.exp-col-7 { width:58.3333333333%; }
.exp-col-8 { width:66.6666666667%; }
.exp-col-9 { width:75.0%; }
.exp-col-10 { width:83.3333333333%; }
.exp-col-11 { width:91.6666666667%; }
.exp-col-12 { margin-left:0; width:100%; }

/* SGH Overrides/Integrations
--------------------------------------------------------------------------------*/
.exp-wrapper {text-transform: none;}
strong {font-size: inherit; font-style: inherit; }
#page-wrapper #page .banner-img img { width: auto; }
.espot-3 { height: 1px; }
#content { text-transform: none; line-height: 1.1;  }
#page-wrapper #page .banner-img{margin: 0;}
#trends .espot-3{margin: 0 auto;}
/* #page #main_content_wrapper{z-index: 114;} */
.exp-wrapper .exp-prod-add-cart {display: inline-block;}
.exp-wrapper .exp-prod-add-cart .addToCart{padding: 10px 31px !important;}
.exp-wrapper .redesignIcons-bag{position: relative !important; top: auto !important; left: auto !important;}
.ajax-loader-wrap,
#ajax-container{display: none !important;}
.addToCart {cursor: pointer;}
.vto-loader-wrap{display: none !important;}
#collectionsPage .collectionInfo #rayban-collection.exp-wrapper {text-align: left;}
#collectionsPage .collectionInfo #rayban-collection.exp-wrapper p:before{display: none;}
.exp-wrapper .slick-prev,
.exp-wrapper .slick-next{display: none !important}
.exp-wrapper .hto-add:before {
    content: "+";
    display: inline-block;
    font-size: 19px;
    vertical-align: middle;
}




.exp-wrapper .hto-add {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #6bc9d1;
    width: 165px !important;
    padding: 0 0 0 15px !important;
    display: inline-block;
    font-family: 'brandon_bold', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #FFF;
    overflow: hidden;
    line-height: 48px;
    text-align: left;
    vertical-align: middle;
    text-transform: uppercase;
    }
.hto-add .icon.redesignIcons-hto-bag { float: right; }
.hto-button {display: inline-block; cursor: pointer;}


/* Size guide */
.exp-size-guide-wrapper * {text-align: center;}
.exp-size-guide-wrapper img {max-width: 100%;}
.exp-size-guide-wrapper .exp-title-wrap{position: relative; height: 28px; margin-top: 10px; text-align: center; overflow: hidden;}
.exp-size-guide-wrapper .exp-title {
	font-family: "brandon_bold", Arial, Helvetica, sans-serif;
	text-transform: uppercase; background-color: #fff;
	height: auto;
	box-sizing: border-box;
	margin: 0 auto;
	letter-spacing: 1px;
	line-height: 1;
	z-index: 1;
	position: absolute;
	display: inline-block;
	font-size: 18px;
	padding: 10px;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.exp-size-guide-wrapper .exp-title-sub {font-family: "brandon_medium", Arial, Helvetica, sans-serif; font-size: 12px; display: inline-block; vertical-align: middle; position: relative; top: -1px}
.exp-size-guide-wrapper .exp-title-line {width: 100%; height: 2px; border: none; margin: 0px; background-color: #111; top: 50%; z-index: 0; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
@media (min-width:681px) {
	.exp-size-guide-wrapper .exp-title-wrap{height: 60px; margin-top: 0;}	
	.exp-size-guide-wrapper .exp-title{font-size: 35px; height: 60px;}
	.exp-size-guide-wrapper .exp-title-sub{font-size: 22px; top: -2px;}
}
.exp-size-guide-wrapper .exp-size-guide-header-row {overflow: visible;background-color: #dadada;margin-top: 10px;padding: 20px 0;padding: 3.2vw 0;}
.exp-size-guide-wrapper .size-ruler {margin: 25px auto;margin: 4vw auto;width: 40px;height: 18px;}
.exp-size-guide-wrapper .size-ruler img {max-width: 100%;}
.exp-size-guide-wrapper .exp-size-guide-holder{box-sizing: border-box;background: #dadada;text-align: center;padding: 5% 0 0px;}
.exp-size-guide-wrapper .exp-size-guide-heading-1,
.exp-size-guide-wrapper .exp-size-guide-heading-2{display: block; text-transform: uppercase; font-family: "brandon_bold";}
.exp-size-guide-wrapper .exp-size-guide-heading-1 {font-size: 19px;font-size: 3vw;margin-bottom: 18px;margin-bottom: 3vw;letter-spacing: 6px;letter-spacing: .9vw;line-height: 1;}
.exp-size-guide-wrapper .exp-size-guide-heading-2 {font-size: 26px;font-size: 4vw;letter-spacing: 8px;letter-spacing: 1.2vw;margin-bottom: 25px;margin-bottom: 4vw;line-height: 1;}


.exp-size-guide-wrapper .exp-size-guide-heading {font-size: 24px;font-size: 3.75vw;line-height: 24px;display: block;font-family: 'brandon_bold';padding-top: 25px;padding-top: 3.6vw;}
.exp-size-guide-wrapper .exp-size-guide-thin-heading{font-size: 24px;font-size: 3.75vw;line-height: 36px;line-height: 5.7vw;display: block;font-family: 'brandon_regular';display: block;letter-spacing: 2px;}
.exp-size-guide-wrapper .exp-size-guide-thin-heading b { font-family: 'brandon_bold'; letter-spacing: 2px;letter-spacing: .35vw;}
.exp-size-guide-wrapper .exp-size-guide-text-block {font-size: 24px;font-size: 3.75vw;line-height: 36px;line-height: 5.7vw;letter-spacing: 2px;letter-spacing: .35vw;text-transform: none;display: block;margin: 20px auto;margin: 3.5vw auto;font-family: 'brandon_regular';padding: 0 10%;}

.exp-size-guide-wrapper .exp-find-my-size .exp-size-guide-heading {padding: 50px 0 0;padding: 8vw 0 0vw;}
.exp-size-guide-wrapper .exp-find-my-size img {width: 100%;}
.exp-size-guide-wrapper .exp-fit-chart .exp-size-guide-heading {padding: 30px 0 25px;padding: 5.3vw 0 4.5vw;}

.exp-size-guide-wrapper .exp-table {border: 2px solid #000;}
.exp-size-guide-wrapper .exp-table td{text-align: center;vertical-align: middle;font-size: 16px;width: 65px;padding: 15px 8px;}
.exp-size-guide-wrapper .exp-small-size-table th { font-size: 16px; padding: 15px 5px; }
.exp-size-guide-wrapper .exp-small-size-table table {margin: 20px auto;}
.exp-size-guide-wrapper .exp-small-size-table td:nth-child(2),
.exp-size-guide-wrapper .exp-small-size-table th:nth-child(2) {border-left: 2px solid black; border-right: 2px solid black;}
.exp-size-guide-wrapper .exp-small-size-table th,
.exp-size-guide-wrapper .exp-small-size-table .exp-td-border-bottom {border-bottom: 2px solid #000;font-size: 16px;}
.exp-size-guide-wrapper .exp-table-bottom td {  border-top: 2px solid #000; border-bottom: 2px solid #000; } 
.exp-size-guide-wrapper .exp-table td.small-grey {background-color: #f0f0f0;}
.exp-size-guide-wrapper .exp-table td.standard-grey {background-color: #d3d3d3;}
.exp-size-guide-wrapper .exp-table td.large-grey {background-color: #b7b7b7;}


.exp-size-guide-wrapper .exp-sizes .redesignPdp-fit-inactive {display: block;margin: 15px auto;margin: 2.4vw auto;}
.exp-size-guide-wrapper .exp-find-my-size .exp-size-guide-thin-heading {margin-top: -10px;}
.exp-size-guide-wrapper .exp-hat-size-img-mobile { width: 80%; margin: 20px auto; }
.exp-size-guide-wrapper .exp-still-cant-decide {background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/hto-pattern.jpg');background-size: 200%;background-position: right bottom;width: 100%;padding: 5%;position: relative;box-sizing: border-box;}
.exp-size-guide-wrapper .exp-hto-banner {position: absolute;top: 0;left: 40%;width: 20vw;}
.exp-size-guide-wrapper .exp-hto-banner img {max-width: 100%;}
.exp-size-guide-wrapper .exp-cant-decide-inner {background-color: #fff;margin: auto auto;padding: 15px;}
.exp-size-guide-wrapper .exp-cant-decide-text-wrap {border: 1px solid #dadada;padding: 70px 0 35px;padding: 18vw 0 2.5vw;}
.exp-size-guide-wrapper .exp-hto-heading {font-size: 45px;font-size: 7.1vw;font-family: 'brandon_bold';letter-spacing: 12px;letter-spacing: 1.8vw;display: block;line-height: 50px;line-height: 7.9vw;}
.exp-size-guide-wrapper .exp-hto-text {font-size: 20px;font-size: 3.1vw;text-transform: none;font-family: 'brandon_regular';line-height:23px;line-height: 3.7vw;display: block;margin: 25px auto;}


.exp-size-guide-wrapper .exp-size-guide-nav{ margin-top: 25px; background: #000; text-align: left; }
.exp-size-guide-wrapper .exp-size-guide-nav-list-item{display: block;color: #fff;text-transform: uppercase;font-size: 18px;/* padding: 5px 0 5px 20px; */} 
.exp-size-guide-wrapper .exp-size-guide-nav-list-link{color: #fff;cursor: pointer;background: #313131;display: block;padding: 30px 0 30px 30px;padding: 4.5vw 0 4.5vw 4.5vw;border-bottom: 1px solid #c1c1c1;text-align: left;text-transform: uppercase;font-size: 25px;font-size: 3.9vw;}
.exp-size-guide-wrapper span.exp-size-guide-nav-list-link{background: #000;}
.exp-size-guide-wrapper .exp-size-guide-tab{overflow: hidden;}
.exp-size-guide-wrapper .exp-tab-indicator:after {content: '\0276F'; position: absolute; right: 10px; width: 20px; height: 20px; -webkit-transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; font-family: 'Zapf Dingbats';}
.exp-size-guide-wrapper .open .exp-tab-indicator:after {   display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}




@media (min-width:681px) {
	.exp-size-guide-wrapper * {text-align: center;}
	.exp-size-guide-wrapper {margin: 0 auto;width: 88%;}
	.exp-size-guide-wrapper .exp-desktop-gutter{margin: 0px auto; width: 75%;}
	.exp-size-guide-wrapper .exp-size-guide-header-row {overflow: visible;background-color: #dadada;margin-top: 25px;padding: 20px 0;}
	.exp-size-guide-wrapper .size-ruler {margin: -30px auto 30px;width: 40px;height: 18px;background: #fff;}
	.exp-size-guide-wrapper .size-ruler img {max-width: 100%;}
	.exp-size-guide-wrapper .exp-size-guide-holder{box-sizing: border-box;background: #dadada;text-align: center;padding: 5% 0 0px;}
	.exp-size-guide-wrapper .exp-size-guide-heading-1,
	.exp-size-guide-wrapper .exp-size-guide-heading-2{display: block; text-transform: uppercase; font-family: "brandon_bold";}
	.exp-size-guide-wrapper .exp-size-guide-heading-1 {font-size: 27px;font-size: 1.8vw;margin-bottom: 18px;margin-bottom: 1.3vw;letter-spacing: 6px;letter-spacing: .9vw;line-height: 1;}
	.exp-size-guide-wrapper .exp-size-guide-heading-2 {font-size: 36px;font-size: 2.5vw;letter-spacing: 8px;letter-spacing: 1.2vw;margin-bottom: 10px;line-height: 1;}

	.exp-size-guide-wrapper .exp-text-left {text-align: left;width: auto !important;padding-left: 75px !important;}
	.exp-size-guide-wrapper .exp-fit-desc { display: block; width: 75%; overflow: hidden; margin: 0 auto; }
	.exp-size-guide-wrapper .exp-fit-desc .redesignPdp-fit-inactive {float: left;}

	.exp-size-guide-wrapper .exp-size-guide-heading {font-size: 24px;font-size: 1.8vw;line-height: 1;text-decoration: underline;display: block;font-family: 'brandon_bold';letter-spacing: 3px;letter-spacing: .2vw;padding-top: 25px;padding-top: 1.8vw;}
	.exp-size-guide-wrapper .exp-size-guide-thin-heading{font-size: 24px;font-size: 1.7vw;line-height: 36px;line-height: 3.1vw;display: block;font-family: 'brandon_regular';display: block;}
	.exp-size-guide-wrapper .exp-size-guide-thin-heading b { font-family: 'brandon_bold'; letter-spacing: 2px;letter-spacing: .35vw;}
	.exp-size-guide-wrapper .exp-size-guide-text-block {font-size: 22px;font-size: 1.55vw;line-height: 30px;line-height: 2.1vw;letter-spacing: 2px;text-transform: none;margin: 20px auto;margin: 1.4vw auto;width: 85%;padding: 0;}

	.exp-size-guide-wrapper .exp-find-my-size .exp-size-guide-heading {padding: 50px 0 30px;padding: 3.5vw 0 2vw;}
	
	.exp-size-guide-wrapper .exp-fit-chart .exp-size-guide-heading {padding: 30px 0 25px;padding: 2.1vw 0 1.8vw;}

	.exp-size-guide-wrapper .exp-sizes .redesignPdp-fit-inactive { display: block; margin: 15px auto; }
	.exp-size-guide-wrapper .exp-sizes .exp-size-guide-heading { text-decoration: none; }

	.exp-size-guide-wrapper .exp-hat-size-guide .exp-size-guide-text-block {width: 100%;}

	.exp-size-guide-wrapper .exp-large-size-table-titles h3 {padding: 15px 20px 20px 0;font-size: 18px;}
	.exp-size-guide-wrapper .exp-large-size-table-titles { float: left; }
	.exp-size-guide-wrapper .exp-table td {border-bottom: 2px solid #000;border-top: 2px solid #000;padding: 20px 0px;0 8px: 18pxheight: 6max-height: 6;padding: 20px .3vw;}
	.exp-size-guide-wrapper .exp-hat-size-guide-note {font-size: 16px;font-size: 1.11vw;text-transform: none;font-family: 'brandon_regular';letter-spacing: 2px;letter-spacing: .14vw;text-align: right;margin-bottom: 120px;margin-bottom: 8.3vw;margin-top: 1vw;}


	.exp-size-guide-wrapper .exp-still-cant-decide {background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/hto-pattern.jpg');background-size: 150%;background-position: right bottom;width: 100%;padding: 3%;box-sizing: border-box;margin-bottom: 50px;}
	.exp-size-guide-wrapper .exp-cant-decide-inner { background-color: #fff;padding: 20px; }
	.exp-size-guide-wrapper .exp-cant-decide-text-wrap {border: 1px solid #dadada;padding: 90px 0 35px;padding: 7vw 0 2.5vw;}
	.exp-size-guide-wrapper .exp-hto-heading {font-size: 45px;font-size: 3.2vw;font-family: 'brandon_bold';letter-spacing: 12px;letter-spacing: 0.8vw;display: block;line-height: 50px;line-height: 3.5vw;}
	.exp-size-guide-wrapper .exp-hto-text {font-size: 20px;font-size: 1.4vw;text-transform: none;font-family: 'brandon_regular';line-height:23px;line-height: 1.6vw;display: block;margin: 15px auto 30px;margin: 1vw auto 2.1vw;}
	.exp-size-guide-wrapper .exp-hto-banner {width: 10vw;left: 45%;}
	
	
}

@media (min-width: 1440px) {
	.exp-size-guide-wrapper .exp-size-guide-heading-1 {font-size: 27px;margin-bottom: 18px;letter-spacing: 6px;line-height: 1;}
	.exp-size-guide-wrapper .exp-size-guide-heading-2 {font-size: 36px;letter-spacing: 8px;margin-bottom: 10px;line-height: 1;}
	.exp-size-guide-wrapper .exp-size-guide-heading {font-size: 24px;letter-spacing: 3px;padding-top: 25px;}
	.exp-size-guide-wrapper .exp-size-guide-thin-heading{font-size: 24px;line-height: 30px;}
	.exp-size-guide-wrapper .exp-size-guide-thin-heading b { letter-spacing: 2px;}
	.exp-size-guide-wrapper .exp-size-guide-text-block {font-size: 22px;line-height: 30px;letter-spacing: 2px;margin: 20px auto;}

	.exp-size-guide-wrapper .exp-find-my-size .exp-size-guide-heading {padding: 50px 0 30px;}
	
	.exp-size-guide-wrapper .exp-find-my-size .exp-size-guide-heading {padding: 50px 0 0;}
	.exp-size-guide-wrapper .exp-fit-chart .exp-size-guide-heading {padding: 30px 0 25px;}

	.exp-size-guide-wrapper .exp-hto-heading {font-size: 45px;letter-spacing: 12px;line-height: 50px;}
	.exp-size-guide-wrapper .exp-hto-text {font-size: 20px;line-height:23px;}
	
	.exp-size-guide-wrapper .exp-hat-size-guide-note{font-size: 16px !important;}
	
	
}

.exp-size-guide-wrapper .exp-size-guide-table{margin-left: auto; margin-right: auto; display: table;}
.exp-size-guide-wrapper .side-left{text-align: right;}
.exp-size-guide-wrapper .side-right{text-align: left; padding-left: 5px}
.exp-size-guide-wrapper .exp-size-guide-thin-divider{width: 20px; height: 2px; background: #000; margin:  30px auto 20px; display: block;}