@charset "utf-8";
	/*FKKI-242 Desktop How it Works Page Improvements*/
	.content {
		padding-bottom: 0;
	}
	.statics .how-it-works .block ol.fk-control-nav.fk-control-paging {
		display: none;
	}


	/* HERO / VIDEO */
	.statics .how-it-works .block.surface {
		position: relative;
	}
	.statics .how-it-works .block.surface .surface-item {
		position: absolute;
	}
	.statics .how-it-works .block.surface .surface-item.play-video {
		bottom: 16.00633914421553%;
		left: 9.443631039531479%;
		width: 30.01464128843338%
	}
	.statics .how-it-works .block.surface .surface-item.play-video .btn {
		width: 100%;
		padding: 0.8em 0;
		font-size: 16px;
		max-width: 126px;
	}
	.statics .how-it-works .block.legal {
		background-color: #daf9f9;
		color: #000;
		padding: 1em 1.5em;
		font-size: 12px;
		line-height: 1.7;
		margin: 0 auto;
		text-align: center;
	}
	.statics .how-it-works .block .video-wrapper {
		display: none;
		top: 0;
		background: rgba(0, 0, 0, 0.8);
		width: 100%;
		transition: all linear .3s;
	}
	.statics .how-it-works .block .video-wrapper img {
		width: 88.75%;
		display: block;
		margin: 0 auto;
		opacity: 0;
		box-sizing: border-box;
	}
	.statics .how-it-works .block .video-wrapper .video-outer {
		right: 0;
		margin: 0 auto;
		width: 82.5%;
		padding-top: 46.15%;
	}


	/* WELCOME TO FABKIDS */
	.statics .how-it-works .block.welcome {
		margin-top: 1.15em;
		background-color: #dbf9f9;
		padding-bottom: 4.5em;
	}
	.statics .how-it-works .block.welcome .title {
		margin-bottom: 2.45em;
	}
	.statics .how-it-works .block.welcome .title h1 {
		font-size: 1.575rem;
		color: #2d2d2d;
		font-weight: 700;
		text-transform: none;
		text-align: center;
	}
	.statics .how-it-works .block.welcome .membership-offer h3 {
		font-size: 1.075rem;
		color: #2d2d2d;
		font-weight: 500;
		text-transform: none;
		text-align: center;
	}
	.statics .how-it-works .block.welcome .membership-offer h3 .yellow-accent {
		border-bottom: .6em #fbe94f solid;
		display: inline-block;
		line-height: .3;
		width: auto;
	}


	/* EACH MONTH... / 3 OPTIONS */
	.statics .how-it-works .block.easy-options {
		margin-top: 4.5em;
	}
	.statics .how-it-works .block.easy-options .title h1 {
		font-size: 1.575rem;
		color: #2d2d2d;
		font-weight: 700;
		text-transform: none;
		text-align: center;
	}
	.statics .how-it-works .block.easy-options .title h1 .yellow-accent {
		border-bottom: .6em #fbe94f solid;
		display: inline-block;
		line-height: .3;
		width: auto;
	}
	.statics .how-it-works .block.easy-options .option-numbers {
		display: block;
		width: 95.68081991215227%;
		max-width: 1307px; 
		margin: 1em auto 0;
	}
	.statics .how-it-works .block.easy-options .option-numbers .number-3col {
		display: inline-block;
		float: left;
		width: 33.2823259372609%;
		max-width: 435px;
	}
	.statics .how-it-works .block.easy-options .option-desc {
		clear: both;
		display: inline-block;
		width: 95.68081991215227%;
		max-width: 1307px; 
		margin: 0 auto;
	}
	.statics .how-it-works .block.easy-options .option-desc .desc-3col {
		display: inline-block;
		float: left;
		width: 33.2823259372609%;
		max-width: 435px;
		padding: 0 2.5em;
	}
	.statics .how-it-works .block.easy-options .option-desc .desc-3col p, .statics .how-it-works .block.cancel-anytime p {
		text-align: center;
		color: #2d2d2d;
		font-size: .95em;
	}
	.statics .how-it-works .block.easy-options .option-desc .desc-3col .member-charge-tooltip {
		width: 63.90804597701149%;
		float: right;
	}


	/* CANCEL ANYTIME */
	.statics .how-it-works .block.cancel-anytime {
		clear: both;
		margin-top: 4.5em;
	}
	.statics .how-it-works .block.cancel-anytime .cta {
		width: 30.01464128843338%;
		margin: 4.5em auto 0;
		text-align: center;;
	}
	.statics .how-it-works .block.cancel-anytime .cta .btn {
		width: 100%;
		padding: 0.8em 0;
		max-width: 126px;
		font-size: 16px;
	}


	/* MONTHLY COLLECTIONS */
	.statics .how-it-works .block.monthly-collections {
		margin-top: 7.5em;
		margin-bottom: 1rem;
	}
	.statics .how-it-works .block.monthly-collections .title h1 {
		font-size: 1.575rem;
		color: #2d2d2d;
		font-weight: 700;
		text-transform: none;
		text-align: center;
		margin-bottom: 0.75em;
	}
	.statics .how-it-works .block.monthly-collections .title h1 .yellow-accent {
		border-bottom: .6em #fbe94f solid;
		display: inline-block;
		line-height: .3;
		width: 13.25em;
	}
	.statics .how-it-works .block.monthly-collections .title h3 {
		font-size: 1rem;
		color: #2d2d2d;
		font-weight: 300;
		text-transform: none;
		text-align: center;
	}
	.statics .how-it-works .block.monthly-collections .collections-container {
		display: inline-block;
		margin-top: 4.5em;
	}
	.statics .how-it-works .block.monthly-collections .collections-container .collection {
		width: 33.33%;
		display: inline-block;
		float: left;
	}
	.statics .how-it-works .block.collections-cta {
		clear: both;
		margin: 4.5em auto 0;
	}


	/* WHY JOIN OUR VIP */
	.statics .how-it-works .block.why-vip {
		margin-top: 4.5em
	}
	.statics .how-it-works .block.why-vip-cta {
		clear: both;
		margin: 4.5em auto 0;
	}


	/* VIP REVIEWS */
	.statics .how-it-works .block.vip-reviews {
		margin-top: 7.5em;
	}
	.statics .how-it-works .block.vip-reviews .title h1 {
		font-size: 1.575rem;
		color: #2d2d2d;
		font-weight: 700;
		text-transform: none;
		text-align: center;
		margin-bottom: 0.75em;
	}
	.statics .how-it-works .block.vip-reviews .title h1 .yellow-accent {
		border-bottom: .6em #fbe94f solid;
		display: inline-block;
		line-height: .3;
		width: 13.95em;
	}
	.statics .how-it-works .block.vip-reviews .title h3 {
		font-size: 1rem;
		color: #2d2d2d;
		font-weight: 300;
		text-transform: none;
		text-align: center;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container {
		margin-top: 3.25em;
		display: inline-block;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid {
		display: inline-block;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text {
		background-color: #daf9f9;
		width: 61.56661786237189%;
		text-align: center;
		margin: 0 1.390922401171303% 1.0503% 3.001464128843338%;
		position: relative;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text h2, .statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text h4 {
		position: absolute;
		transform: translateY(-50%);
		text-align: center;
		color: #2d2d2d;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text h2 {
		top: 45%;
		font-weight: 700;
		line-height: 1.4;
		padding: 0 2em;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text h2 .yellow-accent {
		border-bottom: .6em #fbe94f solid;
		display: inline-block;
		line-height: .3;
		width: 17em;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text h4 {
		top: 65%;
		left: 50%;
		transform: translateX(-50%);
		font-weight: 500;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text .hidden {
		opacity: 0;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.left {
		float: left;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.right {
		float: right;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.image-col1 {
		width: 30.8199121522694%;
		margin-right: 3.22108345534407%;
		margin-bottom: 1.407503%;
	}
	.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.image-col2 {
		width: 61.6398243045388%;
		margin-left: 3.001464128843338%;
	}


	/* WELCOME GIFT */
	.statics .how-it-works .block.welcome-gift {
		clear: both;
		margin-top: 1.25em;
	}


	/* ONE TIME PURCHASE */
	.statics .how-it-works .block.otp {
		clear: both;
		margin-top: 4.5em;
	}
	.statics .how-it-works .block.otp .title h1 {
		font-size: 1.575rem;
		color: #2d2d2d;
		font-weight: 700;
		text-transform: none;
		text-align: center;
		margin-bottom: 0.75em;
	}
	.statics .how-it-works .block.otp .pink-rule {
		width: 16.32503660322108%;
		border-top: 10px solid #ecaeca;
		line-height: 0;
		margin: 0 auto;
	}
	.statics .how-it-works .block.otp .skip-vip-text {
		margin: 2em auto;
	}
	.statics .how-it-works .block.otp .skip-vip-text h3 {
		font-size: 1.075rem;
		color: #2d2d2d;
		font-weight: 500;
		text-transform: none;
		text-align: center;
		padding: 0 5em;
		line-height: 1.4;
	}
	
	

	/* CTA STYLE */
	.statics .how-it-works .cta .btn {
		text-transform: capitalize;
		font-size: 16px;
		border-radius: 4px;
		padding: 1.5em 0;
	}
	.statics .how-it-works .block .cta .btn {
		background-color: #ed1c82;
	}
	.statics .how-it-works .cta .btn:after {
		content: "";
	}
	.statics .how-it-works .block.block-cta {
		width: 30.01464128843338%;
	}
	.statics .how-it-works .cta .btn.btn-large {
		font-size: 18px;
		width: 100%;
		padding: 1.5em 0;
	}
	.statics .how-it-works .cta .btn.btn-small {
		width: 250px;
		font-size: 16px;
		padding: 1em 0;
	}
	.statics .how-it-works .gender-f .btn.btn-primary:hover {
		color: #FFF;
		background-color: #fa7aae;
	}


	/* PRODUCTS */
	.statics .how-it-works .block.shaded, .statics .how-it-works .block.products {
		background-color: #FFF;
	}
	

	/* HOW IT WORKS (bottom of page) */
	.statics .how-it-works .block.hiw {
		background-color: #daf9f9;
		padding: 50px 0 45px;
		clear: both;
	}
	.statics .how-it-works .block.hiw h1 {
		font-size: 1.175rem;
		text-transform: none;
		color: #000;
		font-weight: 500;
		text-align: center;
		margin-bottom: 5px;
	}
	.statics .how-it-works .block.hiw ul {
		list-style: none;
		margin: 0 auto;
		text-align: center;
	}
	.statics .how-it-works .block.hiw ul.icons li {
		display: inline-block;
		vertical-align: middle;
		width: 32.33333333%;
		margin-top: 1.25em;
	}
	.statics .how-it-works .block.hiw ul.icons li img {
		width: 30%;
		margin: 0 auto;
	}
	.statics .how-it-works .block.hiw ul.texts {
		color: #000;
	}
	.statics .how-it-works .block.hiw ul.texts li {
		display: inline-block;
		vertical-align: top;
		width: 32.33333333%;
	}
	.statics .how-it-works .block.hiw ul.texts li h2 {
		font-weight: 700;
		text-transform: none;
		font-size: .875rem;
	}
	.statics .how-it-works .block.hiw ul.texts li p {
		font-size: .75rem;
		padding: 5% 8%;
	}
	.statics .how-it-works .block.notice {
		background-color: #daf9f9;
		max-width: initial;
		padding-bottom: 3em;
		margin-bottom: 0;
	}
	.statics .how-it-works .block.notice p {
		font-size: 9px;
		max-width: 1048px;
		width: 91.61977186311787%;
		margin: 0 auto;
		border-top: 1px solid #000000;
		padding: 2.75rem 0;
		text-align: center;
	}


	/* SISTER BRANDS */
	.statics .how-it-works .block.brands {
		margin-top: 2em;
		margin-bottom: 3.5em;
	}
	.statics .how-it-works .block.brands .title h1 {
		font-size: 1.575rem;
		color: #2d2d2d;
		font-weight: 700;
		text-transform: none;
		text-align: center;
		margin-bottom: 0.75em;
	}
	.statics .how-it-works .block.brands .title h1 .yellow-accent {
		border-bottom: .6em #fbe94f solid;
		display: inline-block;
		line-height: .3;
		width: 10.5em;
	}
	.statics .how-it-works .block.brands .brand-logos {
		width: 100%;
		max-width: 420px;
		display: flex;
		margin: 0 auto;
		filter: grayscale(100%);
		justify-content: space-between;
	}
	.statics .how-it-works .block.brands .brand-logos div.fabletics {
		width: 100%;
		max-width: 129.8740849194729px;
	}
	.statics .how-it-works .block.brands .brand-logos div.justfab {
		width: 100%;
		max-width: 123.9707174231332px;
	}
	.statics .how-it-works .block.brands .brand-logos div.shoedazzle {
		width: 100%;
		max-width: 124.814055636896px;
	}

	.how-it-works .block.cms-asset {
		display: flex;
	}

	.how-it-works .block.cms-asset img {
		display: inline-block;
		max-width: 100%;
		width: auto;
		height: auto;
	}


	/* MEDIA QUERIES */
	@media only screen and (min-width: 1039px) {

		/* SLICE TITLES */
			.statics .how-it-works .block.welcome .title h1, .statics .how-it-works .block.easy-options .title h1, .statics .how-it-works .block.monthly-collections .title h1, .statics .how-it-works .block.vip-reviews .title h1, .statics .how-it-works .block.otp .title h1 {
				font-size: 2.05rem;
			}

		.statics .how-it-works .block.welcome .membership-offer h3, .statics .how-it-works .block.otp .skip-vip-text h3 {
			font-size: 1.25rem;
		}
		.statics .how-it-works .block.easy-options .option-desc .desc-3col p, .statics .how-it-works .block.cancel-anytime p {
			font-size: 1em;
		}
		.statics .how-it-works .block.monthly-collections .title h3, .statics .how-it-works .block.vip-reviews .title h3 {
			font-size: 1.15rem;
		}
		.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text h2 {
			font-size: 1.3rem;
		}
		.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text h4 {
			font-size: .95rem;
		}
		.statics .how-it-works .block.hiw h1 {
			font-size: 1.175rem;
		}
		.statics .how-it-works .block.hiw ul.texts li h2 {
			font-size: .875rem;
		}
		.statics .how-it-works .block.hiw ul.texts li p {
			font-size: .75rem;
		}
		.statics .how-it-works .block.notice p {
			font-size: 11px;
		}
		.statics .how-it-works .block.brands .title h1 {
			font-size: 1.275rem;
		}
	}
	@media only screen and (min-width: 1151px) {

		/* SLICE TITLES */
			.title h1, .statics .how-it-works .block.welcome .title h1, .statics .how-it-works .block.easy-options .title h1, .statics .how-it-works .block.monthly-collections .title h1, .statics .how-it-works .block.vip-reviews .title h1, .statics .how-it-works .block.otp .title h1, .statics .how-it-works .block.brands .title h1 {
				font-size: 2.375rem;
			}

		.statics .how-it-works .block.welcome .membership-offer h3, .statics .how-it-works .block.otp .skip-vip-text h3 {
			font-size: 1.75em;
		}
		.statics .how-it-works .block.easy-options .option-desc .desc-3col p, .statics .how-it-works .block.cancel-anytime p {
			font-size: 1.15em;
		}
		.statics .how-it-works .block.monthly-collections .title h3, .statics .how-it-works .block.vip-reviews .title h3 {
			font-size: 1.65rem;
		}
		.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text h2 {
			font-size: 1.8rem;
		}
		.statics .how-it-works .block.vip-reviews .reviews-container .review-grid.text h4 {
			font-size: 1.25rem;
		}
		.statics .how-it-works .block.hiw h1 {
			font-size: 1.475rem;
		}
		.statics .how-it-works .block.hiw ul.texts li h2 {
			font-size: 1.025rem;
		}
		.statics .how-it-works .block.hiw ul.texts li p {
			font-size: .875rem;
		}
		.statics .how-it-works .block.notice p {
			font-size: 13px;
		}
		.statics .how-it-works .block.brands .title h1 {
			font-size: 1.85rem;
		}
	}