/**
 * Updated, more modern button styles
 * adapted from https://github.com/yahoo/pure/
 */
.button.button-new {
	font-size: 15px;
	background-image: none;
	padding: 0.66667em 2em;
	line-height: 1;
	position: relative;
	display: inline-block;
}
.fl-desktop .button.button-new:hover,
.fl-desktop .button.button-new:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.button.button-new:focus {
    outline: 0;
}
.button.button-new:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}
.button.button-new[disabled],
.button.button-new:disabled,
.button.button-new.disabled {
	cursor: default;
	background-image: none;
}
.button.button-new[disabled]:hover,
.button.button-new:disabled:hover,
.button.button-new.disabled:hover {
	background-image: none;
}
.button.button-text {
	background: none;
	color: #F9423A;
	text-transform: capitalize;
	padding-right: 1em;
	padding-left: 1em;
}
.button.button-neutral {
	background: #F3F3F3;
	color: #333;
}
.button.button-text:hover {
	background-image: none;
	text-decoration: underline;
}
.button.button-huge {
	font-size: 18px;
	padding: 1.25em 3.25em;
}

/** Added for FBL-3131 : Anchor link for salar page */
#shop-the-collection.faux-target:before {
    font-size: 90px;
    content: " ";
    display: block;
    margin-top: -1em;
    height: 1em;
    visibility: hidden;
}

@media screen and (max-width: 768px) {
	[data-layout="home-main"] .container.container--brand-home .masthead.masthead--v2 {
		background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/kate-mobile-banner-v4.jpg);
		padding-bottom: 49.3489583%;
	}
}

/**
 * PDP Banners
 */
#description [data-sale-banner="fit-finds"],
.BIG-SEXY [data-sale-banner="fit-finds"] {
	background-color: black;
	height: 52px;
	color: white;
}
[data-gender="men"] #description [data-sale-banner="fit-finds"],
[data-gender="men"] .BIG-SEXY [data-sale-banner="fit-finds"] {
	background-color: black;
	height: 52px;
	color: white;
}
#description [data-sale-banner="2for25bravip"],
.BIG-SEXY [data-sale-banner="2for25bravip"] {
	background-color: black;
	height: 52px;
	color: white;
}

#description [data-sale-banner="2018demigwpfeb"],
.BIG-SEXY [data-sale-banner="2018demigwpfeb"] {
	background-color: black;
	height: 52px;
	color: white;
}


#description [data-sale-banner="clearance"],
.BIG-SEXY [data-sale-banner="clearance"] {
    background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_GlobalSummerSale/FL_0717_SummerSale_assets_pdpbanner_bckgrnd.jpg');
    min-height: 62px !important
}
.gwp-pdp-banner {
	height: 52px;
    width: 100%;
}
/*FBL-4300*/
.fl-desktop .easter-fit-finds[data-sale-banner="fit-finds"],
.fl-desktop .BIG-SEXY .easter-fit-finds[data-sale-banner="fit-finds"] {
	background-image: url('//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_EasterSale/FL_0417_EasterSale_assets_pdp_bg.jpg');
	color: white;
	height: 52px;
}
.fl-desktop .BIG-SEXY .pdp-banner-wrapper #pdp-banner.easter-fit-finds[data-sale-banner="fit-finds"] div.title {
    font-style: normal;
    color: #323335;
    font-weight: bold;
    border: none;
    font-size: 1.7em;
}
.fl-desktop .BIG-SEXY .pdp-banner-wrapper #pdp-banner.easter-fit-finds[data-sale-banner="fit-finds"] div.offer{
	font-size: 1.2em;
    color: #323335;
    font-weight: bold;
    letter-spacing: 0;
    padding-right: 25px;
    height: 41px;
    line-height: 1.5;
    padding-bottom: 6px;
}
/*END FBL-4300*/
/* FLRR-616: Global Semi Annual Sale */
.fl-desktop[data-membership-promo-list*="817SEMIANNUAL50OFF"] [data-sale-banner="fit-finds"],
.fl-desktop[data-membership-promo-list*="817SEMIANNUAL50OFF"] .BIG-SEXY [data-sale-banner="fit-finds"] {
	background: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_08_SemiAnnualSale/FL_VIP_SemiAnnual_PDP_610x111.jpg) center center no-repeat;
	background-size:contain;
	height: 52px;
}
.promo-boutique-modal{
	background: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_09_Labor_Day_Sale_VIP/VIP_LaborDay_DesktopPopOut_NOCTA.gif) top center no-repeat;
	background-size: contain;
}
/* FLRR-935: VIP Footwear Promo - September 2017 */
#description [data-sale-banner="vip-footwear-promo"], .BIG-SEXY [data-sale-banner="vip-footwear-promo"] {
    background: url('//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_09_VIP_Footwear_Promo/Sept17_Footwear%20Promo_Site%20Assets_PDP%20Banner.jpg') no-repeat center center;
    min-height: 52px;
    margin-bottom:5px;
}
.fl-desktop .BIG-SEXY #pdp-banner[data-sale-banner] a.pdp-banner-link {
	height: 52px;
    width: 100%;
    margin: 0;
}
/* Added top bar for filter */
[data-layout^="catalog-shop"]:not([data-layout="catalog-shop_serp"]) .filter-bar-two {
	border-top-width: thin;
}

/* FLRR-9 New Fit-Finds PDP Banner Contents */
.fl-desktop .BIG-SEXY #pdp-banner[data-sale-banner="fit-finds"] .title{
	margin: 5px 45px 5px 30px;
	font-size:1.7em;
}
.fl-desktop[data-gender="men"] .BIG-SEXY #pdp-banner[data-sale-banner="fit-finds"] .title{
	margin-right:100px;
}
.fl-desktop .BIG-SEXY #pdp-banner[data-sale-banner="fit-finds"] .offer{
	font-size: 0.7em; 
    text-transform: none; 
    text-align: left;
    line-height: 1.5;
}
.fl-desktop [data-sale-banner="fit-finds"] strong{
	display: block;
	font-size: 1.777777778em;
	font-weight: 500;
}
/** toggle switch - reverted the changes from [2ff634f] and added them here */
.toggle-switch {/*
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.toggle-switch [class*="toggle-switch"] {
	-webkit-flex: 0 0 50%;
	    -ms-flex: 0 0 50%;
	        flex: 0 0 50%;
	padding: 1em 1.5em;
	float: inherit;
	display: inherit;
}

.toggle-switch .toggle-switch-on {
	margin: inherit;
	padding: inherit;
	background-color: unset;
	color: unset;
	background-image: none;
}
.toggle-switch:not(.expanded) .toggle-switch-on,
.toggle-switch.expanded .toggle-switch-off {
	color: white;
	border-radius: 1.5em;
	background-color: #333;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2));
}

.toggle-switch .toggle-switch-on:first-child {
	margin-left: inherit;
	margin-right: 1em;
}
.toggle-switch .toggle-switch-on:last-child {
	margin-right: inherit;
	margin-left: 1em;
}*/}

/** FBL-3337 Update brand sie to $15 (US SPECIFIC CSS) **/
.fl-desktop .container.brandsite-sg8.brandsite-20161019-US .masthead-banner .masthead-banner-contents{
	position: relative;
    top: 230px;
    right: 230px;
    padding: 30px;
    background: rgba(255,255,255, 0.8);
    max-width: 660px;
}

.fl-desktop .container.brandsite-sg8.brandsite-20161019-US .masthead-banner {
	background: transparent	url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/home/2015-12/background-masthead-2.jpg) center top no-repeat;
}

.fl-mobile .container.brandsite-sg8.brandsite-20161019-US .masthead-banner {
	background-image: url(//fabletics-us-cdn.justfab.com/media/images/en_US/brand/home/sg8/mobile/brand-site-intro-background-2.jpg);
}

.fl-mobile .container.brandsite-sg8.brandsite-20161019-US  .masthead-banner .masthead-banner-contents{
	background: rgba(255,255,255, 0.8);
    height: 30%;
    width:95%;
    top: 40%;
    margin: 2.5%;
}

.fl-mobile .container.brandsite-sg8.brandsite-20161019-US .masthead-banner .pre-heading {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 70%;
    margin-top: 5px;
}

.fl-mobile .container.brandsite-sg8.brandsite-20161019-US .masthead-banner .main-heading{
	font-size: 160%;
    margin-top: 5px;
    font-weight:bold;
}

.fl-mobile .container.brandsite-sg8.brandsite-20161019-US .masthead-banner .sub-heading {
	font-size: 60%;
	margin: 0;
}

.fl-mobile .sticky-cta-container + .container.brandsite-sg8.brandsite-20161019-US .masthead-cta{
	visibility: visible;
    padding:0;
    margin-top: 5px;
}

.fl-mobile .sticky-cta-container + .container.brandsite-sg8.brandsite-20161019-US .signin-link-mobile{
	font-size: 70%;
	font-weight:bold;
	text-transform: none;
	margin-top: 5px;
}

.fl-mobile .sticky-cta-container + .container.brandsite-sg8.brandsite-20161019-US .signin-link-mobile a{
	text-decoration:underline;
	padding:5px;
	text-transform:uppercase;
}

.fl-mobile .container.brandsite-sg8.brandsite-20161019-US .button.button-new.button-fat {
	font-size: 80%;
    width: 0;
}
.fl-mobile .container.brandsite-sg8.brandsite-20161019-US {
	margin-top: 0 !important;
}
/** END FBL-3337 **/

/** FBL-3381 - Add Gifts to Nav (Mobile) **/
.fl-mobile .nav-drawer .navigation--new ul.navigation--new li.gifts {
    position: relative;
}
.fl-mobile .nav-drawer .navigation--new ul.navigation--new li.gifts > a {
    color: #F9423A;
}
.fl-mobile .nav-drawer .navigation--new ul.navigation--new li.gifts img {
    position: absolute;
    top: 35%;
    left: 20%;
}
.fl-mobile .nav-open .navigation--new ul.navigation--new li.gifts img {
    display: none;
}
/** END FBL-3381 (Mobile) **/

/* FBL-3468 - This is overwriting control */
.input-tab-group .input-tab-label ~ .input-tab-label {
	margin-left: 0;
}
/* FLRR-249 Sidenav On State Updates */
/* Desktop - new sidenav on-state css style */
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-group .filter-item u:hover,
.fl-desktop #filters.sidenav.sidenav-phase1 .sn-filter-container u:hover,
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-group .filter-item span:hover,
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-item .filter-item-input:checked + label.filter-item-label span:hover{
	border-bottom: 1px solid #000;
    padding-bottom: 4px;
}
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-group .filter-item.filter-active u,
.fl-desktop #filters.sidenav.sidenav-phase1 .input-tab-group .input-tab-input:checked + .input-tab-label u,
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-item .filter-item-input:checked + label.filter-item-label u{

}
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-item .filter-item .filter-item-input:checked + label.filter-item-label u {
	font-weight: 400;
	border-bottom: 1px solid #000;
}
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-item.filter-active,
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-item .filter-item-input:checked,
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-item .filter-item-input:checked + label.filter-item-label:not([for="outfit-default"]):not([for="outfit-thismonth-asc"]),
.fl-desktop #filters.sidenav.sidenav-phase1 .input-tab-group .input-tab-input:checked + .input-tab-label{
	color: #000;
}
.fl-desktop #filters.sidenav.sidenav-phase1 .filter-item .filter-item-input:checked + label.filter-item-label:not([for="outfit-default"]):not([for="outfit-thismonth-asc"]) {
	font-weight: 600;
}
.fl-desktop [id="filters"].sidenav #sn-subfilter label{
	color: #000;
	padding: 1.2em 0;
	text-transform: capitalize;
}
.fl-desktop [id="filters"].sidenav.sidenav-phase1 .filter-item,
.fl-desktop [id="filters"].sidenav.sidenav-phase1 .filter-item .filter-item-input + label.filter-item-label{
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-transform: capitalize;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
/* Mobile - existing sidenav on-state css style */
.fl-mobile .input-tab-group .input-tab-input:checked + .input-tab-label {
	color: #010101;
	border-color: #010101;
	border-bottom-width: 3px;
	padding-bottom: 21px;
}
/*END FLRR-249 */
/** FBL-3623: Add Trust Pilot Portal Link (Mobile)**/
.fl-mobile[data-layout="checkout-confirmation"] .trust-pilot-portal {
    background-color:#F9F9F9;
}
.fl-mobile[data-layout="checkout-confirmation"] .trust-pilot-portal h2 {
    text-transform:uppercase;
}
.fl-mobile[data-layout="checkout-confirmation"] .trust-pilot-portal .trust-pilot-text {
    line-height:1.2;
    padding-left:.5em;
}
.fl-mobile[data-layout="checkout-confirmation"] .trust-pilot-portal a {
    width: 100%;
    background-color:#3B99FB;
}
.fl-mobile[data-layout="checkout-confirmation"] .trust-pilot-portal .trust-pilot-logo {
    margin-top:10px;
    text-transform:uppercase;
    text-align:center;
    font-size: 10px;
}
.fl-mobile[data-layout="checkout-confirmation"] .trust-pilot-portal img {
    margin-top:-5px;
    max-width:120px;
}
/** END FBL-3623 **/


/** FBL-3678 - VIP Blog Exclusive Content - Site experience - UI */
.vip-blog-drawer { margin-top: 100px;}
.vip-blog-drawer #drawer-header { display: none;}

.skinny-sticky-bottom.skinny-sticky-jan-2017{
    background-color: #333;
}
.skinny.skinny-sticky-bottom img{
    width: 100%;
    max-width: 1440px;
}
.skinny-sticky-bottom.skinny-sticky-feb-2017{
    background-color: #3A3937;
}

/** MENS INTERRUPT MODAL **/
#mens_interrupt {
    background-color: white; 
    padding:20px 0;
}
#mens_interrupt p {
    font-size:12px; 
    line-height:27px; 
    color:#333;
}
#mens_interrupt .title {
    font-size: 1.4em;
}

/*********FBL-4247-April Aged Leads Kate's Birthday*********/

/***********DESKTOP************/

.fl-desktop[data-membership-promo-list*="0417AGEDLEADS35OFF"] .skinny-sticky-bottom{
	background-color: #333;
}

.fl-desktop .contain-popup{
	width: 547px;
    height: 665px;
    background-color: #FFF;
    padding-top: 43px;
}

.fl-desktop .kates-bday-aged-leads #cboxClose{
	top: 13px;
}

.fl-desktop .kates-bday-aged-leads{
	background: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_KatesBirthday-AgeLead/FL_AL_0417_KateBday_DesktopPopOut_V2.jpg);
	background-size: cover;
	width: 547px;
	height: 655px;
	border-top-color:lightgray;
	border-top-style:solid;
	border-width: thin;
}

.fl-desktop .kates-bday-aged-leads .inner button{
	background: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_KatesBirthday-AgeLead/FL_AL_0417_KateBday_DesktopPopOut_CTA.jpg);
	background-size: cover;
    width: 373px;
    height: 76px;
    margin-top: 470px;
}

.fl-desktop[data-membership-promo-list*="0417AGEDLEADS35OFF"] .sticky-carousel{
	display: none;
}

/***********MOBILE************/

.fl-mobile  #boutique-modal  .kates-bday-aged-leads{
	background: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_KatesBirthday-AgeLead/FL_AL_0417_KateBday_MobilePopOut_V2.jpg);
	background-size: cover;
	width: 100%;
	height: 95vw;
	padding: 0;
    background-repeat: no-repeat;
}

.fl-mobile .kates-bday-aged-leads .inner button{
	background: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_KatesBirthday-AgeLead/FL_AL_0417_KateBday_MobilePopOut_CTA.jpg);
	background-size: contain;
    width: 75%;
    height: 12vw;
    margin: 0 auto;
    background-repeat: no-repeat;
    display: inherit;
}

.fl-mobile .drawer-content.kates-bday-aged-leads{
	width: 100%;
	padding: 0;
}

.fl-mobile .drawer-content.kates-bday-aged-leads #boutique-modal{
	margin: 0;
}

.fl-mobile .kates-bday-aged-leads .offer-text-bottom{
	padding-top: 85%;
}

body[data-membership-promo-list*="0417AGEDLEADS35OFF"].fl-mobile .heading.heading--dark{
	background: #F6CDED;
}

/*********FBL-4247-April Aged Leads Kate's Birthday END*********/


/*** GWP Boutique Modal ***/
.gwp-modal{
	background: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_%2419withGWPAgeLead/FL_0429-050517_19Outfit_PlusGWP_DesktopPopOut_V2.jpg) top center no-repeat;
	background-size: cover;
	position: relative;
	padding-bottom:115%;
}
.gwp-modal .offer-text-bottom{
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.gwp-modal .offer-text-bottom span{
	display: block;
	font-weight: 500;
	color: #A6D9DA;
	letter-spacing: .5px;
	text-transform: uppercase;
}
.gwp-modal .offer-text-bottom a img{
	width:100%;
}
/* GWP Desktop */
.fl-desktop .gwp-colorbox #cboxClose{
	top: 12px;
}
.fl-desktop .gwp-wrapper{
    padding-top: 40px;
    background-color: #FFF;
}
.fl-desktop .gwp-modal{
	width: 500px;
}
.fl-desktop .gwp-modal .offer-text-bottom{
	padding-bottom: 15px;
}
.fl-desktop .gwp-modal .offer-text-bottom a{
	display: inline-block;
	width: 70%;
}
.fl-desktop .gwp-modal .offer-text-bottom span{
	font-size: 15px;
	margin-top: 25px;
}
/* GWP Mobile */
.fl-mobile .gwp-drawer .drawer-content{
	width: 100%;
	padding: 0;
}
.fl-mobile .gwp-modal{
    width: 100%;
}
.fl-mobile .gwp-modal .offer-text-bottom a{
	display: inline-block;
	width: 100%;
}
.fl-mobile .gwp-modal .offer-text-bottom span{
	font-size: 3vw;
}
/* END GWP Boutique Modal */
/* FLRR-9: Mobile Fit Finds Banner */
.fl-mobile .activity.fit-finds{
	background-color: black;
	text-align: center;
	padding: 15px;
	font-size: 2em;
}
.fl-mobile .activity.fit-finds .title{
	color: white;
	text-transform: uppercase;
}
.fl-mobile .activity.fit-finds .offer{
	color: white;
	font-size: 2em;
}
.fl-mobile .activity.fit-finds .offer span:first-child{
	font-size: 0.3em;
	vertical-align: middle;"
}
.fl-mobile .activity.fit-finds .offer span:last-child{
	display: block;
	color:white;
	font-size: 0.25em;
}
.fl-mobile .activity.fit-finds .offer .accent{
	font-weight: 500;
	vertical-align: middle;
	font-size: 0.5em;
}
/* END FLRR-9 */
/* END GWP Boutique Modal */

/* FLRR-1235: Aged Leads Fabletics 4th Bday Promo Oct 2017 */
/* Burst Banner */
.fl-desktop .boutique .boutique_burst_agedleads{
    position: absolute;
    left: -97px;
    width: 80%;
    top: 125px;
}
/* Common css */
.aged-leads-promo-modal{
	background: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_09_Labor_Day_Sale_Aged_Leads/LEAD_LaborDay_DesktopPopOut_NOCTA.gif) top center no-repeat;
}
.aged-leads-promo-modal .offer-text-bottom{
	background: url(//fabletics-us-cdn.justfab.com/media/images/en_US/revolving/promo/2017_09_Labor_Day_Sale_Aged_Leads/LEAD_LaborDay_DesktopPopOut_CTA.jpg) center no-repeat;
}
/* Desktop */
.fl-desktop .aged-leads-promo-colorbox #cboxClose{
	top: 12px;
}
.fl-desktop .aged-leads-promo-wrapper{
    padding-top: 40px;
    background-color: #FFF;
}
.fl-desktop .aged-leads-promo-modal{
	width: 465px;
	height: 561px;
	background-size: contain;
	padding: 0;
}
.fl-desktop .aged-leads-promo-modal .offer-text-bottom{
	width: 76%;
    height: 11%;
    position: absolute;
    bottom: 9%;
    right: 12%;
    cursor: pointer;
    background-size: contain;
}
/* Mobile */
.fl-mobile .aged-leads-promo-modal{
	background-size: contain;
    position: relative;
    padding-bottom: 115%;
}
.fl-mobile #boutique-modal[data-boutique-promo="aged_leads_promo"]{
	margin-bottom: 0px;
}
.fl-mobile .aged-leads-promo-drawer .drawer-content{
	width: 100%;
	padding: 0;
}
.fl-mobile .aged-leads-promo-drawer .offer-text-bottom{
	position: absolute;
    width: 76%;
    height: 12%;
    right: 12%;
    bottom: 7%;
    background-size: contain;
}
/* END FLRR-355 */
/* FLRR-416: Boutique burst banner */
.fl-desktop .boutique .boutique_burst_vip{
	position: absolute;
    left: -19px;
    bottom: -5px;
    width: 27%;
}
/*FLRR-465*/
body[data-membership-promo-list*="082017AGEDLEADS70OFF"].fl-desktop .skinny,
body[data-membership-promo-list*="082017AGEDLEADS70OFF"].fl-desktop #fabletics-skinnybanner.desktop-sticky-skinny.stickynav-stuck{
	background-color: #721460;
}

/* FLRR-877 - Stop Test Trustpilot Phase 2 */
.trustpilot-widget {
	background-color: #F9F9F9;
}
.fl-mobile .trustpilot-widget {
	margin-top: 32px;
	padding: 16px 0;
}
.fl-desktop .trustpilot-widget {
	margin-top: 64px;
	padding: 32px 0;
}
.fl-mobile .trustpilot-widget ~ [data-role="footer"] .footer {
	margin-top: 0;
}
.trustpilot-widget,
.trustpilot-widget iframe{
	margin: 0 auto;
}
.fl-desktop .trustpilot-widget.logged-in iframe{
	max-width: 1199px;
}
.fl-desktop .trustpilot-widget.logged-out iframe{
	max-width: 1440px;
}
.fl-desktop .summary .conflicting-promo-message{
	display:inline-block;
}

.sign-up-terms-content div { text-align: left !important; }