/*
 * css/style.css
 */
/* Globals
------------------------------*/
body {
	background-color: rgb(255, 255, 255);
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
	line-height: 1.5em;
}

h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
	letter-spacing: 1px;
	line-height: 1;
	margin: 0 0 25px 0;
}

h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
	margin: 0 0 25px 0;
}

h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
	margin: 0 0 25px 0;
}

p {
	line-height: 1.5em;
	margin: 0 0 15px 0;
}

a,
.btn-link {
	color: rgb(28, 207, 201);
}

a:hover,
a:focus,
a:active,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	color: rgb(0, 0, 0);
}

/* General Component Styles */
section[class^="component"] {
	padding: 60px 0;
}

section.headline {
	margin-bottom: 15px;
}

/* Utility Classes */
.hidden {
	display: none;
}

.text-center {
	text-align: center;
}

.flex-center {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.row-reverse {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.square-img-container {
	padding: 0;
	position: relative;

	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
}

/* Magical CSS hack to maintain 1:1 Aspect Ratio */
.square-img-container::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.square-img-container .square-img-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/*
* Add the .square-row class will make the min-height of the columns equal to their width.
*/
.square-row > [class^="col-"] {
	min-height: 100vw; /* full view width */
}

@media(min-width: 768px) {
	.square-row > .col-md-6 {
		min-height: calc(100vw / 2); /* half the view width */
	}

	.square-row > .col-md-4 {
		min-height: calc(100vw / 3); /* third the view width */
	}

	.square-row > .col-md-3 {
		min-height: calc(100vw / 4); /* fourth the view width */
	}
}

@media(min-width: 1140px) {
	.square-row > .col-md-6 {
		min-height: calc(1140px / 2); /* half the container width */
	}

	.square-row > .col-md-4 {
		min-height: calc(1140px / 3); /* third the container width */
	}

	.square-row > .col-md-3 {
		min-height: calc(1140px / 4); /* fourth the container width */
	}
}

/* Other bootstrap overrides
------------------------------*/
.dropdown-menu {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:active,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-item.open .nav-link:active {
	background-color: rgb(28, 207, 201);
}

.panel {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	margin: 0 0 20px 0;
}

.panel-body {
	padding: 15px;
}

.panel-heading {
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 15px;
}

.panel-heading > .dropdown .dropdown-toggle {
	color: inherit;
}

.panel-title {
	color: inherit;
	font-size: 16px;
	margin: 0;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
	color: inherit;
}

.panel-footer {
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px 15px;
}

/* Buttons */
.btn {
	border-radius: 0;
	border: none;
	font-size: 14px;
	letter-spacing: 0.077em;
	padding: 1em 3em;
}

.btn-small {
	border: 2px solid rgb(0, 0, 0);
	color: rgb(0, 0, 0);
	padding: 0.6em 1.8em;
}

.btn-small:hover,
.btn-small:focus,
.btn-small:active,
.btn-small:active:focus {
	background-color: rgb(28, 207, 201);
	border-color: rgb(28, 207, 201);
}

.btn-link {
	padding: 1.2em 0;
}

.btn-primary {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
	letter-spacing: 0.167em;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
}

.btn-secondary {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
	letter-spacing: 0.167em;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:focus {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
}

.btn-empty {
	background-color: transparent;
	border: 1px solid rgb(0, 0, 0);
	color: rgb(0, 0, 0);
}

.btn-empty:hover,
.btn-empty:focus,
.btn-empty:active,
.btn-empty:active:focus {
	background-color: rgb(255, 255, 255);
}

/* Index
------------------------------*/

/* Subscribe Flow
------------------------------*/
.sf-grid {
	display: -webkit-flex;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.sf-grid__container {
	display: -webkit-flex;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	padding: .9375rem 0;
}

.sf-item {
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;

	border: 1px solid #E1E1E1;
	margin: 20px;
	text-align: center;
	padding: 20px;
}

.sf-item, .sf-item__content {
	display: -webkit-flex;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.sf-item__content {
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.sf-item__name {
	margin: 1em 0;
}

.sf-item * {
	max-width: 100%;
}

/* Survey Forms
------------------------------*/
.survey h2 {
	margin: 0 0 1em 0;
}

.survey .radio input[type="radio"],
.survey .checkbox input[type="checkbox"] {
	margin: 0 0.5em 0 0;
}

/* Sold Out
------------------------------*/
.sold-out-image {
	height: 171px;
	width: 195px;
	margin: auto;
	margin-bottom: 38px;
}

/* Checkout
------------------------------*/
.checkout_content {
	margin-top: 0;
	overflow: auto;
}

.checkout_content #add_coupon_code {
	padding: .375rem 1rem;
	width: auto;
}

.checkout_content #checkout_button {
	background-color: rgb(28, 207, 201);
	border: none;
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
	letter-spacing: 0.167em;
	padding: 1.2em 5em;
}

.checkout_content #checkout_button:hover,
.checkout_content #checkout_button:focus,
.checkout_content #checkout_button:active,
.checkout_content #checkout_button:active:focus {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
}

/* Thank You
------------------------------*/
.checkout_content section {
	border-color: #F5F5F5;
}

.checkout_content h1 {
	margin: 0 0 25px 0;
	text-align: center;
}

.cart_listing table {
	border-color: #F5F5F5;
}

/* Account
------------------------------*/
.account-header h1,
.account-header h2 {
	margin: 0 0 15px 0;
}

.account-header .gift-card-container {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.account-header .gift-card-balance {
	margin: 0 0 15px 0;
}

.my-account {
	margin: 25px 0;
}

.address-container {
	width: 100%;
}

.address-panel .inner-address-row {
	padding: 0;
}

.address-panel .address-edit-btn {
	min-width: auto;
	padding: 10px;
}

.address-info #is_primary {
	margin: 0;
	width: auto;
}

.address-container {
	width: 100%;
}

.errors {
	margin: 25px 0;
}

.cratejoy-loading-icon {
	color: rgb(0, 0, 0);
}

.skip-dialog .row {
	display: block;
	text-align: center;
}

.skip-dialog h4 {
	margin: 0 0 22px 0;
}

.panel-sub-confirm {
	box-shadow: none;
}

.panel-sub-confirm form div:last-child {
	display: block;
}

#skip_button,
input[type="radio"] + label.cj-btn {
	background-color: transparent;
	border: 1px solid rgb(28, 207, 201);
	color: rgb(28, 207, 201);
	letter-spacing: 1px;
	text-transform: uppercase;
}

#skip_button:hover,
#skip_button:focus,
#skip_button:active,
input[type="radio"]:checked + label.cj-btn, #skip_button.skipped {
	background-color: rgb(0, 0, 0);
	border-color: rgb(0, 0, 0);
	text-decoration: none;
}

/* Media Queries
------------------------------*/
@media (max-width: 767px) {
	section[class^="component"] {
		padding: 40px 0;
	}
	/* Used to reverse a row when it wraps on smaller screens */
	.row-sm-reverse {
		-webkit-flex-wrap: wrap-reverse;
		-moz-flex-wrap: wrap-reverse;
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
	}
	.panel-cratejoy .pull-right,
	.panel-cratejoy .pull-left,
	.skip-dialog .pull-right,
	.skip-dialog .pull-left,
	.subscription_cancel .pull-right,
	.subscription_cancel .pull-left,
	#edit-subscription-form .pull-right,
	#edit-subscription-form .pull-left {
		float: none;
		width: 100%;
		margin: 10px 0;
	}
}

@media (min-width: 768px) {
	.account-header .gift-card-container {
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.account-header .gift-card-balance {
		margin: 0;
	}
}

@media (min-width: 992px) {
	.account-header h1,
	.account-header h2 {
		margin: 0;
	}
}

/*
 * components/about_products/cmp_27d450ca-68cb-4208-be05-c6224d669ffb/component.css
 */
#cmp_27d450ca-68cb-4208-be05-c6224d669ffb {
	padding: 40px 0;
    background-color: rgb(235, 192, 114);
}

#cmp_27d450ca-68cb-4208-be05-c6224d669ffb .container-fluid {
	background-color: rgb(235, 192, 114);
	padding: 20px;
}

#cmp_27d450ca-68cb-4208-be05-c6224d669ffb img{
	max-width: 90vw;
}

#cmp_27d450ca-68cb-4208-be05-c6224d669ffb h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_27d450ca-68cb-4208-be05-c6224d669ffb h2 {
	color: #FFFFFF;
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_27d450ca-68cb-4208-be05-c6224d669ffb h3 {
	color: #FFFFFF;
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_27d450ca-68cb-4208-be05-c6224d669ffb p {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 17px;
  	max-width: 700px;
    margin: 0 auto;
}

@media (max-width: 991px) {
	#cmp_27d450ca-68cb-4208-be05-c6224d669ffb .content {
		margin: 0 auto;
	}
    #cmp_27d450ca-68cb-4208-be05-c6224d669ffb h1 {
		max-width: 325px;
        margin: 0 auto 25px auto;
	}
   #cmp_27d450ca-68cb-4208-be05-c6224d669ffb p {
		max-width: 450px;
        margin: 0 auto;
	}
}

@media (max-width: 767px) {
    #cmp_27d450ca-68cb-4208-be05-c6224d669ffb {
		padding: 20px 0;
	}
   #cmp_27d450ca-68cb-4208-be05-c6224d669ffb p {
		max-width: 450px;
	}
}

@media (max-width: 543px) {
    #cmp_27d450ca-68cb-4208-be05-c6224d669ffb h1 {
		font-size: 32px;
        max-width: 225px;
	}
    #cmp_27d450ca-68cb-4208-be05-c6224d669ffb p {
		font-size: 14px;
	}
}

/*
 * components/about_products/cmp_603c649a-961c-4bc0-90ec-0efd483c1f15/component.css
 */
#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 {

    background-repeat: no-repeat !important;
    background-color: #eeeeee;
    margin: 0;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 .mobile_title h1::after {
    content: "";
    width: 140px;
    height: 40px;
    margin-top: 10px;
    display: block;
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 {
    background-color: rgb(233, 229, 229);
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 h1 {
    color: rgb(122, 122, 122);
    font-family: Maven Pro;
    font-size: 48px;
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 h2 {
    color: rgb(0, 0, 0);
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 h3 {
    color: rgb(0, 0, 0);
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 p {
    color: rgb(77, 70, 70);
    font-family: Montserrat;
    font-size: 18px;
}

@media (max-width: 543px) {
    #cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    #cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 p {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    #cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 .content {
        margin: 0 auto;
        width: 50%;
    }
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 ol {
    list-style: decimal;
    list-style-position: insidone for the;
    color: rgb(77, 70, 70);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 ul {
    list-style: disc;
    list-style-position: inside;
    color: rgb(77, 70, 70);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 .xs_only {
    max-width: 300px;
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 .sm_only {
    max-width: 460px;
}

#cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 .lg_up {
    max-width: 460px;
    margin: 0 auto;
}

/* ---------- HERO Image ---------- */
@media all and (max-width: 991px) {
  #cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/about_products_mobile.jpg?ts=1602517788&host=my.cratejoy.com) !important;
    background-size: cover !important;
    background-position: top right !important;
  }
}
@media all and (min-width: 992px) {
    #cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 {
        min-height: 315px;
        background-position: top center !important;
    }
}

@media all and (min-width: 1200px) {
    #cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 {
        min-height: 570px;
    }
}

@media all and (min-width: 1380px) {
    #cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 {
        min-height: 580px;
    }
}

@media all and (min-width: 1560px) {
    #cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 {
        min-height: 655px;
    }
}

@media all and (min-width: 1740px) {
    #cmp_603c649a-961c-4bc0-90ec-0efd483c1f15 {
        min-height: 707px;
    }
}

/*
 * components/about_products/cmp_633b332b-3d85-466a-899f-02baea7e856b/component.css
 */
#cmp_633b332b-3d85-466a-899f-02baea7e856b {
    padding: 40px 0;
    background-color: rgb(109, 109, 109);
}

#cmp_633b332b-3d85-466a-899f-02baea7e856b .container-fluid {
    background-color: rgb(109, 109, 109);
    padding: 20px;
}

#cmp_633b332b-3d85-466a-899f-02baea7e856b img{
    max-width: 90vw;
}

#cmp_633b332b-3d85-466a-899f-02baea7e856b h1 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 48px;
}

#cmp_633b332b-3d85-466a-899f-02baea7e856b h2 {
    color: #FFFFFF;
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_633b332b-3d85-466a-899f-02baea7e856b h3 {
    color: #FFFFFF;
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_633b332b-3d85-466a-899f-02baea7e856b p {
    color: #FFFFFF;
    font-family: Lato;
    font-size: 17px;
    max-width: 700px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    #cmp_633b332b-3d85-466a-899f-02baea7e856b .content {
        margin: 0 auto;
    }
    #cmp_633b332b-3d85-466a-899f-02baea7e856b h1 {
        max-width: 300px;
        margin: 0 auto 25px auto;
    }
   #cmp_633b332b-3d85-466a-899f-02baea7e856b p {
        max-width: 450px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    #cmp_633b332b-3d85-466a-899f-02baea7e856b {
        padding: 20px 0;
    }
   #cmp_633b332b-3d85-466a-899f-02baea7e856b p {
        max-width: 450px;
    }
}

@media (max-width: 543px) {
   
    #cmp_633b332b-3d85-466a-899f-02baea7e856b h1 {
        font-size: 32px;
        max-width: 225px;
    }
    #cmp_633b332b-3d85-466a-899f-02baea7e856b p {
        font-size: 14px;
    }
}

/*
 * components/about_products/cmp_69765e2d-8c39-41a4-a312-5b616eb46806/component.css
 */
#cmp_69765e2d-8c39-41a4-a312-5b616eb46806 {
    padding: 40px 0;
    background-color: rgb(28, 207, 201);
}

#cmp_69765e2d-8c39-41a4-a312-5b616eb46806 .container-fluid {
    background-color: rgb(28, 207, 201);
    padding: 20px;
}

#cmp_69765e2d-8c39-41a4-a312-5b616eb46806 img{
    max-width: 90vw;
}

#cmp_69765e2d-8c39-41a4-a312-5b616eb46806 h1 {
    color: rgb(0, 0, 0);
    font-family: Maven Pro;
    font-size: 48px;
}

#cmp_69765e2d-8c39-41a4-a312-5b616eb46806 h2 {
    color: #FFFFFF;
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_69765e2d-8c39-41a4-a312-5b616eb46806 h3 {
    color: #FFFFFF;
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_69765e2d-8c39-41a4-a312-5b616eb46806 p {
    color: rgb(77, 70, 70);
    font-family: Lato;
    font-size: 17px;
    max-width: 700px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    #cmp_69765e2d-8c39-41a4-a312-5b616eb46806 .content {
        margin: 0 auto;
    }
    #cmp_69765e2d-8c39-41a4-a312-5b616eb46806 h1 {
        max-width: 300px;
        margin: 0 auto 25px auto;
    }
   #cmp_69765e2d-8c39-41a4-a312-5b616eb46806 p {
        max-width: 450px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    #cmp_69765e2d-8c39-41a4-a312-5b616eb46806 {
        padding: 20px 0;
    }
   #cmp_69765e2d-8c39-41a4-a312-5b616eb46806 p {
        max-width: 450px;
    }
}

@media (max-width: 543px) {
   
    #cmp_69765e2d-8c39-41a4-a312-5b616eb46806 h1 {
        font-size: 32px;
        max-width: 225px;
    }
    #cmp_69765e2d-8c39-41a4-a312-5b616eb46806 p {
        font-size: 14px;
    }
}

/*
 * components/about_products/cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5/component.css
 */
#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 {
    padding: 0;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .image_div{
    padding: 0;
    background-position: top right !important;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .hero-content {
    padding: 0px;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .row {
    margin: 0;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .hero-content h1 {
    color: rgb(122, 122, 122);
    font-family: Maven Pro;
    font-size: 45px;
    margin-bottom: 10px;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .hero-content h2 {
    color: #FFFFFF;
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .hero-content h3 {
    color: #FFFFFF;
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .hero-content p {
    color: rgb(122, 122, 122);
    font-family: Lato;
    font-size: 20px;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .hero-content .btn {
    background-color: rgb(28, 207, 201);
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 16px;
    margin: 5px 0;
    padding: 0.8em 4em;
    white-space: normal;
    transition: background-color 0.25s ease-in-out; 
    border-radius: 50px;
    letter-spacing: 2px;  
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .hero-content .btn:hover {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .spacing_div {
    margin-left: 2rem;
    margin-right: 2rem;
}

#cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 h1::after {
    content: "";
    width: 140px;
    height: 40px;
    position: relative;
    left: 54%;
    display: block;
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media(max-width: 767px) {
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .hero-content p {
        display: none;
    }  
  
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .square-row > [class^="col-"] {
        min-height: 66vw; /* full view width */
    }
  
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 h1::after {
        right: 54%;
        left: 0;
    }
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 h1 {
        margin-bottom: 15vw !important;
    }
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 {
      background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/Namaste_Fresh_BG_Mobile.jpg?ts=1602517793&host=my.cratejoy.com) !important;
      background-size: contain !important;
      background-position: top right !important;
      background-repeat: no-repeat !important;
    }    
}

@media (max-width: 543px) {
   
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .hero-content h1 {
        font-size: 32px;
    }
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 h1::after {
        left: 8px;
        width: 105px;
        height: 35px;
    }  
}


/*
* Add the .square-row class will make the min-height of the columns equal to their width.
*/

@media(min-width: 768px) {
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .square-row > [class^="col-"] {
        min-height: 100vw; /* full view width */
    }  
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .square-row > .col-md-6 {
        min-height: calc(100vw / 2); /* half the view width */
    }

    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .square-row > .col-md-4 {
        min-height: calc(100vw / 3); /* third the view width */
    }

    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .square-row > .col-md-3 {
        min-height: calc(100vw / 4); /* fourth the view width */
    }
}

@media(min-width: 1140px) {
    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .square-row > .col-md-6 {
        min-height: calc(1140px / 2); /* half the container width */
    }

    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .square-row > .col-md-4 {
        min-height: calc(1140px / 3); /* third the container width */
    }

    #cmp_e1e8cbf4-04e6-4b4e-8963-d0ac28e967b5 .square-row > .col-md-3 {
        min-height: calc(1140px / 4); /* fourth the container width */
    }
}

/*
 * components/about_womens_products/cmp_6355cc92-6480-40e2-85c7-808c18847574/component.css
 */
#cmp_6355cc92-6480-40e2-85c7-808c18847574 {
    padding: 40px 0;
    background-color: rgb(242, 192, 159);
}

#cmp_6355cc92-6480-40e2-85c7-808c18847574 .container-fluid {
    background-color: rgb(242, 192, 159);
    padding: 20px;
}

#cmp_6355cc92-6480-40e2-85c7-808c18847574 img{
    max-width: 90vw;
}

#cmp_6355cc92-6480-40e2-85c7-808c18847574 h1 {
    color: rgb(0, 0, 0);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_6355cc92-6480-40e2-85c7-808c18847574 h2 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_6355cc92-6480-40e2-85c7-808c18847574 h3 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_6355cc92-6480-40e2-85c7-808c18847574 p {
    color: rgb(0, 0, 0);
    font-family: Montserrat;
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    #cmp_6355cc92-6480-40e2-85c7-808c18847574 .content {
        margin: 0 auto;
    }
    #cmp_6355cc92-6480-40e2-85c7-808c18847574 h1 {
        max-width: 400px;
        margin: 0 auto 25px auto;
    }
   #cmp_6355cc92-6480-40e2-85c7-808c18847574 p {
        max-width: 450px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    #cmp_6355cc92-6480-40e2-85c7-808c18847574 {
        padding: 20px 0;
    }
   #cmp_6355cc92-6480-40e2-85c7-808c18847574 p {
        max-width: 450px;
    }
}

@media (max-width: 543px) {
   
    #cmp_6355cc92-6480-40e2-85c7-808c18847574 h1 {
        font-size: 32px;
        max-width: 310px;
    }
    #cmp_6355cc92-6480-40e2-85c7-808c18847574 p {
        font-size: 14px;
    }
}

/*
 * components/about_womens_products/cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa/component.css
 */
#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa {

    background-repeat: no-repeat !important;
    background-color: #eeeeee;
    margin: 0;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa .mobile_title h1::after {
    content: "";
    width: 140px;
    height: 40px;
    margin-top: 10px;
    display: block;
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa {
    background-color: rgb(255, 255, 255);
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa h1 {
    color: rgb(122, 122, 122);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa h2 {
    color: rgb(0, 0, 0);
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa h3 {
    color: rgb(0, 0, 0);
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa p {
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
}

@media (max-width: 543px) {
    #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa {
        padding: 30px 0 20px;
    }
}

@media (min-width: 768px) {
    #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa .content {
        margin: 0 auto;
        width: 50%;
    }
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa ol {
    list-style: decimal;
    list-style-position: insidone for the;
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa ul {
    list-style: disc;
    list-style-position: inside;
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa .xs_only {
    max-width: 300px;
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa .sm_only {
    max-width: 460px;
}

#cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa .lg_up {
    max-width: 580px;
    margin: 0 auto;
}

/* ---------- HERO Image ---------- */
@media all and (max-width: 991px) {
  #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/tmpfile-49.png?ts=1602784964&host=my.cratejoy.com) !important;
    background-size: cover !important;
    background-position: top center !important;
  }
}
@media all and (min-width: 992px) {
    #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa {
        min-height: 315px;
        background-position: top center !important;
    }
}

@media all and (min-width: 1200px) {
    #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa {
        min-height: 570px;
    }
}

@media all and (min-width: 1380px) {
    #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa {
        min-height: 580px;
    }
}

@media all and (min-width: 1560px) {
    #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa {
        min-height: 655px;
    }
}

@media all and (min-width: 1740px) {
    #cmp_67d9b828-52b4-42df-a4df-e9eeb7cb63fa {
        min-height: 707px;
    }
}

/*
 * components/about_womens_products/cmp_d064726d-3b3e-48c5-8202-76b00177ed8a/component.css
 */
#cmp_d064726d-3b3e-48c5-8202-76b00177ed8a {
    padding: 40px 0;
    background-color: rgb(109, 109, 109);
}

#cmp_d064726d-3b3e-48c5-8202-76b00177ed8a .container-fluid {
    background-color: rgb(109, 109, 109);
    padding: 20px;
}

#cmp_d064726d-3b3e-48c5-8202-76b00177ed8a img{
    max-width: 90vw;
}

#cmp_d064726d-3b3e-48c5-8202-76b00177ed8a h1 {
    color: rgb(255, 255, 255);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_d064726d-3b3e-48c5-8202-76b00177ed8a h2 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_d064726d-3b3e-48c5-8202-76b00177ed8a h3 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_d064726d-3b3e-48c5-8202-76b00177ed8a p {
    color: rgb(255, 255, 255);
    font-family: Montserrat;
    font-size: 17px;
    max-width: 700px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    #cmp_d064726d-3b3e-48c5-8202-76b00177ed8a .content {
        margin: 0 auto;
    }
    #cmp_d064726d-3b3e-48c5-8202-76b00177ed8a h1 {
        max-width: 300px;
        margin: 0 auto 25px auto;
    }
   #cmp_d064726d-3b3e-48c5-8202-76b00177ed8a p {
        max-width: 450px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    #cmp_d064726d-3b3e-48c5-8202-76b00177ed8a {
        padding: 20px 0;
    }
   #cmp_d064726d-3b3e-48c5-8202-76b00177ed8a p {
        max-width: 450px;
    }
}

@media (max-width: 543px) {
   
    #cmp_d064726d-3b3e-48c5-8202-76b00177ed8a h1 {
        font-size: 32px;
        max-width: 225px;
    }
    #cmp_d064726d-3b3e-48c5-8202-76b00177ed8a p {
        font-size: 14px;
    }
}

/*
 * components/about_womens_products/cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443/component.css
 */
#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 {
    padding: 0;
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .image_div{
    padding: 0;
    background-position: top right !important;
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .hero-content {
    padding: 0px;
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .row {
    margin: 0;
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .hero-content h1 {
    color: rgb(0, 0, 0);
    font-family: Maven Pro;
    font-size: 48px;
    margin-bottom: 10px;
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .hero-content h2 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .hero-content h3 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .hero-content p {
    color: ;
    font-family: Lato;
    font-size: 17px;
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .hero-content .btn {
    background-color: rgb(243, 192, 160);
    color: rgb(255, 255, 255);
    font-family: Montserrat;
    font-size: 18px;
    margin: 5px 0;
    padding: 0.8em 4em;
    white-space: normal;
    transition: background-color 0.25s ease-in-out; 
    border-radius: 50px;
    letter-spacing: 2px;  
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .hero-content .btn:hover {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .spacing_div {
    margin-left: 2rem;
    margin-right: 2rem;
}

#cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 h1::after {
    content: "";
    width: 140px;
    height: 40px;
    position: relative;
    left: 54%;
    display: block;
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media(max-width: 767px) {
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .hero-content p {
        display: none;
    }  
  
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .square-row > [class^="col-"] {
        min-height: 66vw; /* full view width */
    }
  
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 h1::after {
        right: 54%;
        left: 0;
    }
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 h1 {
        margin-bottom: 15vw !important;
        color: #fff !important;
        text-align: left;
    }
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 {
      background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/tmpfile-47.png?ts=1602546032&host=my.cratejoy.com) !important;
      background-size: cover !important;
      background-position: top right !important;
      background-repeat: no-repeat !important;
    }    
}

@media (max-width: 543px) {
   
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .hero-content h1 {
        font-size: 32px;
    }
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 h1::after {
        left: 8px;
        width: 105px;
        height: 35px;
    }  
}


/*
* Add the .square-row class will make the min-height of the columns equal to their width.
*/

@media(min-width: 768px) {
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .square-row > [class^="col-"] {
        min-height: 100vw; /* full view width */
    }  
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .square-row > .col-md-6 {
        min-height: calc(100vw / 2); /* half the view width */
    }

    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .square-row > .col-md-4 {
        min-height: calc(100vw / 3); /* third the view width */
    }

    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .square-row > .col-md-3 {
        min-height: calc(100vw / 4); /* fourth the view width */
    }
}

@media(min-width: 1140px) {
    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .square-row > .col-md-6 {
        min-height: calc(1140px / 2); /* half the container width */
    }

    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .square-row > .col-md-4 {
        min-height: calc(1140px / 3); /* third the container width */
    }

    #cmp_f21ac755-2fc2-4c26-8bf3-9f18619b5443 .square-row > .col-md-3 {
        min-height: calc(1140px / 4); /* fourth the container width */
    }
}

/*
 * components/about_womens_products/cmp_ff487cd5-e664-4676-a332-9e9df06953f7/component.css
 */
#cmp_ff487cd5-e664-4676-a332-9e9df06953f7 {
    padding: 40px 0;
    background-color: rgb(235, 194, 183);
}

#cmp_ff487cd5-e664-4676-a332-9e9df06953f7 .container-fluid {
    background-color: rgb(235, 194, 183);
    padding: 20px;
}

#cmp_ff487cd5-e664-4676-a332-9e9df06953f7 img{
    max-width: 90vw;
}

#cmp_ff487cd5-e664-4676-a332-9e9df06953f7 h1 {
    color: rgb(0, 0, 0);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_ff487cd5-e664-4676-a332-9e9df06953f7 h2 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_ff487cd5-e664-4676-a332-9e9df06953f7 h3 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_ff487cd5-e664-4676-a332-9e9df06953f7 p {
    color: rgb(0, 0, 0);
    font-family: Montserrat;
    font-size: 18px;
    max-width: 700px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    #cmp_ff487cd5-e664-4676-a332-9e9df06953f7 .content {
        margin: 0 auto;
    }
    #cmp_ff487cd5-e664-4676-a332-9e9df06953f7 h1 {
        max-width: 450px;
        margin: 0 auto 25px auto;
    }
   #cmp_ff487cd5-e664-4676-a332-9e9df06953f7 p {
        max-width: 450px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    #cmp_ff487cd5-e664-4676-a332-9e9df06953f7 {
        padding: 20px 0;
    }
   #cmp_ff487cd5-e664-4676-a332-9e9df06953f7 p {
        max-width: 450px;
    }
}

@media (max-width: 543px) {
    #cmp_ff487cd5-e664-4676-a332-9e9df06953f7 h1 {
        font-size: 32px;
        max-width: 310px;
    }
    #cmp_ff487cd5-e664-4676-a332-9e9df06953f7 p {
        font-size: 14px;
    }
}

/*
 * components/basic_man/cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0/component.css
 */
#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 {
    padding-top: 45px !important;
    padding-bottom: 0 !important;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 h1 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 h2 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 1;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 h2::after {
    content: "";
    width: 100%;
    height: 40px;
    margin-top: 10px;
    display: block;
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
    background-position: right;
    background-size: 140px;
    background-repeat: no-repeat;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 h3 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 24px;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 p {
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .btn {
    margin: 5px 0;
    padding: 0.6em 1em;
    white-space: normal;
    width: 90%;
    transition: background-color 0.25s ease-in-out;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .button-container {
    text-align: right;
    margin: 0 0 20px 0;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .btn-primary {
    width: 280px;
    background-color: rgb(28, 207, 201);
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    border-radius: 50px;
    letter-spacing: 2px;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .btn-primary:hover,
#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .btn-primary:focus,
#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .btn-primary:active {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

#cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .content-mobile {
    margin-top: 30px;
}

@media all and (max-width: 991px) {
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 {
        border-top: 1px solid #7a7a7a;
    }

    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 h2 {
        font-size: 44px !important;
        text-align: center !important;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 h2::after {
        width: 115px;
        margin-left: auto;
        margin-right: auto;
        background-position: center;
        background-size: contain;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 p {
        text-align: center !important;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .btn-primary {
        display: block;
        margin: 45px auto 0;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .destroy-mobile {
        margin-top: 35px;
    }
 
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .destroy-mobile img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
}

@media all and (min-width: 576px) and (max-width: 991px) {
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 h2 {
        font-size: 56px !important;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 h2::after {
        width: 145px;
    }
}

@media (min-width: 992px) {
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 {
        padding-top: 55px !important;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 p {
        max-width: 580px;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .destroy-flex > span {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .destroy-desktop {
        min-height: 480px;
        background: url(//s3.amazonaws.com/cratejoy_vendor_images/hellabasics/fashion_mobile-copy-0/images/tmpfile-52.png?ts=1603303917&host=my.cratejoy.com);
        background-repeat: no-repeat;
        background-size: 500px;
        background-position: 0 110px;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .destroy-mobile {
        display: none;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .btn-primary {
        margin-top: 40px;
        margin-right: 75px;
    }
}

@media all and (min-width: 1200px) { 
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 {
        padding-top: 75px !important;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .destroy-desktop {
        min-height: 690px;
        background-size: 750px;
        background-position: 0 105px;
    }
  
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 .btn-primary {
        margin-top: 45px;
        margin-right: 110px;
    }
}

@media all and (max-width: 575px) {
    #cmp_11bc8a2d-a4fb-49da-b4d1-64d022100bf0 {
        margin-top: 0px !important;
    }
}
/*
 * components/basic_man/cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1/component.css
 */
#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 {
    padding: 40px 0;
    background-color: rgb(255, 255, 255);
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 .container-fluid {
    background-color: rgb(255, 255, 255);
    padding: 20px;
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 img{
    max-width: 90vw;
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 h1 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 48px;
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 h2 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 h2::after {
    content: "";
    width: 100%;
    height: 40px;
    margin-top: 10px;
    display: block;
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
    background-position: center;
    background-size: 140px;
    background-repeat: no-repeat;
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 h3 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 24px;
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 p {
    color: rgb(77, 70, 70);
    font-family: Lato;
    font-size: 17px;
    max-width: 700px;
    margin: 0 auto;
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 .btn {
    width: 275px;
    margin: 30px 0 5px 0;
    padding: 0.5em;
    white-space: normal;
    transition: background-color 0.25s ease-in-out;
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 .btn-primary {
    background-color: rgb(235, 192, 114);
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    border-radius: 50px;
    letter-spacing: 2px;
}

#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 .btn-primary:hover,
#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 .btn-primary:focus,
#cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 .btn-primary:active {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

@media (max-width: 991px) {
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 .content {
        margin: 0 auto;
    }
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 h1 {
        max-width: 300px;
        margin: 0 auto 25px auto;
    }
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 h2 {
        font-size: 44px !important;
        text-align: center !important;
    }  
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 p {
        max-width: 450px;
        margin: 0 auto;
    }
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 .btn-primary {
        margin-top: 40px;
    }  
}

@media (max-width: 767px) {
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 {
        padding: 20px 0;
    }
   #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 p {
        max-width: 450px;
    }
}

@media (max-width: 543px) {
   
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 h1 {
        font-size: 32px;
        max-width: 225px;
    }
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 p {
        font-size: 14px;
    }
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 h2 {
        font-size: 36px !important;
    } 
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 img{
        max-width: 100%;
    }  
}

@media all and (min-width: 576px) and (max-width: 991px) {
    #cmp_5aab0b65-91a3-4258-9fad-2ed65350d5b1 h2 {
        font-size: 56px !important;
    }
}

/*
 * components/basic_man/cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9/component.css
 */
#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 {

    background-repeat: no-repeat !important;
    background-color: rgb(255, 255, 255);
    margin: 0;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 50px 0;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 h1 {
    color: rgb(122, 122, 122);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 h2 {
    color: rgb(122, 122, 122);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 h3 {
    color: rgb(122, 122, 122);
    font-family: Didact Gothic;
    font-size: 30px;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 p {
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 .hero-content {
    margin: 0;  
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 .hero-row {
    margin: 0;
    justify-content: flex-end;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 .btn {
    background-color: rgb(28, 207, 201);
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    margin: 5px 0;
    padding: 0.8em 4em;
    white-space: normal;
    transition: background-color 0.25s ease-in-out; 
    border-radius: 50px;
    letter-spacing: 2px;  
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 .btn:hover {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

@media (max-width: 543px) {
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }

}

@media (min-width: 768px) {
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 .content {
        margin: 0 auto;
        width: 50%;
    }
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 ol {
    list-style: decimal;
    list-style-position: insidone for the;
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 ul {
    list-style: disc;
    list-style-position: inside;
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 .xs_only {
    max-width: 300px;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 .sm_only {
    max-width: 460px;
}

#cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 .lg_up {
    max-width: 460px;
    margin: 0 auto;
}

/* ---------- HERO Image ---------- */
@media all and (max-width: 991px) {
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 {
      background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/bg_for_Mobile_Hero-3.png?ts=1602517788&host=my.cratejoy.com) !important;
      background-size: cover !important;
      background-position: center left !important;
    }
  
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9  p {
      color: #fff;
    }    
}

@media all and (max-width: 767px) {  
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9  h1 {
      max-width: 410px;
      margin: 30px auto 60px auto;
      font-size: 44px !important;
      text-align: center;
      color: #fff;
    }
  
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9  p {
      max-width: 300px;
      margin: 30px auto 60px auto;
      font-size: 22px;
    }  
}

@media all and (min-width: 992px) {
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 {
        min-height: 315px;
        background-position: left center !important;
        background-size: contain !important;
        background-color: #eeeeee;
    }
}

@media all and (min-width: 1200px) {
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 {
        min-height: 360px;
    }
}

@media all and (min-width: 1380px) {
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 {
        min-height: 420px;
    }
}

@media all and (min-width: 1560px) {
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 {
        min-height: 480px;
    }
}

@media all and (min-width: 1740px) {
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 {
        min-height: 540px;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px){
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9 h1 {
        font-size: 40px;
        margin-bottom: 10px;
        padding: 0 0px;
    }  
}

@media all and (min-width: 768px) and (max-width: 991px){
    #cmp_8df527b0-cdb0-42de-8212-99a00d6bc3c9  h1 {
      max-width: 520px;
      margin: 30px auto 150px auto;
      text-align: center;
      color: #fff;
    }
  
}

/*
 * components/basic_man/cmp_9badb36e-062b-4748-aabc-4d3cac53c661/component.css
 */
#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 {
    padding-top: 45px !important;
    padding-bottom: 0 !important;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h1 {
    color: rgb(0, 0, 0);
    font-family: Didact Gothic;
    font-size: 48px;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h2 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 1;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h2::after {
    content: "";
    width: 140px;
    height: 40px;
    margin-top: 10px;
    display: block;
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h3 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 24px;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 p {
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-to-expect-image {
    margin-top: 45px;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-to-expect-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-top-expect-check {
    display: flex;
    align-items: center;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-top-expect-check:not(:first-child) {
    margin-top: 45px;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-top-expect-check img {
    width: 64px;
    height: auto;
}

#cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-top-expect-check p {
    margin-left: 20px;
    margin-bottom: 0;
    font-family: Didact Gothic;
    font-size: 24px;
    color: rgb(122, 122, 122);
    line-height: 1.2;
}

@media all and (max-width: 991px) {
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h2 {
        font-size: 44px !important;
        text-align: center !important;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h2::after {
        margin-left: auto;
        margin-right: auto;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 p {
        display: none;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h2::after {
        width: 115px;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-to-expect-checks {
        margin-top: 45px;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-to-expect-checks p {
        display: block !important;
    }
}

@media all and (min-width: 576px) and (max-width: 991px) {
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h2 {
        font-size: 56px !important;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h2::after {
        width: 145px;
    }
}

@media (min-width: 992px) {
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 {
        padding-top: 55px !important;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 p {
        max-width: 580px;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-to-expect-image {
        padding-right: 30px;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-to-expect-checks {
        padding-left: 30px;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
}

@media all and (min-width: 1200px) {
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 {
        padding-top: 75px !important;
    }
}

@media all and (max-width: 575px) {
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-to-expect-image {
        margin-top: 0px;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 .what-to-expect-checks {
        margin-top: 0px;
    }
  
    #cmp_9badb36e-062b-4748-aabc-4d3cac53c661 h2 {
        margin: 0 0 0 0;
    }  
}
/*
 * components/basic_man/cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55/component.css
 */
#cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .container-fluid {
    max-width: 1360px;
}

#cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper {
    margin-top: 30px;
    padding: 25px 0;
    background-color: rgb(28, 207, 201);
}



#cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon {
    display: block;
}

#cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img {
    max-width: 100%;
    height: auto;
}

#cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon span {
    display: inline-block;
    margin-left: 20px;
    font-family: Didact Gothic;
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

@media all and (min-width: 992px) {
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper {
        margin-top: 60px !important;
    }
}

@media all and (max-width: 1199px) {
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon {
        text-align: center;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon span {
        margin-top: 20px;
        margin-left: 0;
        display: block;
        word-break: break-word;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img {
        display: block;
        margin: 0 auto;
        object-fit: contain;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.comfort-stretch {
        width: 110px;
        height: 140px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.soft-cotton {
        width: 130px;
        height: 140px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.moisture-wicking {
        width: 170px;
        height: 140px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.antimicrobial {
        width: 110px;
        height: 140px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(1) {
        border-right: 2px solid rgb(28, 183, 182);
        border-bottom: 2px solid rgb(28, 183, 182);
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(1) span {
        margin-bottom: 60px;
    }

    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(2) {
        border-left: 2px solid rgb(28, 183, 182);
        border-bottom: 2px solid rgb(28, 183, 182);
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(2) span {
        margin-bottom: 60px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(3) {
        border-right: 2px solid rgb(28, 183, 182);
        border-top: 2px solid rgb(28, 183, 182);
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(3) img {
        margin-top: 30px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(4) {
        border-left: 2px solid rgb(28, 183, 182);
        border-top: 2px solid rgb(28, 183, 182);
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(4) img {
        margin-top: 30px;
    }
}

@media all and (min-width: 1200px) {
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper {
        margin-top: 70px !important;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon {
        height: 100%;
        display: flex;
        align-items: center;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon span {
        width: min-content;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img {
        width: 90px;
    }

    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.soft-cotton {
        width: 110px;
    }

    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.moisture-wicking {
        width: 115px;
    }
}

@media all and (max-width: 575px) {
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper {
        margin-top: 30px;
        padding: 20px 0 20px;
        background-color: rgb(28, 207, 201);
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.comfort-stretch {
        width: 110px;
        height: 100px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.soft-cotton {
        width: 130px;
        height: 100px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.moisture-wicking {
        width: 170px;
        height: 100px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icon-section-icon img.antimicrobial {
        width: 110px;
        height: 100px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(1) span {
        margin-bottom: 20px;
    }
    
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(4) img {
        margin-top: 20px;
    }
  
    #cmp_a19eebac-da4f-4da0-9d1c-5c9d6514ac55 .icons-section-wrapper .row .col-xs-6:nth-child(3) img {
        margin-top: 20px;
    }  
}
/*
 * components/basic_woman/cmp_2000b632-855a-4123-9df4-264d112b4e97/component.css
 */
#cmp_2000b632-855a-4123-9df4-264d112b4e97 {

    background-repeat: no-repeat !important;
    background-color: #eeeeee;
    margin: 0;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 .mobile_title h1::after {
    content: "";
    width: 140px;
    height: 40px;
    margin-top: 10px;
    display: block;
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 {
    background-color: rgb(255, 255, 255);
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 h1 {
    color: rgb(255, 255, 255);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 h2 {
    color: #FFFFFF;
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 h3 {
    color: #FFFFFF;
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 p {
    color: #FFFFFF;
    font-family: Lato;
    font-size: 17px;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 .hero-content {
    margin: auto;  
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 .btn {
    background-color: rgb(242, 191, 160);
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    margin: 5px 0;
    padding: 0.8em 4em;
    white-space: normal;
    transition: background-color 0.25s ease-in-out; 
    border-radius: 50px;
    letter-spacing: 2px;  
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 .btn:hover {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

@media (max-width: 543px) {
    #cmp_2000b632-855a-4123-9df4-264d112b4e97 h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }

}

@media (min-width: 768px) {
    #cmp_2000b632-855a-4123-9df4-264d112b4e97 .content {
        margin: 0 auto;
        width: 50%;
    }
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 ol {
    list-style: decimal;
    list-style-position: insidone for the;
    color: #FFFFFF;
    font-family: Lato;
    font-size: 17px;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 ul {
    list-style: disc;
    list-style-position: inside;
    color: #FFFFFF;
    font-family: Lato;
    font-size: 17px;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 .xs_only {
    max-width: 300px;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 .sm_only {
    max-width: 460px;
}

#cmp_2000b632-855a-4123-9df4-264d112b4e97 .lg_up {
    max-width: 460px;
    margin: 0 auto;
}

/* ---------- HERO Image ---------- */
@media all and (max-width: 991px) {
    #cmp_2000b632-855a-4123-9df4-264d112b4e97 {
      background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/tmpfile-32.png?ts=1602517796&host=my.cratejoy.com) !important;
      background-size: cover !important;
      background-position: center left !important;
    }
}

@media all and (max-width: 767px) {  
    #cmp_2000b632-855a-4123-9df4-264d112b4e97  h1 {
      max-width: 410px;
      margin: 30px auto 60px auto;
      font-size: 44px !important;
      text-align: center;
      color: #fff;
    }
  
    #cmp_2000b632-855a-4123-9df4-264d112b4e97  p {
      max-width: 300px;
      margin: 30px auto 60px auto;
      font-size: 22px;
    }  
}

@media all and (min-width: 992px) {
    #cmp_2000b632-855a-4123-9df4-264d112b4e97 {
        min-height: 315px;
        background-position: top center !important;
    }
}

@media all and (min-width: 1200px) {
    #cmp_2000b632-855a-4123-9df4-264d112b4e97 {
        min-height: 570px;
    }
}

@media all and (min-width: 1380px) {
    #cmp_2000b632-855a-4123-9df4-264d112b4e97 {
        min-height: 580px;
    }
}

@media all and (min-width: 1560px) {
    #cmp_2000b632-855a-4123-9df4-264d112b4e97 {
        min-height: 655px;
    }
}

@media all and (min-width: 1740px) {
    #cmp_2000b632-855a-4123-9df4-264d112b4e97 {
        min-height: 707px;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px){
    #cmp_2000b632-855a-4123-9df4-264d112b4e97 h1 {
        font-size: 40px;
        margin-bottom: 10px;
        padding: 0 65px;
    }  
}

@media all and (min-width: 768px) and (max-width: 991px){
    #cmp_2000b632-855a-4123-9df4-264d112b4e97  h1 {
      max-width: 520px;
      margin: 30px auto 150px auto;
      text-align: center;
      color: #fff;
    } 
}

/*
 * components/basic_woman/cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3/component.css
 */
#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 {
    padding-top: 45px !important;
    padding-bottom: 0;

}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h1 {
    color: rgb(0, 0, 0);
    font-family: Maven Pro;
    font-size: 48px;
}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 1;
}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2::after {
    content: "";
    width: 100%;
    height: 40px;
    margin-top: 10px;
    display: block;
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
    background-position: right;
    background-size: 140px;
    background-repeat: no-repeat;
}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h3 {
    color: rgb(0, 0, 0);
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 p {
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8;
}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .btn {
    margin: 5px 0;
    padding: 0.6em 1em;
    white-space: normal;
    width: 90%;
    transition: background-color 0.25s ease-in-out;
}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .button-container {
    text-align: right;
    margin: 0 0 20px 0;
}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .btn-primary {
    width: 280px;
    background-color: rgb(242, 191, 160);
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    border-radius: 50px;
    letter-spacing: 2px;
}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .btn-primary:hover,
#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .btn-primary:focus,
#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .btn-primary:active {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .content-mobile {
    margin-top: 30px;
}

@media all and (max-width: 991px) {
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 {
        border-top: 1px solid #7a7a7a;
        margin-bottom: 30px;
    }

    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2 {
        font-size: 44px !important;
        text-align: center !important;
      	margin-bottom: 0;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2::after {
        width: 115px;
        margin-left: auto;
        margin-right: auto;
        background-position: center;
        background-size: contain;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 p {
        text-align: center !important;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .btn-primary {
        display: block;
        margin: 45px auto 0;
    }
 
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .destroy-mobile img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
}

@media all and (min-width: 576px) and (max-width: 767px) {
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2 {
      	font-size: 38px !important;
    }
  
  	#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2::after {
      	width: 145px;
  	}
}

@media all and (min-width: 768px) and (max-width: 991px) {
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2 {
      	font-size: 48px !important;
    }
  
  	#cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2::after {
      	width: 145px;
  	}
}

@media (min-width: 992px) {
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 {
        padding-top: 40px !important;
        padding-bottom: 5.8vh;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2 {
        font-size: 50px;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 p {
        max-width: 430px;
        font-size: 16px;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .destroy-flex > span {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3.destroy-desktop {
        min-height: 480px;
        background: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/tmpfile-31.png?ts=1602517796&host=my.cratejoy.com);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100%;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .destroy-mobile {
        display: none;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .btn-primary {
        margin-top: 40px;
        margin-right: 75px;
    }
}

@media all and (min-width: 1200px) { 
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 {
        padding-top: 60px !important;
        padding-bottom: 13.7vw;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .destroy-desktop {
        min-height: 690px;
        background-size: 750px;
        background-position: 0 105px;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 .btn-primary {
        margin-top: 45px;
        margin-right: 110px;
    }
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 h2 {
        font-size: 60px;
    }  
  
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 p {
        max-width: 530px;
        font-size: 18px;
    }
}

@media all and (min-width: 1500px) { 
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 {
        padding-bottom: 23vw;
    }
}

@media all and (min-width: 1800px) { 
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 {
        padding-bottom: 29vw;
    }
}

@media all and (max-width: 575px) {
    #cmp_8821246f-8d43-4f72-ab73-7d7404bd9bd3 {
        margin-top: 0px !important;
    }
}
/*
 * components/basic_woman/cmp_be57867f-5eed-4026-912b-588fc574f3fc/component.css
 */
#cmp_be57867f-5eed-4026-912b-588fc574f3fc {
  	padding-top: 45px !important;
  	padding-bottom: 0 !important;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc h1 {
	color: rgb(0, 0, 0);
	font-family: Didact Gothic;
	font-size: 48px;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc h2 {
	color: rgb(82, 82, 82);
	font-family: Didact Gothic;
	font-size: 60px;
    letter-spacing: 0;
  	line-height: 1;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc h2::after {
  	content: "";
	width: 140px;
  	height: 40px;
  	margin-top: 10px;
  	display: block;
  	background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
  	background-position: center;
  	background-size: contain;
  	background-repeat: no-repeat;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc h3 {
	color: rgb(0, 0, 0);
	font-family: Didact Gothic;
	font-size: 24px;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc p {
	color: rgb(122, 122, 122);
	font-family: Montserrat;
	font-size: 18px;
  	font-weight: 600;
  	line-height: 1.8;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-to-expect-image {
  	margin-top: 45px;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-to-expect-image img {
	max-width: 100%;
  	height: auto;
  	display: block;
  	margin: 0 auto;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-top-expect-check {
  	display: flex;
  	align-items: center;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-top-expect-check:not(:first-child) {
	margin-top: 45px;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-top-expect-check img {
	width: 64px;
  	height: auto;
}

#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-top-expect-check p {
	margin-left: 20px;
  	margin-bottom: 0;
  	font-family: Didact Gothic;
    font-size: 18px;
  	color: rgb(122, 122, 122);
  	line-height: 1.2;
}

@media all and (max-width: 991px) {
    #cmp_be57867f-5eed-4026-912b-588fc574f3fc h2 {
		font-size: 44px !important;
      	text-align: center !important;
  	}
  
  	#cmp_be57867f-5eed-4026-912b-588fc574f3fc h2::after {
  		margin-left: auto;
      	margin-right: auto;
  	}
  
  	#cmp_be57867f-5eed-4026-912b-588fc574f3fc p {
		display: none;
  	}
  
  	#cmp_be57867f-5eed-4026-912b-588fc574f3fc h2::after {
      	width: 115px;
  	}
  
    #cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-to-expect-image {
        margin-top: 0;
    }
  
  	#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-to-expect-checks {
    	margin-top: 45px;
  	}
  
  	#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-to-expect-checks p {
      	display: block !important;
  	}
}

@media all and (min-width: 576px) and (max-width: 767px) {
    #cmp_be57867f-5eed-4026-912b-588fc574f3fc h2 {
      	font-size: 38px !important;
    }
  
  	#cmp_be57867f-5eed-4026-912b-588fc574f3fc h2::after {
      	width: 145px;
  	}
}

@media all and (min-width: 768px) and (max-width: 991px) {
    #cmp_be57867f-5eed-4026-912b-588fc574f3fc h2 {
      	font-size: 48px !important;
    }
  
  	#cmp_be57867f-5eed-4026-912b-588fc574f3fc h2::after {
      	width: 145px;
  	}
}

@media (min-width: 992px) {
	#cmp_be57867f-5eed-4026-912b-588fc574f3fc {
      	padding-top: 55px !important;
  	}
  
  	#cmp_be57867f-5eed-4026-912b-588fc574f3fc p {
		max-width: 580px;
  	}
  
	#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-to-expect-image {
        padding-right: 30px;
    }
  
    #cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-to-expect-checks {
      	padding-left: 30px;
		justify-content: center;
        display: flex;
        flex-direction: column;
    }
}

@media all and (min-width: 1200px) {
	#cmp_be57867f-5eed-4026-912b-588fc574f3fc {
      	padding-top: 75px !important;
  	}
}

@media all and (max-width: 575px) {
    #cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-to-expect-image {
        margin-top: 0px;
    }
  
  	#cmp_be57867f-5eed-4026-912b-588fc574f3fc .what-to-expect-checks {
    	margin-top: 0px;
  	}
  
    #cmp_be57867f-5eed-4026-912b-588fc574f3fc h2 {
		margin: 0 0 0 0;
  	}
  
    #cmp_be57867f-5eed-4026-912b-588fc574f3fc p {
		max-width: 340px;
  	}
}
/*
 * components/basic_woman/cmp_e29e636b-b443-4f12-b24a-547dffd49a53/component.css
 */
#cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .container-fluid {
    max-width: 1360px;
}

#cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper {
    margin-top: 30px;
    padding: 25px 0;
    background-color: rgb(242, 191, 160);
}



#cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon {
  display: block;
}

#cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img {
    max-width: 100%;
    height: auto;
}

#cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon span {
  display: inline-block;
    margin-left: 20px;
    font-family: Didact Gothic;
    color: rgb(255, 255, 255);
    font-size: 22px;
    letter-spacing: 1.5px;
}

@media all and (min-width: 992px) {
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper {
        margin-top: 60px !important;
    }
}

@media all and (max-width: 1199px) {
  #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon {
      text-align: center;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon span {
        margin-top: 20px;
        margin-left: 0;
    display: block;
      word-break: break-word;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img {
    display: block;
        margin: 0 auto;
        object-fit: contain;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.comfort-stretch {
    width: 110px;
        height: 140px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.soft-cotton {
    width: 130px;
        height: 140px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.moisture-wicking {
    width: 170px;
        height: 140px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.antimicrobial {
    width: 110px;
        height: 140px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(1) {
    border-right: 2px solid rgb(207, 173, 150);
        border-bottom: 2px solid rgb(207, 173, 150);
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(1) span {
        margin-bottom: 60px;
    }

    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(2) {
    border-left: 2px solid rgb(207, 173, 150);
        border-bottom: 2px solid rgb(207, 173, 150);
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(2) span {
      margin-bottom: 60px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(3) {
    border-right: 2px solid rgb(207, 173, 150);
        border-top: 2px solid rgb(207, 173, 150);
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(3) img {
      margin-top: 30px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(4) {
    border-left: 2px solid rgb(207, 173, 150);
        border-top: 2px solid rgb(207, 173, 150);
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(4) img {
        margin-top: 30px;
    }
}

@media all and (min-width: 1200px) {
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper {
      margin-top: 70px !important;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon {
        height: 100%;
        display: flex;
        align-items: center;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon span {
    width: min-content;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img {
        width: 90px;
    }

    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.soft-cotton {
        width: 110px;
    }

    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.moisture-wicking {
        width: 115px;
    }
}

@media all and (max-width: 575px) {
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper {
        margin-top: 30px;
        padding: 20px 0 20px;
        background-color: rgb(242, 191, 160);
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.comfort-stretch {
    width: 110px;
        height: 100px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.soft-cotton {
    width: 130px;
        height: 100px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.moisture-wicking {
    width: 170px;
        height: 100px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icon-section-icon img.antimicrobial {
    width: 110px;
        height: 100px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(1) span {
        margin-bottom: 20px;
    }
    
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(4) img {
        margin-top: 20px;
    }
  
    #cmp_e29e636b-b443-4f12-b24a-547dffd49a53 .icons-section-wrapper .row .col-xs-6:nth-child(3) img {
      margin-top: 20px;
    }  
}
/*
 * components/checkout/cmp_b22bc700-80db-4e07-beea-ea678f6b28e5/component.css
 */
#cmp_b22bc700-80db-4e07-beea-ea678f6b28e5 .checkout_content {
	overflow: auto;
}

#cmp_b22bc700-80db-4e07-beea-ea678f6b28e5 .checkout_content section {
	border-color: #F5F5F5;
}

#cmp_b22bc700-80db-4e07-beea-ea678f6b28e5 .cart_listing table {
	border-color: #F5F5F5;
}

/*
 * components/customer/account/cmp_38656598-0d25-494e-835c-658ec0b9b146/component.css
 */
#cmp_38656598-0d25-494e-835c-658ec0b9b146 .customer-product-review {
	border-bottom: 1px solid #ddd;
	padding: 15px;
}

#cmp_38656598-0d25-494e-835c-658ec0b9b146 .customer-product-review:last-child {
	border-bottom: 0;
}

#cmp_38656598-0d25-494e-835c-658ec0b9b146 .customer-product-rating {
	color: rgb(0, 0, 0);
	float: right;
}

/*
 * components/customer/account/cmp_6072ee95-3bce-40ac-8490-8bc3efbedc50/component.css
 */

/*
 * components/customer/edit/cmp_81713894-35c0-4311-8e6a-bab32fde2647/component.css
 */

/*
 * components/customer/forgot_password/cmp_8f0b23d4-6ad1-42f6-a1ed-48a8c91141ce/component.css
 */
#cmp_8f0b23d4-6ad1-42f6-a1ed-48a8c91141ce {
	padding: 0 0 120px 0;
}
/*
 * components/customer/forgot_password/cmp_93f3217d-71a5-4ecc-aed4-c9d8c574ac0b/component.css
 */
#cmp_93f3217d-71a5-4ecc-aed4-c9d8c574ac0b {
	background-color: rgb(255, 255, 255);
}

#cmp_93f3217d-71a5-4ecc-aed4-c9d8c574ac0b h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_93f3217d-71a5-4ecc-aed4-c9d8c574ac0b h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_93f3217d-71a5-4ecc-aed4-c9d8c574ac0b h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_93f3217d-71a5-4ecc-aed4-c9d8c574ac0b p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_93f3217d-71a5-4ecc-aed4-c9d8c574ac0b .content {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/customer/login/cmp_7a06e970-8a7c-4b79-8945-e6bb9054fc6c/component.css
 */
#cmp_7a06e970-8a7c-4b79-8945-e6bb9054fc6c {
	background-color: rgb(255, 255, 255);
}

#cmp_7a06e970-8a7c-4b79-8945-e6bb9054fc6c h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_7a06e970-8a7c-4b79-8945-e6bb9054fc6c h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_7a06e970-8a7c-4b79-8945-e6bb9054fc6c h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_7a06e970-8a7c-4b79-8945-e6bb9054fc6c p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_7a06e970-8a7c-4b79-8945-e6bb9054fc6c .content {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/customer/login/cmp_a1897733-7ec0-45c0-92c0-17cac7a760ea/component.css
 */
#cmp_a1897733-7ec0-45c0-92c0-17cac7a760ea {
	padding: 0 0 120px 0;
}
/*
 * components/customer/password_reset/cmp_9fd0d3d2-375e-4172-a633-0ab19b81a95c/component.css
 */
#cmp_9fd0d3d2-375e-4172-a633-0ab19b81a95c {
	padding: 0 0 120px 0;
}
/*
 * components/customer/password_reset/cmp_c01ebd7b-e323-4c8d-84fc-dc96d8fee27c/component.css
 */
#cmp_c01ebd7b-e323-4c8d-84fc-dc96d8fee27c {
	background-color: rgb(255, 255, 255);
}

#cmp_c01ebd7b-e323-4c8d-84fc-dc96d8fee27c h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_c01ebd7b-e323-4c8d-84fc-dc96d8fee27c h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_c01ebd7b-e323-4c8d-84fc-dc96d8fee27c h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_c01ebd7b-e323-4c8d-84fc-dc96d8fee27c p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_c01ebd7b-e323-4c8d-84fc-dc96d8fee27c .content {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/customer/thank_you/cmp_0a04f387-6205-43ce-8ec0-d14a0e29445e/component.css
 */

/*
 * components/faq/cmp_06de411b-8119-4740-b412-c8175f2d2670/component.css
 */
#cmp_06de411b-8119-4740-b412-c8175f2d2670 {
	background-color: rgb(255, 255, 255);
}

#cmp_06de411b-8119-4740-b412-c8175f2d2670 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_06de411b-8119-4740-b412-c8175f2d2670 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_06de411b-8119-4740-b412-c8175f2d2670 h3 {
	color: rgb(28, 207, 201);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_06de411b-8119-4740-b412-c8175f2d2670 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_06de411b-8119-4740-b412-c8175f2d2670 .content {
		margin: 0 auto;
		width: 80%;
	}
}
#cmp_06de411b-8119-4740-b412-c8175f2d2670 h2 {
	margin: 0 0 40px 0;
}
#cmp_06de411b-8119-4740-b412-c8175f2d2670 p {
	border-bottom: 1px solid #EEEEEE;
	padding: 0 0 25px 0;
}
/*
 * components/faq/cmp_13c04570-76c5-47ac-9be6-51e4127252ff/component.css
 */
#cmp_13c04570-76c5-47ac-9be6-51e4127252ff {
	background-color: rgb(0, 0, 0);
}

#cmp_13c04570-76c5-47ac-9be6-51e4127252ff h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_13c04570-76c5-47ac-9be6-51e4127252ff h2 {
	color: rgb(255, 255, 255);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_13c04570-76c5-47ac-9be6-51e4127252ff h3 {
	color: rgb(255, 255, 255);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_13c04570-76c5-47ac-9be6-51e4127252ff p {
	color: rgb(255, 255, 255);
	font-family: Lato;
	font-size: 17px;
}


#cmp_13c04570-76c5-47ac-9be6-51e4127252ff .btn {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_13c04570-76c5-47ac-9be6-51e4127252ff .btn:hover {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
}

#cmp_13c04570-76c5-47ac-9be6-51e4127252ff .component-rich-text-with-button__content-row,
#cmp_13c04570-76c5-47ac-9be6-51e4127252ff .component-rich-text-with-button__button-row {
	padding: 10px 0;
}

@media (min-width: 768px) {
	#cmp_13c04570-76c5-47ac-9be6-51e4127252ff .component-rich-text-with-button__content-row,
	#cmp_13c04570-76c5-47ac-9be6-51e4127252ff .component-rich-text-with-button__button-row {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/global/cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6/component.css
 */
#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 {
    padding: 0;
    background-color: rgb(255, 255, 255);
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .promo-text {
    background-color: rgb(28, 207, 201);
    color: #fff;
  	font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.5px;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 ol {
    list-style: decimal;
    list-style-position: inside;
    color: ;
    font-family: ;
    font-size: ;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 ul {
    list-style: none;
    list-style-position: inside;
    color: ;
    font-family: ;
    font-size: ;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu {
    width: 100%;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-logo {
    width: 135px;
    height: auto;
    margin: 5px auto;
    display: block;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-menu--mobile {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-menu--mobile .wrapper-navbar-toggler,
#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-menu--mobile .wrapper-navbar-logo,
#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-menu--mobile .wrapper-navbar-nav {
  	width: 33.33%;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-menu--mobile .navbar-nav li {
    width: 100%;
    text-align: right;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-menu--mobile .navbar-nav li a {
    padding: 0 !important;
    display: inline;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 600;
    text-align: right !important;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul {
  	justify-content: initial;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li a {
  	font-weight: 600;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(1) {
  	order: 4;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(2) {
	order: 1;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(3) {
    order: 2;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(4) {
    order: 3;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(5) {
    order: 5;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(6) {
    order: 6
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(2),
#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(3),
#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(4),
#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(5),
#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(6) {
    width: 11.11%;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(1) {
    width: 33.33%;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(1) a {
  	padding-top: 0;
 	padding-bottom: 0;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar {
	border-radius: 0;
	padding: 0;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar a:hover,
#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar a:focus,
#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar a:active {
	color: rgb(0, 0, 0);
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-brand {
	color: #000000;
	font-family: Montserrat;
	font-size: 24px;
	margin: 0;
	max-width: 100%;
	padding: 5px;
	text-align: center;

	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;

	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-brand img {
	max-width: 100%;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar .navbar-toggler {
  	border: 0;
	border-radius: 0;
	color: #000;
	font-size: 14px;
  	font-weight: 600;
	letter-spacing: 0.071em;
	padding: 0;
	text-transform: uppercase;
  	text-align: left;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-nav {
	background-color: rgb(255, 255, 255);
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;

	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-nav li {
	padding-top: 10px;
	padding-bottom: 10px;
}

#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-nav .nav-link {
	color: #000;
	font-family: Montserrat;
	font-size: 14px;
	padding: 15px 6px;
	text-align: center;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 {
		border-width: 0;
	}
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .dropdown-menu {
		background-color: rgb(28, 207, 201);
	}
}

@media (min-width: 768px) {
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar {
		padding: 15px;
      	padding-top: 0;
		padding-bottom: 0;

		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center;

		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-brand {
		padding: 0;
		padding-bottom: 15px;
	}
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-toggleable-sm {
		-webkit-flex-shrink: 1;
		-moz-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;

		-webkit-flex-grow: 2;
		-moz-flex-grow: 2;
		-ms-flex-grow: 2;
		flex-grow: 2;
	}
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-nav {
		background-color: rgb(255, 255, 255);
		padding: 0;
		padding-bottom: 0;
		
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;

		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		justify-content: space-around;
	}
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-nav li {
		padding: 0;
	}
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-nav .nav-link {
		color: rgb(0, 0, 0);
	}
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar a:hover,
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar a:focus,
	#cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar a:active {
		color: rgb(0, 0, 0);
	}
}

@media (max-width: 991px) { 
  #cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 .navbar-logo {
  	width: 115px;
    max-width: 100%;
  }
  
  #cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu .navbar-nav {
	padding-bottom: 0;
  }
  
  #cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li:nth-child(5) {
    display: none;
  }
  
  #cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li {
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
}

@media (min-width: 992px) {
  #cmp_0c241593-bcfc-4f4e-b6f5-ba82561490d6 #navbar-menu ul li a {
	font-size: 12px;
  }
}

/*
 * components/global/cmp_2557b85d-dffe-48e2-9753-de2d6d471a78/component.css
 */
#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 {
	background-color: rgb(255, 255, 255);
}

#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}


#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 .btn {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 .btn:hover {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
}

#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 .component-rich-text-with-button__content-row,
#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 .component-rich-text-with-button__button-row {
	padding: 10px 0;
}

@media (min-width: 768px) {
	#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 .component-rich-text-with-button__content-row,
	#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78 .component-rich-text-with-button__button-row {
		margin: 0 auto;
		width: 80%;
	}
}
#cmp_2557b85d-dffe-48e2-9753-de2d6d471a78  {
	padding-top: 0;
}
/*
 * components/global/cmp_337ab20c-8435-4d86-a049-cba8b6043bb2/component.css
 */
#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 h2 {
  	margin-bottom: 8px;
	font-family: Didact Gothic;
  	font-weight: 600;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer {
	background-color: rgb(28, 207, 201);
	color: rgb(0, 0, 0);
	font-family: Montserrat;
	padding: 25px 0;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .copyright p {
  	font-size: 12px;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer p {
	color: rgb(0, 0, 0);
  	font-size: 15px;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-menu {
	display: flex;
    flex-direction: column;
    justify-content: center;
  	padding-left: 60px;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-menu ul {
	margin-bottom: 0;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-menu a {
	color: #000;
  	text-transform: uppercase;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-menu li:first-child a {
  	color: #fff;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-subscribe {
	padding: 15px 0;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-subscribe .btn {
	border: 1px solid #FFFFFF;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-social a {
	display: inline-block;
	padding: 0 10px;
  	color: #fff;
  	font-size: 32px;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-social span.fab {
	color: rgb(255, 255, 255);
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-social span.fab:hover,
#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-social span.fab:focus,
#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-social span.fab:active {
	color: rgb(255, 255, 255);
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-contact,
#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-social {
	display: flex;
	flex-direction: column;
    justify-content: center;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-social img {
  	max-height: none !important;
	max-width: 140px;
  	height: auto;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-contact p {
	margin: 0;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-contact a {
	text-transform: uppercase;
  	font-weight: 600;
  	color: #000;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 .footer-newsletter p {
	margin-bottom: 0;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc-embedded-subscribe-form .mc-field-group {
	width: 100%;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc_embed_signup {
  margin-top: 5px;
  margin-bottom: 15px;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc-embedded-subscribe-form input[type="email"] {
	width: 100%;
  	padding: 0;
  	background-color: transparent;
  	border: 0;
  	border-bottom: 1px solid #fff;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc-embedded-subscribe-form input[type="email"]::placeholder {
  	color: #000 !important;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc-embedded-subscribe-form input[type="email"]:focus {
  	outline: none;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc-embedded-subscribe-form div.mce_inline_error {
  	margin-top: 15px;
  	font-size: 15px;
  	text-align: left;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc-embedded-subscribe-form #mce-responses {
    padding: 0;
    margin: 0;
    width: 100%;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc-embedded-subscribe-form .response {
    padding: 0;
    text-align: left;
    margin: 15px 0 0;
    font-size: 15px;
    font-weight: normal;
}

#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc-embedded-subscribe-form .response a {
  	color: #000;
  	text-decoration: underline;
  	font-weight: 600;
}

@media (min-width: 576px) and (max-width: 991px) {
  #cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-menu {
  	margin-top: 20px;
  }
}

@media (min-width: 768px) {
	#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer {
		padding: 40px 0;

		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;

		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
}

@media (max-width: 991px) {
  	#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer {
  		padding-top: 45px;
  	}
  
  	#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer p {
  		font-size: 20px;
  	}
  	
  	#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-menu {
  		padding-left: 0;
      	text-align: center;
  	}
  
    #cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-menu li:not(:first-child) {
      	margin-top: 15px;
    }
  
  	#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-menu li  a {
  		font-size: 20px;
  	}
  
  	#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-social,
  	#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-contact {
  		margin-top: 20px;
  	}
  
  	#cmp_337ab20c-8435-4d86-a049-cba8b6043bb2.footer .footer-contact .copyright {
      	margin-top: 20px;
  	}
}

@media (min-width: 992px) {
  #cmp_337ab20c-8435-4d86-a049-cba8b6043bb2 #mc-embedded-subscribe-form input[type="email"] {
    font-size: 14px;
  }
}
/*
 * components/howitworks/cmp_0a2d0150-ab10-4eb5-871a-7ad601960540/component.css
 */
#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 {
    background-position: right top !important;
    background-repeat: no-repeat !important;
    margin: 0;
    min-height: calc(100vh - 100px);
    padding: 0;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .container-fluid {
    width: 100%;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-row {
    margin: 0;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content {
    margin: 0;
    text-align: center;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content h1 {
    color: ;
    font-family: Maven Pro;
    font-size: 48px;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content h2 {
    color: ;
    font-family: Maven Pro;
    font-size: 32px;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content h3 {
    color: ;
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content p {
    color: ;
    font-family: Lato;
    font-size: 17px;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content .button-container {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    justify-content: flex-start;

    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content .btn {
    margin: 5px 0;
    padding: 1em;
    white-space: normal;
    width: 90%;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content .btn-primary {
    background-color: rgb(28, 207, 201);
    color: #FFFFFF;
    font-family: Lato;
    font-size: 14px;
}

#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content .btn-primary:hover,
#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content .btn-primary:focus,
#cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content .btn-primary:active {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

@media (min-width: 768px) {
    #cmp_0a2d0150-ab10-4eb5-871a-7ad601960540{
        min-height: 40vw;
    }
    #cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content {
        margin: 15px;
        text-align: left;
    }
    #cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content .button-container {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
    }
    #cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 .hero-content .btn {
        margin: 0 15px 0 0;
        width: 45%;
    }
}

@media (min-width: 1200px) {
    #cmp_0a2d0150-ab10-4eb5-871a-7ad601960540 {
        min-height: 533px;
    }
}
/*
 * components/howitworks/cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9/component.css
 */
#cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9 {
	background-color: ;
}

#cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9 .content-row {
	margin: 0;

	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
}

#cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9 .content {
	background-color: rgb(255, 255, 255);
	border: 5px solid rgb(255, 255, 255);
	margin: 15px 0;
	padding: 25px;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9 .square-image {
	background-repeat: no-repeat !important;
	background-size: contain !important;
	height: 200px;
	margin: 0 0 15px 0;
	width: 200px;
}

#cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_44b251ad-9024-4258-8dae-e0a1b758d9b9 .content {
		margin: 15px;
	}
}


/*
 * components/howitworks/cmp_5fb699ab-9409-4231-b9a0-667724cb98ba/component.css
 */
#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba {
	background-color: rgb(0, 0, 0);
}

#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba h3 {
	color: rgb(255, 255, 255);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}


#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba .btn {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba .btn:hover {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
}

#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba .component-rich-text-with-button__content-row,
#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba .component-rich-text-with-button__button-row {
	padding: 10px 0;
}

@media (min-width: 768px) {
	#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba .component-rich-text-with-button__content-row,
	#cmp_5fb699ab-9409-4231-b9a0-667724cb98ba .component-rich-text-with-button__button-row {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/howitworks/cmp_9adf403e-c47d-47a0-ae95-429437b34c10/component.css
 */
#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 {
	background-color: rgb(155, 155, 155);
}

#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 h2 {
	color: rgb(255, 255, 255);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 p {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 17px;
}


#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 .btn {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 .btn:hover {
	background-color: rgb(155, 155, 155);
	color: #FFFFFF;
}

#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 .component-rich-text-with-button__content-row,
#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 .component-rich-text-with-button__button-row {
	padding: 10px 0;
}

@media (min-width: 768px) {
	#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 .component-rich-text-with-button__content-row,
	#cmp_9adf403e-c47d-47a0-ae95-429437b34c10 .component-rich-text-with-button__button-row {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/index/cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd/component.css
 */
#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd {
  	padding-top: 45px !important;
  	padding-bottom: 0 !important;
    background-color: rgb(28, 207, 201);
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h1 {
	color: rgb(0, 0, 0);
	font-family: Didact Gothic;
	font-size: 48px;
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2 {
	color: rgb(255, 255, 255);
	font-family: Didact Gothic;
	font-size: 60px;
    letter-spacing: 0;
  	line-height: 1;
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2::after {
  	content: "";
	width: 140px;
  	height: 40px;
  	margin-top: 10px;
  	display: block;
  	background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
  	background-position: center;
  	background-size: contain;
  	background-repeat: no-repeat;
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h3 {
	color: rgb(0, 0, 0);
	font-family: Didact Gothic;
	font-size: 24px;
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd p {
	color: rgb(255, 255, 255);
	font-family: Montserrat;
	font-size: 18px;
  	font-weight: 500;
  	line-height: 1.8;
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd img {
	width: 100%;
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd .rethink-link {
  	margin-top: 32px;
    margin-bottom: 45px;
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd .rethink-text {
    border-bottom: 3px solid white;
    color: rgb(255, 255, 255);
    margin-right: 15px;
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd p {
    margin-bottom: 0;
}

#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd a {
	text-decoration: none;
}

@media all and (max-width: 991px) {
    #cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2 {
		font-size: 44px !important;
      	text-align: center !important;
        margin-bottom: 25px;
  	}
  
  	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2::after {
  		margin-left: auto;
      	margin-right: auto;
  	}
  
  	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd p {
		margin-left: 35px;
        margin-right: 35px;
  	}
  
    #cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd img {
        margin: 20px 0;
    }
  
  	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2::after {
      	width: 115px;
  	}
  
  	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd .what-to-expect-checks {
    	margin-top: 45px;
  	}
  
  	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd .what-to-expect-checks p {
      	display: block !important;
  	}
}

@media all and (min-width: 576px) and (max-width: 991px) {
    #cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2 {
      	font-size: 56px !important;
    }
  
  	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2::after {
      	width: 145px;
  	}
}

@media all and (min-width: 768px) and (max-width: 991px) {
    #cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2 {
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    #cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2 {
        font-size: 54px;
    }
}

@media (min-width: 992px) {
	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd {
      	padding-top: 55px !important;
        margin-top: 45px !important;
  	}
  
  	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd p {
		max-width: 580px;
  	}
  
	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd .what-to-expect-image {
        padding-right: 30px;
    }
  
    #cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd .what-to-expect-checks {
      	padding-left: 30px;
		justify-content: center;
        display: flex;
        flex-direction: column;
    }
}

@media all and (min-width: 1200px) {
  
	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd {
      	margin-top: 45px !important;
  	}
}

@media all and (max-width: 575px) {
    #cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd .what-to-expect-image {
        margin-top: 0px;
    }
  
  	#cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd .what-to-expect-checks {
    	margin-top: 0px;
  	}
  
    #cmp_253e827f-ff21-476c-8def-3c03dbd0b2dd h2 {
		margin-left: 5px;
        margin-right: 5px;
  	}  
}
/*
 * components/index/cmp_389b0e61-f063-4228-9925-539f569935e1/component.css
 */
#cmp_389b0e61-f063-4228-9925-539f569935e1 {

    background-repeat: no-repeat !important;
    background-color: rgb(255, 255, 255);
    margin: 0;

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 50px 0;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 h1 {
    color: rgb(122, 122, 122);
    font-family: Didact Gothic;
    font-size: 48px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 h2 {
    color: rgb(122, 122, 122);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 h3 {
    color: rgb(122, 122, 122);
    font-family: Didact Gothic;
    font-size: 30px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 p {
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .hero-content {
    margin: 0;  
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .hero-row {
    margin: 0;
    justify-content: flex-end;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .btn {
    margin: 5px 0;
    white-space: normal;
    transition: background-color 0.25s ease-in-out; 
    border-radius: 50px;
    letter-spacing: 2px;  
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .btn-primary {
    background-color: rgb(28, 207, 201);
    color: rgb(255, 255, 255);
    font-family: Montserrat;
    font-size: 18px;
    padding: 0.8em 0;
    width: 265px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .btn-primary:hover {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .btn-secondary {
    background-color: rgb(242, 191, 160);
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    padding: 0.8em 0;
    width: 265px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .btn-secondary:hover {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

@media (min-width: 768px) {
    #cmp_389b0e61-f063-4228-9925-539f569935e1 .content {
        margin: 0 auto;
        width: 50%;
    }
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 ol {
    list-style: decimal;
    list-style-position: insidone for the;
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 ul {
    list-style: disc;
    list-style-position: inside;
    color: rgb(122, 122, 122);
    font-family: Montserrat;
    font-size: 18px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .xs_only {
    max-width: 300px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .sm_only {
    max-width: 460px;
}

#cmp_389b0e61-f063-4228-9925-539f569935e1 .lg_up {
    max-width: 460px;
    margin: 0 auto;
}

/* ---------- HERO Image ---------- */
@media all and (max-width: 991px) {
    #cmp_389b0e61-f063-4228-9925-539f569935e1 {
      background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/tmpfile-41.png?ts=1602517796&host=my.cratejoy.com) !important;
      background-size: cover !important;
    }
  
    #cmp_389b0e61-f063-4228-9925-539f569935e1  p {
      color: #fff;
    }    
}

@media all and (max-width: 767px) {  
    #cmp_389b0e61-f063-4228-9925-539f569935e1  h1 {
      max-width: 410px;
      margin: 30px auto 60px auto;
      font-size: 44px !important;
      text-align: center;
      color: #fff;
    }
  
    #cmp_389b0e61-f063-4228-9925-539f569935e1  p {
      max-width: 300px;
      margin: 30px auto 60px auto;
      font-size: 22px;
    }  
}

@media all and (min-width: 992px) {
    #cmp_389b0e61-f063-4228-9925-539f569935e1 {
        min-height: 315px;
        background-position: left center !important;
        background-size: contain !important;
    }
}

@media all and (min-width: 1200px) {
    #cmp_389b0e61-f063-4228-9925-539f569935e1 {
        min-height: 360px;
    }
}

@media all and (min-width: 1380px) {
    #cmp_389b0e61-f063-4228-9925-539f569935e1 {
        min-height: 420px;
    }
}

@media all and (min-width: 1560px) {
    #cmp_389b0e61-f063-4228-9925-539f569935e1 {
        min-height: 480px;
    }
}

@media all and (min-width: 1740px) {
    #cmp_389b0e61-f063-4228-9925-539f569935e1 {
        min-height: 540px;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px){
    #cmp_389b0e61-f063-4228-9925-539f569935e1 h1 {
        font-size: 40px;
        margin-bottom: 10px;
        padding: 0 0px;
    }  
}

@media all and (min-width: 768px) and (max-width: 991px){
    #cmp_389b0e61-f063-4228-9925-539f569935e1  h1 {
      max-width: 520px;
      margin: 30px auto 150px auto;
      text-align: center;
      color: #fff;
    }
  
}

@media (max-width: 543px) {
    #cmp_389b0e61-f063-4228-9925-539f569935e1 h1 {
        max-width: 375px;
        font-size: 34px !important;
        margin: 0px auto 10px auto;
    }
  
    #cmp_389b0e61-f063-4228-9925-539f569935e1  p {
      max-width: 290px;
      margin: 20px auto 15px auto;
      font-size: 18px;
    }

}

/*
 * components/index/cmp_a5bd78f7-f387-4cad-a66f-77123626bff1/component.css
 */
#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 {
	background-color: rgb(255, 255, 255);
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .container-fluid {
  	max-width: 1360px;
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .content-row {
	margin: 0;

	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .content {
	background-color: rgb(255, 255, 255);
	border: 5px solid rgb(255, 255, 255);
	margin: 15px 0;
	padding: 25px;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .square-image {
	background-repeat: no-repeat !important;
	background-size: contain !important;
	height: 140px;
	width: 140px;
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 h1 {
	color: rgb(0, 0, 0);
	font-family: Montserrat;
	font-size: 48px;
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 h2 {
	color: rgb(0, 0, 0);
	font-family: Montserrat;
	font-size: 32px;
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 h3 {
  	margin-left: 15px;
  	margin-bottom: 0;
	color: rgb(122, 122, 122);
	font-family: Montserrat;
	font-size: 22px;
  	text-align: left;
  	font-weight: 600;
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 p {
  	margin: 0;
  	display: none;
	color: rgb(77, 70, 70);
	font-family: Didact Gothic;
	font-size: 18px;
  	letter-spacing: 0.5px;
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .step {
	display: flex;
  	align-items: center;
  	justify-content: center;
}

#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .step-description {
	margin-top: 15px;
}

@media all and (max-width: 575px) {
    #cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .step-description {
        margin-top: 0px;
    }  
  
	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .square-image {
      	width: 100px;
      	height: 100px;
  	}
}

@media all and (max-width: 429px) {
	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .square-image + span {
		flex: 1;
    }
}

@media all and (min-width: 430px) and (max-width: 991px) {
  	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .square-image + span {
		min-width: 250px;
    }
}

@media all and (max-width: 991px) {
  	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .step {
  		margin-top: 20px;
  	}
  
    #cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 {
        margin-bottom: 25px;
    }
}

@media all and (min-width: 992px) {
  	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .square-image + span {
        flex: 1;
    }
  
  	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .step {
      	margin-top: 35px;
  	}
  
  	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 h3 {
      	text-align: center;
  	}
  
  	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 p {
      	display: block;
   		max-width: 240px;
     	margin: 0 auto;
  	}
}

@media all and (min-width: 1200px) {
  	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .square-image + span {
		flex: initial;
  	}
  
  	#cmp_a5bd78f7-f387-4cad-a66f-77123626bff1 .step {
      	margin-top: 55px;
  	}
}

/*
 * components/index/cmp_d6263377-b54e-4e80-8fff-042d21cbbea5/component.css
 */
#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 {
    padding: 40px 0;
    background-color: rgb(255, 255, 255);
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 .container-fluid {
    background-color: rgb(255, 255, 255);
    padding: 20px;
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 img{
    max-width: 90vw;
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 h1 {
    color: rgb(0, 0, 0);
    font-family: Maven Pro;
    font-size: 48px;
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 h2 {
    color: rgb(82, 82, 82);
    font-family: Didact Gothic;
    font-size: 60px;
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 h2::after {
  	content: "";
	width: 100%;
  	height: 40px;
  	margin-top: 10px;
  	display: block;
  	background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
  	background-position: center;
  	background-size: 140px;
  	background-repeat: no-repeat;
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 h3 {
    color: rgb(255, 255, 255);
    font-family: Maven Pro;
    font-size: 24px;
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 p {
    color: rgb(77, 70, 70);
    font-family: Lato;
    font-size: 17px;
    max-width: 700px;
    margin: 0 auto;
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 .btn {
 	width: 275px;
	margin: 30px 0 5px 0;
	padding: 0.5em;
	white-space: normal;
  	transition: background-color 0.25s ease-in-out;
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 .btn-primary {
	background-color: rgb(235, 192, 114);
	color: #FFFFFF;
	font-family: Montserrat;
	font-size: 20px;
  	border-radius: 50px;
  	letter-spacing: 2px;
}

#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 .btn-primary:hover,
#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 .btn-primary:focus,
#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 .btn-primary:active {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
}

@media (max-width: 991px) {
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 .content {
        margin: 0 auto;
    }
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 h1 {
        max-width: 300px;
        margin: 0 auto 25px auto;
    }
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 h2 {
		font-size: 44px !important;
      	text-align: center !important;
  	}  
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 p {
        max-width: 450px;
        margin: 0 auto;
    }
	#cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 .btn-primary {
      	margin-top: 40px;
  	}  
}

@media (max-width: 767px) {
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 {
        padding: 20px 0;
    }
   #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 p {
        max-width: 450px;
    }
}

@media (max-width: 543px) {
   
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 h1 {
        font-size: 32px;
        max-width: 225px;
    }
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 p {
        font-size: 14px;
    }
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 h2 {
		font-size: 36px !important;
  	} 
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 img{
        max-width: 100%;
    }  
}

@media all and (min-width: 576px) and (max-width: 991px) {
    #cmp_d6263377-b54e-4e80-8fff-042d21cbbea5 h2 {
      	font-size: 56px !important;
    }
}

/*
 * components/index/cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758/component.css
 */
#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 {
  	padding-top: 45px !important;
	background-color: rgb(255, 255, 255);
}

#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 h2 {
	color: rgb(82, 82, 82);
	font-family: Didact Gothic;
	font-size: 60px;
    letter-spacing: 0;
  	line-height: 1;
}

#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 h2::after {
  	content: "";
	width: 140px;
  	height: 40px;
  	margin-top: 10px;
  	display: block;
  	background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
  	background-position: center;
  	background-size: contain;
  	background-repeat: no-repeat;
}

#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 20px;
}

#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 p {
	color: rgb(122, 122, 122);
	font-family: Montserrat;
	font-size: 18px;
  	font-weight: 600;
  	line-height: 1.8;
}

@media all and (max-width: 991px) {
    #cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 h2 {
		font-size: 44px !important;
      	text-align: center !important;
  	}
  
  	#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 h2::after {
  		margin-left: auto;
      	margin-right: auto;
  	}
  
  	#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 p {
      	text-align: center !important;
        margin: 0 35px;
  	}
  
  	#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 h2::after {
      	width: 115px;
  	}
}

@media all and (min-width: 576px) and (max-width: 991px) {
    #cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 h2 {
      	font-size: 56px !important;
    }
  
  	#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 h2::after {
      	width: 145px;
  	}
}

@media (min-width: 992px) {
	#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 {
      	padding-top: 55px !important;
  	}
}

@media all and (min-width: 1200px) {
	#cmp_ea92d9a2-fd6e-4aa1-8e99-5b857ae01758 {
      	padding-top: 75px !important;
  	}
}
/*
 * components/index/cmp_f1f827c7-47a6-44b5-85b9-b8555461b83f/component.css
 */
#cmp_f1f827c7-47a6-44b5-85b9-b8555461b83f img {
    margin: 0 auto;
	max-width: 100%;
}

.image-mobile {
  	display: block;
}

.image-desktop {
  	display: none;
}

@media (min-width: 768px) {
	.image-mobile {
        display: none;
  	}
  
	.image-desktop {
        display: block;
  	}
}

/*
 * components/index/cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2/component.css
 */
#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 {
  	padding-bottom: 0 !important;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 h2 {
	color: rgb(82, 82, 82);
	font-family: Didact Gothic;
	font-size: 60px;
    letter-spacing: 0;
  	line-height: 1;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 .image-container-1 {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/mens.png?ts=1602517793&host=my.cratejoy.com) !important;
    background-size: cover !important;
    background-position: center center !important;
    padding-top: 20%;
    padding-bottom: 20%;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 .image-container-2 {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/womens.png?ts=1602517797&host=my.cratejoy.com) !important;
    background-size: cover !important;
    background-position: center center !important;
    padding-top: 20%;
    padding-bottom: 20%;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 20px;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 p {
	color: rgb(122, 122, 122);
	font-family: Montserrat;
	font-size: 18px;
  	font-weight: 600;
  	line-height: 1.8;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 .btn {
    margin: 5px 0;
    white-space: normal;
    transition: background-color 0.25s ease-in-out; 
    border-radius: 50px;
    letter-spacing: 2px;  
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 .btn-primary {
    background-color: rgb(28, 207, 201);
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    padding: 0.8em 0;
    width: 265px;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 .btn-primary:hover {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 .btn-secondary {
    background-color: rgb(242, 191, 160);
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 18px;
    padding: 0.8em 0;
    width: 265px;
}

#cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 .btn-secondary:hover {
    background-color: rgb(0, 0, 0);
    color: #FFFFFF;
}

@media all and (max-width: 991px) {
    #cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 .image-container-1 {
        padding-top: 30%;
        padding-bottom: 30%;
    }

    #cmp_fba91a90-0cba-4218-a4ea-e15e6c874bb2 .image-container-2 {
        padding-top: 30%;
        padding-bottom: 30%;
    }
}
/*
 * components/past_boxes/cmp_29f51d60-ac06-44a2-8b6c-c478f112c435/component.css
 */
#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 {
	padding: 0;
}

#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .hero-content {
	background-color: rgb(255, 255, 255);
	padding: 20px;
}

#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .hero-content h1 {
	color: rgb(0, 0, 0);
	font-family: Josefin Sans;
	font-size: 45px;
}

#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .hero-content h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .hero-content h3 {
	color: #FFFFFF;
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .hero-content p {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 17px;
}

#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .hero-content .btn {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .hero-content .btn:hover {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
}


/*
* Add the .square-row class will make the min-height of the columns equal to their width.
*/
#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .square-row > [class^="col-"] {
	min-height: 100vw; /* full view width */
}

@media(min-width: 768px) {
	#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .square-row > .col-md-6 {
		min-height: calc(100vw / 2); /* half the view width */
	}

	#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .square-row > .col-md-4 {
		min-height: calc(100vw / 3); /* third the view width */
	}

	#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .square-row > .col-md-3 {
		min-height: calc(100vw / 4); /* fourth the view width */
	}
}

@media(min-width: 1140px) {
	#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .square-row > .col-md-6 {
		min-height: calc(1140px / 2); /* half the container width */
	}

	#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .square-row > .col-md-4 {
		min-height: calc(1140px / 3); /* third the container width */
	}

	#cmp_29f51d60-ac06-44a2-8b6c-c478f112c435 .square-row > .col-md-3 {
		min-height: calc(1140px / 4); /* fourth the container width */
	}
}

/*
 * components/past_boxes/cmp_3ec08344-a258-49f6-8965-d1438c79c312/component.css
 */
#cmp_3ec08344-a258-49f6-8965-d1438c79c312 {
	padding: 0;
}

#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .hero-content {
	background-color: rgb(255, 255, 255);
	padding: 20px;
}

#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .hero-content h1 {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 45px;
}

#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .hero-content h2 {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 32px;
}

#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .hero-content h3 {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 24px;
}

#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .hero-content p {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 17px;
}

#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .hero-content .btn {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .hero-content .btn:hover {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
}


/*
* Add the .square-row class will make the min-height of the columns equal to their width.
*/
#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .square-row > [class^="col-"] {
	min-height: 100vw; /* full view width */
}

@media(min-width: 768px) {
	#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .square-row > .col-md-6 {
		min-height: calc(100vw / 2); /* half the view width */
	}

	#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .square-row > .col-md-4 {
		min-height: calc(100vw / 3); /* third the view width */
	}

	#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .square-row > .col-md-3 {
		min-height: calc(100vw / 4); /* fourth the view width */
	}
}

@media(min-width: 1140px) {
	#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .square-row > .col-md-6 {
		min-height: calc(1140px / 2); /* half the container width */
	}

	#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .square-row > .col-md-4 {
		min-height: calc(1140px / 3); /* third the container width */
	}

	#cmp_3ec08344-a258-49f6-8965-d1438c79c312 .square-row > .col-md-3 {
		min-height: calc(1140px / 4); /* fourth the container width */
	}
}

/*
 * components/past_boxes/cmp_49b6748a-2ff4-4273-bd68-94d4ee5907b2/component.css
 */
#cmp_49b6748a-2ff4-4273-bd68-94d4ee5907b2 {
	background-color: rgb(255, 255, 255);
}

#cmp_49b6748a-2ff4-4273-bd68-94d4ee5907b2 h1 {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 48px;
}

#cmp_49b6748a-2ff4-4273-bd68-94d4ee5907b2 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_49b6748a-2ff4-4273-bd68-94d4ee5907b2 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_49b6748a-2ff4-4273-bd68-94d4ee5907b2 p {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_49b6748a-2ff4-4273-bd68-94d4ee5907b2 .content {
		margin: 0 auto;
		width: 80%;
	}
}

#cmp_49b6748a-2ff4-4273-bd68-94d4ee5907b2 ol {
	list-style: decimal;
	list-style-position: insidone for the;
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 17px;
}

#cmp_49b6748a-2ff4-4273-bd68-94d4ee5907b2 ul {
	list-style: disc;
	list-style-position: inside;
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 17px;
}

/*
 * components/past_boxes/cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff/component.css
 */
#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff {
	padding: 0;
}

#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .hero-content {
	background-color: rgb(255, 255, 255);
	padding: 20px;
}

#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .hero-content h1 {
	color: rgb(0, 0, 0);
	font-family: Josefin Sans;
	font-size: 45px;
}

#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .hero-content h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .hero-content h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .hero-content p {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 17px;
}

#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .hero-content .btn {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .hero-content .btn:hover {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
}


/*
* Add the .square-row class will make the min-height of the columns equal to their width.
*/
#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .square-row > [class^="col-"] {
	min-height: 100vw; /* full view width */
}

@media(min-width: 768px) {
	#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .square-row > .col-md-6 {
		min-height: calc(100vw / 2); /* half the view width */
	}

	#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .square-row > .col-md-4 {
		min-height: calc(100vw / 3); /* third the view width */
	}

	#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .square-row > .col-md-3 {
		min-height: calc(100vw / 4); /* fourth the view width */
	}
}

@media(min-width: 1140px) {
	#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .square-row > .col-md-6 {
		min-height: calc(1140px / 2); /* half the container width */
	}

	#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .square-row > .col-md-4 {
		min-height: calc(1140px / 3); /* third the container width */
	}

	#cmp_b566b0c3-c1fc-4867-92ec-25019d7da9ff .square-row > .col-md-3 {
		min-height: calc(1140px / 4); /* fourth the container width */
	}
}

/*
 * components/past_boxes/cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3/component.css
 */
#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 {
	padding: 0;
}

#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .hero-content {
	background-color: rgb(255, 255, 255);
	padding: 20px;
}

#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .hero-content h1 {
	color: rgb(0, 0, 0);
	font-family: Josefin Sans;
	font-size: 45px;
}

#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .hero-content h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .hero-content h3 {
	color: #FFFFFF;
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .hero-content p {
	color: rgb(0, 0, 0);
	font-family: Lato;
	font-size: 17px;
}

#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .hero-content .btn {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .hero-content .btn:hover {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
}


/*
* Add the .square-row class will make the min-height of the columns equal to their width.
*/
#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .square-row > [class^="col-"] {
	min-height: 100vw; /* full view width */
}

@media(min-width: 768px) {
	#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .square-row > .col-md-6 {
		min-height: calc(100vw / 2); /* half the view width */
	}

	#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .square-row > .col-md-4 {
		min-height: calc(100vw / 3); /* third the view width */
	}

	#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .square-row > .col-md-3 {
		min-height: calc(100vw / 4); /* fourth the view width */
	}
}

@media(min-width: 1140px) {
	#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .square-row > .col-md-6 {
		min-height: calc(1140px / 2); /* half the container width */
	}

	#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .square-row > .col-md-4 {
		min-height: calc(1140px / 3); /* third the container width */
	}

	#cmp_d2217dab-bf21-4f35-8e94-6a3f48ece7b3 .square-row > .col-md-3 {
		min-height: calc(1140px / 4); /* fourth the container width */
	}
}

/*
 * components/privacy/cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa/component.css
 */
#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa {
	background-color: rgb(255, 255, 255);
}

#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}


#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa .btn {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa .btn:hover {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
}

#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa .component-rich-text-with-button__content-row,
#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa .component-rich-text-with-button__button-row {
	padding: 10px 0;
}

@media (min-width: 768px) {
	#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa .component-rich-text-with-button__content-row,
	#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa .component-rich-text-with-button__button-row {
		margin: 0 auto;
		width: 80%;
	}
}

#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa ol {
	list-style: decimal;
	list-style-position: insidone for the;
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

#cmp_ca93af7e-29bd-4cb7-a3ae-048c59f062aa ul {
	list-style: disc;
	list-style-position: inside;
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

/*
 * components/shop/listing/cmp_86384cd6-eefe-4b15-8671-a501c84957da/component.css
 */
.shop-listing-item {
	color: rgb(77, 70, 70);
}

.shop-listing-item:hover,
.shop-listing-item:focus {
	text-decoration: none;
}

.shop-listing-item__image {
	background-position: center center;
	background-size: cover;
}

.shop-listing-item__name {
	margin: 10px 0;
}

.shop-listing-item__price {
	margin: 10px 0 30px;
}

.product_paging {
	margin: 20px 0;

	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}

.product_page a,
.next_page a,
.prev_page a {
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	display: block;
	margin: 0 2px;
	padding: 12px 15px;
}

.product_page.active a,
.product_page a:hover, .product_page a:focus,
.next_page a:hover, .next_page a:focus,
.prev_page a:hover, .prev_page a:focus {
	background-color: #F9F9F9;
	text-decoration: none;
}

.product_page.active a {
	color: black;
}

/*
 * components/shop/listing/cmp_9db74903-d811-42b7-8545-2cd3c35128e7/component.css
 */
#cmp_9db74903-d811-42b7-8545-2cd3c35128e7 {
	border-bottom: 1px solid #E1E1E1;
	padding: 20px 0 40px 0;
}

#cmp_9db74903-d811-42b7-8545-2cd3c35128e7 ul.nav-pills {
	background-color: #FAFAFA;
	border: 1px solid #EEEEEE;
	border-radius: 3px;
	padding: 3px;
}

/*
 * components/shop/listing/cmp_e050dde6-19a1-4376-b7d8-944d56c963a1/component.css
 */
#cmp_e050dde6-19a1-4376-b7d8-944d56c963a1 {
	padding: 20px 0;
}

#cmp_e050dde6-19a1-4376-b7d8-944d56c963a1 ul.nav-pills {
	background-color: #FAFAFA;
	border: 1px solid #EEEEEE;
	border-radius: 3px;
	padding: 3px;
}

/*
 * components/shop/listing/cmp_eca95740-b8d7-45c4-8bae-c569502be8e1/component.css
 */
#cmp_eca95740-b8d7-45c4-8bae-c569502be8e1 {
	background-color: rgb(255, 255, 255);
}

#cmp_eca95740-b8d7-45c4-8bae-c569502be8e1 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_eca95740-b8d7-45c4-8bae-c569502be8e1 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_eca95740-b8d7-45c4-8bae-c569502be8e1 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_eca95740-b8d7-45c4-8bae-c569502be8e1 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_eca95740-b8d7-45c4-8bae-c569502be8e1 .content {
		margin: 0 auto;
		width: 80%;
	}
}
#cmp_eca95740-b8d7-45c4-8bae-c569502be8e1  {
	padding-bottom: 20px;
}
/*
 * components/shop/product/cmp_0d978ceb-6b68-4e82-bf8f-050a61835482/component.css
 */
#cmp_0d978ceb-6b68-4e82-bf8f-050a61835482.shop-product-header {
	padding: 60px 0 20px 0;
}

/*
 * components/shop/product/cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f/component.css
 */
#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f .shop-product select {
	width: auto;
}

#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f .shop-product__name {
	margin-bottom: 20px;
}

#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f .shop-product__price {
	margin-bottom: 20px;
}

#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f .shop-product__add-to-cart {
	margin-bottom: 20px;
}

#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f .shop-product__review-share-desktop {
	border-top: 1px solid #E1E1E1;
	margin-bottom: 40px;
}

#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f .shop-product__review-share-desktop .rating,
#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f .shop-product__review-share-desktop .sharing {
	padding-top: 10px;
}

#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f .shop-product__review-share-desktop h3,
#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f .shop-product__review-share-mobile h3 {
	margin: 10px 0;
}
#cmp_4fdf555c-09dc-49ae-9d75-ad35f5b0516f  {
	padding-top: 0;
}
/*
 * components/shop/product/cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107/component.css
 */
#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-avg-rating {
	margin-top: 3px;
	margin-bottom: 10px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-rating-text {
	color: rgb(77, 70, 70);
	margin-left: 10px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 #product-reviews-list-row {
	margin-top: 25px;
	margin-bottom: 50px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-reviews-list-heading {
	border-bottom: 1px solid #eee;
	font-family: Maven Pro;
	font-size: 32px;
	color: rgb(255, 255, 255);
	padding-bottom: 10px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-review {
	padding-top: 20px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-review-info {
	margin-bottom: 15px;
	overflow: auto;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-review-meta {
	float: left;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-review-rating {
	float: right;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-review-content {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-review-title {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 15px;
	letter-spacing: 1px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-review-body {
	font-family: Lato;
	font-size: 17px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-rating .cancel-on-png,
#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-rating .cancel-off-png,
#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-rating .star-on-png,
#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-rating .star-off-png,
#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-rating .star-half-png {
	color: rgb(0, 0, 0);
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 #reviews-show-more {
	color: rgb(28, 207, 201);
	display: inline-block;
	margin-top: 15px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .write-review-heading {
	border-bottom: 1px solid #eee;
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 15px;
	letter-spacing: 1px;
	padding-bottom: 10px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .write-review-message {
	font-family: Maven Pro;
	margin: 15px 0;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .write-review-message a {
	color: ;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .write-review-rating-row {
	padding-top: 20px;
	padding-bottom: 20px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .write-review-rating-label {
	font-family: Maven Pro;
	font-size: 14px;
	margin-right: 20px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 #write-review-rating {
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 #write-review-rating .cancel-on-png,
#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 #write-review-rating .cancel-off-png,
#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 #write-review-rating .star-on-png,
#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 #write-review-rating .star-off-png,
#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 #write-review-rating .star-half-png {
	color: rgb(28, 207, 201);
	font-size: 22px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .write-review-title {
	border: 1px solid rgb(77, 70, 70);
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 14px;
	font-weight: 300;
	padding-left: 5px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .write-review-body {
	border: 1px solid rgb(77, 70, 70);
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 14px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .customer-product-review {
	border-bottom: 1px solid #ddd;
	padding: 15px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .customer-product-review:last-child {
	border-bottom: 0;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .customer-product-rating {
	color: rgb(0, 0, 0);
	float: right;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .customer-product-review.customer-product-review-hidden {
	display: none;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .customer-product-review h4 {
	font-size: 13px;
	margin-top: 6px;
	margin-bottom: 10px;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .ecom-product-page .rating {
	border-right: 1px solid #eee;
}

#cmp_796b3f00-a1c0-4325-ad48-1ff1e37ac107 .product-reviews-list-heading {
	margin-bottom: 20px;
}

/*
 * components/sold_out/cmp_223e7554-666a-4a14-acda-771b592003cd/component.css
 */
#cmp_223e7554-666a-4a14-acda-771b592003cd {
	background-color: rgb(255, 255, 255);
}

#cmp_223e7554-666a-4a14-acda-771b592003cd h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_223e7554-666a-4a14-acda-771b592003cd h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_223e7554-666a-4a14-acda-771b592003cd h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_223e7554-666a-4a14-acda-771b592003cd p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}


#cmp_223e7554-666a-4a14-acda-771b592003cd .btn {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_223e7554-666a-4a14-acda-771b592003cd .btn:hover {
	background-color: rgb(0, 0, 0);
	color: #FFFFFF;
}

#cmp_223e7554-666a-4a14-acda-771b592003cd .component-rich-text-with-button__content-row,
#cmp_223e7554-666a-4a14-acda-771b592003cd .component-rich-text-with-button__button-row {
	padding: 10px 0;
}

@media (min-width: 768px) {
	#cmp_223e7554-666a-4a14-acda-771b592003cd .component-rich-text-with-button__content-row,
	#cmp_223e7554-666a-4a14-acda-771b592003cd .component-rich-text-with-button__button-row {
		margin: 0 auto;
		width: 80%;
	}
}
#cmp_223e7554-666a-4a14-acda-771b592003cd  {
	padding-top: 0;
}
/*
 * components/sold_out/cmp_db6d65be-00db-4d7c-a323-7b16bab046e0/component.css
 */
#cmp_db6d65be-00db-4d7c-a323-7b16bab046e0 img {
	max-width: 100%;
}

/*
 * components/subscribe/cmp_0f7bc742-dc79-4933-87c6-7b2c1e551998/component.css
 */
#cmp_0f7bc742-dc79-4933-87c6-7b2c1e551998 {
	background-color: rgb(255, 255, 255);
}

#cmp_0f7bc742-dc79-4933-87c6-7b2c1e551998 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_0f7bc742-dc79-4933-87c6-7b2c1e551998 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_0f7bc742-dc79-4933-87c6-7b2c1e551998 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_0f7bc742-dc79-4933-87c6-7b2c1e551998 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_0f7bc742-dc79-4933-87c6-7b2c1e551998 .content {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/subscribe/cmp_4134ad61-665e-4ee2-b7fc-169e6b3ff591/component.css
 */
#cmp_4134ad61-665e-4ee2-b7fc-169e6b3ff591 {
	background-color: rgb(255, 255, 255);
}

#cmp_4134ad61-665e-4ee2-b7fc-169e6b3ff591 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_4134ad61-665e-4ee2-b7fc-169e6b3ff591 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_4134ad61-665e-4ee2-b7fc-169e6b3ff591 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_4134ad61-665e-4ee2-b7fc-169e6b3ff591 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_4134ad61-665e-4ee2-b7fc-169e6b3ff591 .content {
		margin: 0 auto;
		width: 80%;
	}
}
#cmp_4134ad61-665e-4ee2-b7fc-169e6b3ff591  {
	padding-bottom: 0;
}
/*
 * components/subscribe/cmp_885f9142-345d-4b71-af40-c3ae2a99b843/component.css
 */
#cmp_885f9142-345d-4b71-af40-c3ae2a99b843 {
	background-color: #FFFFFF;
}

#cmp_885f9142-345d-4b71-af40-c3ae2a99b843 .content-row {
	margin: 0;

	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
}

#cmp_885f9142-345d-4b71-af40-c3ae2a99b843 .content {
	background-color: #FFFFFF;
	border: 5px solid rgb(255, 255, 255);
	margin: 15px 0;
	padding: 25px;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#cmp_885f9142-345d-4b71-af40-c3ae2a99b843 .square-image {
	background-repeat: no-repeat !important;
	background-size: contain !important;
	height: 200px;
	margin: 0 0 15px 0;
	width: 200px;
}

#cmp_885f9142-345d-4b71-af40-c3ae2a99b843 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_885f9142-345d-4b71-af40-c3ae2a99b843 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_885f9142-345d-4b71-af40-c3ae2a99b843 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_885f9142-345d-4b71-af40-c3ae2a99b843 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_885f9142-345d-4b71-af40-c3ae2a99b843 .content {
		margin: 15px;
	}
}
#cmp_885f9142-345d-4b71-af40-c3ae2a99b843  {
	padding-top: 0;
}
/*
 * components/subscribe/cmp_c2451651-945a-4c45-9592-0e9feee19ce4/component.css
 */
#cmp_c2451651-945a-4c45-9592-0e9feee19ce4 {
	background-color: rgb(255, 255, 255);
	padding-bottom: 0;
}

#cmp_c2451651-945a-4c45-9592-0e9feee19ce4 .progress-bar-container {
	position: relative;
}

#cmp_c2451651-945a-4c45-9592-0e9feee19ce4 .progress-bar-filler {
	background: #F3F2F0;
	width: 90%;
	height: 2px;
	margin: 0 5%;
	position: absolute;
	top: 8px;
	right: 0;
	left: 0;
	z-index: 10;
}

#cmp_c2451651-945a-4c45-9592-0e9feee19ce4 .progress-bar {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;

	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

#cmp_c2451651-945a-4c45-9592-0e9feee19ce4 .progress-bar .step {
	color: rgb(77, 70, 70);

	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#cmp_c2451651-945a-4c45-9592-0e9feee19ce4 .progress-bar .step .point {
	background-color: rgb(255, 255, 255);
	border: 4px solid #F3F2F0;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	z-index: 20;
}

#cmp_c2451651-945a-4c45-9592-0e9feee19ce4 .progress-bar .step.active .point {
	background-color: rgb(0, 0, 0);;
}

@media(min-width: 768px) and (max-width: 991px) {
	#cmp_c2451651-945a-4c45-9592-0e9feee19ce4 .progress-bar::before {
		margin: 0 7%;
		width: 86%;
	}
}
/*
 * components/subscribe/cmp_c3d9b3c4-f745-41a7-ba3b-dea77475682e/component.css
 */
#cmp_c3d9b3c4-f745-41a7-ba3b-dea77475682e {
	background-color: #F3F2F0;
}

#cmp_c3d9b3c4-f745-41a7-ba3b-dea77475682e h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_c3d9b3c4-f745-41a7-ba3b-dea77475682e p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

#cmp_c3d9b3c4-f745-41a7-ba3b-dea77475682e .sf-item {
	background-color: rgb(255, 255, 255);
}
/*
 * components/subscribe_flow/survey_step/cmp_5987850f-f1b6-423e-84c8-b7baa084d9c3/component.css
 */
#cmp_5987850f-f1b6-423e-84c8-b7baa084d9c3 {
	background-color: rgb(255, 255, 255);
}

#cmp_5987850f-f1b6-423e-84c8-b7baa084d9c3 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_5987850f-f1b6-423e-84c8-b7baa084d9c3 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}
/*
 * components/subscribe_flow/survey_step/cmp_aa5705b0-2afc-4a22-ad06-7d310d386180/component.css
 */
#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180 {
	background-color: #FFFFFF;
}

#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180 .content-row {
	margin: 0;

	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
}

#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180 .content {
	background-color: #FFFFFF;
	border: 5px solid rgb(255, 255, 255);
	margin: 15px 0;
	padding: 25px;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180 .square-image {
	background-repeat: no-repeat !important;
	background-size: contain !important;
	height: 200px;
	margin: 0 0 15px 0;
	width: 200px;
}

#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180 .content {
		margin: 15px;
	}
}
#cmp_aa5705b0-2afc-4a22-ad06-7d310d386180  {
	padding-top: 0;
}
/*
 * components/subscribe_flow/survey_step/cmp_aab2d3b9-0ad8-41c0-979d-47a815c89593/component.css
 */
#cmp_aab2d3b9-0ad8-41c0-979d-47a815c89593 {
	background-color: rgb(255, 255, 255);
	padding-bottom: 0;
}

#cmp_aab2d3b9-0ad8-41c0-979d-47a815c89593 .progress-bar-container {
	position: relative;
}

#cmp_aab2d3b9-0ad8-41c0-979d-47a815c89593 .progress-bar-filler {
	background: #F3F2F0;
	width: 90%;
	height: 2px;
	margin: 0 5%;
	position: absolute;
	top: 8px;
	right: 0;
	left: 0;
	z-index: 10;
}

#cmp_aab2d3b9-0ad8-41c0-979d-47a815c89593 .progress-bar {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;

	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

#cmp_aab2d3b9-0ad8-41c0-979d-47a815c89593 .progress-bar .step {
	color: rgb(77, 70, 70);

	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#cmp_aab2d3b9-0ad8-41c0-979d-47a815c89593 .progress-bar .step .point {
	background-color: rgb(255, 255, 255);
	border: 4px solid #F3F2F0;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	z-index: 20;
}

#cmp_aab2d3b9-0ad8-41c0-979d-47a815c89593 .progress-bar .step.active .point {
	background-color: rgb(0, 0, 0);;
}

@media(min-width: 768px) and (max-width: 991px) {
	#cmp_aab2d3b9-0ad8-41c0-979d-47a815c89593 .progress-bar::before {
		margin: 0 7%;
		width: 86%;
	}
}
/*
 * components/subscribe_flow/survey_step/cmp_ac76eccf-2355-40a0-8ff9-7292a52389b3/component.css
 */
#cmp_ac76eccf-2355-40a0-8ff9-7292a52389b3 {
	background-color: #F3F2F0;
}

#cmp_ac76eccf-2355-40a0-8ff9-7292a52389b3 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_ac76eccf-2355-40a0-8ff9-7292a52389b3 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

/*
 * components/subscribe_flow/survey_step/cmp_e73a7146-4f03-4408-bcbc-983ff7f0dcaf/component.css
 */
#cmp_e73a7146-4f03-4408-bcbc-983ff7f0dcaf {
	background-color: rgb(255, 255, 255);
}

#cmp_e73a7146-4f03-4408-bcbc-983ff7f0dcaf h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_e73a7146-4f03-4408-bcbc-983ff7f0dcaf h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_e73a7146-4f03-4408-bcbc-983ff7f0dcaf h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_e73a7146-4f03-4408-bcbc-983ff7f0dcaf p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_e73a7146-4f03-4408-bcbc-983ff7f0dcaf .content {
		margin: 0 auto;
		width: 80%;
	}
}
#cmp_e73a7146-4f03-4408-bcbc-983ff7f0dcaf  {
	padding-bottom: 0;
}
/*
 * components/subscribe_flow/terms_step/cmp_23315f94-411d-4d4b-a1b0-a0f5ff1ffa54/component.css
 */
#cmp_23315f94-411d-4d4b-a1b0-a0f5ff1ffa54 h1 {
  margin-bottom: 0;
  padding: 12px 8px;
  display: inline-block;
  border-radius: 5px;
  background-color: rgb(235, 192, 114);
  color: rgb(255, 255, 255);
  font-family: Montserrat;
  font-size: 48px;
  text-transform: uppercase;
}

#cmp_23315f94-411d-4d4b-a1b0-a0f5ff1ffa54 h1 .sf__terms-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

#cmp_23315f94-411d-4d4b-a1b0-a0f5ff1ffa54 h1 .sf__terms-index {
  margin-right: 4px;
  padding-right: 8px;
  position: relative;
  color: rgb(255, 255, 255);
  font-family: Maven Pro;
  font-size: 72px;
  font-weight: 800;
}

#cmp_23315f94-411d-4d4b-a1b0-a0f5ff1ffa54 h1 .sf__terms-index::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2px;
  width: 1px;
  background: #fff;
}


@media all and (max-width: 767px) {
  #cmp_23315f94-411d-4d4b-a1b0-a0f5ff1ffa54 .col-xs-12 {
    padding: 0;
  }

  #cmp_23315f94-411d-4d4b-a1b0-a0f5ff1ffa54 h1 {
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
    border-radius: 0;
    font-size: 24px;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  #cmp_23315f94-411d-4d4b-a1b0-a0f5ff1ffa54 h1 {
    font-size: 42px;
  }
}
/*
 * components/subscribe_flow/terms_step/cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00/component.css
 */
#cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 {
  padding-top: 0;
  background-image: url(None);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media all and (min-width: 768px) {
  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 .sf-grid .col-sm-6:nth-child(3),
  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 .sf-grid .col-sm-6:nth-child(4) {
    margin-top: 45px;
  }
}

@media all and (min-width: 1200px) {
  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 > .container {

  }

  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 .sf-grid .col-sm-6:nth-child(even) {
    padding-left: 45px;
  }

  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 .sf-grid .col-sm-6:nth-child(odd) {
    padding-right: 45px;
  }

  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 .sf-grid .col-sm-6:nth-child(3),
  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 .sf-grid .col-sm-6:nth-child(4) {
    margin-top: 60px;
  }
}

#cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 .sf-item {
  margin: 0;
  padding: 0;
  border: 0;
}

@media all and (max-width: 767px) {
  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 {
    background-image: url(None);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 > .container {
    padding: 0 60px;
  }

  #cmp_72263ae5-35d6-4d60-9edf-14578a4cbf00 .sf-grid .col-xs-12:not(:last-child) {
    margin-bottom: 45px;
  }
}
/*
 * components/subscribe_flow/variant_step/cmp_1ad703a4-6943-496e-be59-50c737a41848/component.css
 */
#cmp_1ad703a4-6943-496e-be59-50c737a41848 img {
  max-width: 100%;
}

#cmp_1ad703a4-6943-496e-be59-50c737a41848 #sizes-modal .modal-lg {
  max-width: 100%;
}

@media all and (max-width: 767px) {
  #cmp_1ad703a4-6943-496e-be59-50c737a41848 .sizeguide--desktop {
    display: none;
  }
  
  #cmp_1ad703a4-6943-496e-be59-50c737a41848 .sizeguide--mobile {
    display: block;
  }
}

@media all and (min-width: 768px) {
  #cmp_1ad703a4-6943-496e-be59-50c737a41848 .sizeguide--desktop {
    display: block;
  }
  
  #cmp_1ad703a4-6943-496e-be59-50c737a41848 .sizeguide--mobile {
    display: none;
  }
}

/*
 * components/subscribe_flow/variant_step/cmp_4baa0209-acfa-4133-9169-bfb91ff52c46/component.css
 */
#cmp_4baa0209-acfa-4133-9169-bfb91ff52c46 {
  padding: 25px 0 25px;
}

@media all and (max-width: 767px) {
  #cmp_4baa0209-acfa-4133-9169-bfb91ff52c46 {
    padding: 40px 0 25px;
  }
}

#cmp_4baa0209-acfa-4133-9169-bfb91ff52c46 h2 {
  margin-bottom: 0;
  display: inline-block;
  color: rgb(122, 122, 122);
  font-family: Didact Gothic;
  font-size: 60px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
}

#cmp_4baa0209-acfa-4133-9169-bfb91ff52c46 h2::after {
  content: "";
  width: 140px;
  height: 40px;
  margin-top: 10px;
  display: block;
  background-image: url(//d3a1v57rabk2hm.cloudfront.net/hellabasics/fashion_mobile-copy-0/images/how-it-works-separator.png?ts=1602517792&host=my.cratejoy.com);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media all and (max-width: 991px) {
  #cmp_4baa0209-acfa-4133-9169-bfb91ff52c46 h2 {
    width: 100%;
    font-size: 30px !important;
    text-align: left !important;
  }

  #cmp_4baa0209-acfa-4133-9169-bfb91ff52c46 h2::after {
    width: 115px;
  }
}

@media all and (min-width: 576px) and (max-width: 991px) {
  #cmp_4baa0209-acfa-4133-9169-bfb91ff52c46 h2 {
    font-size: 56px !important;
  }

  #cmp_4baa0209-acfa-4133-9169-bfb91ff52c46 h2::after {
    width: 145px;
  }
}

/*
 * components/subscribe_flow/variant_step/cmp_6d038b69-5280-4582-b74c-27d7155c247e/component.css
 */
#cmp_6d038b69-5280-4582-b74c-27d7155c247e {
  padding-top: 25px;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e {
    padding-top: 0;
  }
}

@media all and (min-width: 768px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e {
    position: relative;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__badge {
  padding: 18px 20px 24px 50px;
  display: inline-block;
  background: rgb(235, 192, 114);
  border-radius: 0 10px 10px 0; 
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__badge {
    padding: 20px 20px 25px 50px;
    display: block;
    border-radius: 0;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__badge-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__badge-container {
    justify-content: start;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__badge-index {
  display: inline-block;
  position: relative;
  padding-right: 6px;
  background: rgb(235, 192, 114);
  color: rgb(255, 255, 255);
  font-family: Maven Pro;
  font-size: 72px;
  font-weight: 800;
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__badge-index::after {
  content: '';
  position: absolute;
  top: -16px;
  bottom: 0;
  right: 2px;
  width: 1px;
  height: 62px;
  background: #fff;
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__badge-name {
  margin-top: 5px;
  padding-left: 5px;
  display: inline-block;
  background: rgb(235, 192, 114);
  color: rgb(255, 255, 255);
  font-family: Montserrat;
  font-size: 46px;
  line-height: 1;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__badge-name {
    font-size: 24px;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__description {
  width: 646px;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 3%;
  color: rgb(122, 122, 122);
  font-family: Maven Pro;
  font-size: 20px;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__description {
    display: none;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__description--mobile {
    display: block;
    width: auto;
    margin: 20px 0 0 0;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__description--mobile p {
    text-align: center !important;
  }
}

@media all and (min-width: 768px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__description {
    display: block;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__description--mobile {
    display: none;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__description p {
  margin-bottom: 0;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--mobile {
    display: block;
    margin: 20px auto 20px auto;
    max-width: 100%;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--desktop {
    display: none;
  }
}

@media all and (min-width: 768px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--mobile {
    display: none;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--desktop {
    display: block;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image {
    position: absolute;
    z-index: -1;
    bottom: -10px;
  }
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--mobile.sf__image--boxer-briefs {
    margin: 40px auto;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--mobile.sf__image--underwear {
    margin: 40px auto;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--t-shirt {
    width: 600px;
    left: -100px;
  }
  
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--shirt {
    width: 600px;
    left: -100px;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--boxer-briefs {
    width: 470px;
    left: 0;
    bottom: 114px;
  }
  
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--underwear {
    width: 440px;
    left: 0;
    bottom: 150px;
  }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--t-shirt {
    width: 700px;
    left: -100px;
  }
  
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--shirt {
    width: 700px;
    left: -100px;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--boxer-briefs {
    width: 600px;
    left: 0;
    bottom: 70px;
  }
  
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--underwear {
    width: 575px;
    left: 0;
    bottom: 150px;
  }
}

@media all and (min-width: 1200px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--t-shirt {
    width: 725px;
    left: 0;
  }
  
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--shirt {
    width: 725px;
    left: 0;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--boxer-briefs {
    width: 725px;
    left: 0;
    bottom: -60px;
  }
  
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__image--underwear {
    width: 675px;
    left: 0;
    bottom: 150px;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__sizes-title {
  margin-bottom: 5px;
  color: rgb(122, 122, 122);
  font-family: Montserrat;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 7px;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__sizes-title {
    margin-top: 40px;
    font-size: 24px;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__view-size-guide {
  margin-bottom: 5px;
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__view-size-guide a {
  display: inline-block;
  position: relative;
  color: rgb(28, 207, 201);
  font-family: Didact Gothic;
  font-size: 26px;
  letter-spacing: 3px;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__view-size-guide {
    margin-bottom: 15px;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__view-size-guide a {
    font-size: 22px;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__view-size-guide a::before {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgb(28, 207, 201);
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__waitlist {
  margin-top: 5px;
  color: rgb(122, 122, 122);
  font-family: Didact Gothic;
  font-size: 20px;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__waitlist {
    margin-top: 15px;
  }
}

@media all and (min-width: 576px) and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__waitlist {
    padding-left: 90px;
    padding-right: 90px;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__waitlist a {
  color: inherit;
  text-decoration: underline;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf-grid {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media all and (min-width: 576px) and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf-grid {
    padding-left: 120px;
    padding-right: 120px;
  }
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf-grid__container {
  padding: 0;
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf-item {
  margin: 10px 10px 0 0;
  padding: 0;
  background: #fff;
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf-item img {
  border-radius: 4px;
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-wrapper {
  padding: 20px 0;
  background-color: rgb(235, 192, 114);
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-text {
  color: rgb(255, 255, 255);
  font-family: Didact Gothic;
  font-size: 25px;
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-text p {
  line-height: 1.25;
}

#cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-text h3 {
  margin-bottom: 2px;
  color: rgb(255, 255, 255);
  font-family: Montserrat;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 1.25px;
}

@media all and (max-width: 767px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-wrapper {
    margin-top: 35px;
  	padding: 70px 0 50px 0;
    position: relative;
  }
  
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-image {
    width: 90px;
    height: 90px;
    position: absolute;
    top: -20px;
    right: 10px;
  }
  
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-image img {
	width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

@media all and (min-width: 768px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 240px;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-image {
    margin-left: 10px;
  }

  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-image img {
    max-width: 124px;
    height: auto;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-content {
    padding: 0 35px;
  }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
  #cmp_6d038b69-5280-4582-b74c-27d7155c247e .sf__socks-content {
    padding: 0 145px;
  }
}

/*
 * components/subscribe_flow/variant_step/cmp_91ecfd8b-f47b-4d41-840f-bbba082fb67f/component.css
 */
#cmp_91ecfd8b-f47b-4d41-840f-bbba082fb67f {
  padding-top: 0;
  padding-bottom: 0;
}

#cmp_91ecfd8b-f47b-4d41-840f-bbba082fb67f h2 {
  margin-bottom: 0;
  color: rgb(122, 122, 122);
  font-family: Montserrat;
  font-size: 30px;
  font-weight: bold;
}

@media all and (max-width: 767px) {
  #cmp_91ecfd8b-f47b-4d41-840f-bbba082fb67f {
    display: none;
  }
}

/*
 * components/view-cart/cmp_68fe9400-3d85-4166-804e-45e257a210b5/component.css
 */
#cmp_68fe9400-3d85-4166-804e-45e257a210b5 {
	padding: 15px 15px 100px 15px;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .cart-thead {
	border-bottom: 1px solid #E1E1E1;
	padding: 10px 0;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .cart-thead h3 {
	text-transform: uppercase;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .cart-item {
	border: 1px solid #E1E1E1;
	padding: 25px 0;
	position: relative;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .product-main {
	margin: 0 0 15px 0;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .product-label p {
	margin: 0;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .product-label .info {
	color: rgb(0, 0, 0);
	text-align: right;
	text-transform: uppercase;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .product-label .meta {
	color: rgb(77, 70, 70);
	font-size: 17px;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .product-rem-btn {
	position: absolute;
	right: 1%;
	top: 1%;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 figure {
	margin: 0 0 15px 0;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .cart-subtotal {
	margin: 50px 0 0 0;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .cart-subtotal h2 {
	margin: 0 0 15px 0;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .cart-subtotal h3 {
	margin: 0 0 25px 0;
	text-transform: uppercase;
}

#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .cart-subtotal p {
	margin: 0 0 25px 0;
}

@media (min-width: 768px) {
	#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .cart-item {
		border-width: 0 0 1px 0;
	}
	#cmp_68fe9400-3d85-4166-804e-45e257a210b5 .product-rem-btn {
		top: 40%;
	}
	#cmp_68fe9400-3d85-4166-804e-45e257a210b5 figure {
		margin: 0;
	}
}

/*
 * components/view-cart/cmp_74ebb994-68fe-4638-af83-5259cc9ab347/component.css
 */
#cmp_74ebb994-68fe-4638-af83-5259cc9ab347 {
	background-color: rgb(255, 255, 255);
}

#cmp_74ebb994-68fe-4638-af83-5259cc9ab347 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_74ebb994-68fe-4638-af83-5259cc9ab347 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_74ebb994-68fe-4638-af83-5259cc9ab347 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_74ebb994-68fe-4638-af83-5259cc9ab347 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_74ebb994-68fe-4638-af83-5259cc9ab347 .content {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/why_basics/cmp_05395239-0043-46c6-a900-bd731047ceb9/component.css
 */
#cmp_05395239-0043-46c6-a900-bd731047ceb9 {
	background-color: rgb(255, 255, 255);
}

#cmp_05395239-0043-46c6-a900-bd731047ceb9 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_05395239-0043-46c6-a900-bd731047ceb9 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_05395239-0043-46c6-a900-bd731047ceb9 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_05395239-0043-46c6-a900-bd731047ceb9 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_05395239-0043-46c6-a900-bd731047ceb9 .content {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/why_basics/cmp_0d3ce009-78d5-4f59-bde3-4050a554c33c/component.css
 */
#cmp_0d3ce009-78d5-4f59-bde3-4050a554c33c img {
	max-width: 100%;
}

/*
 * components/why_basics/cmp_281ea5b9-71f9-4478-b5a7-4b1993b19b31/component.css
 */
#cmp_281ea5b9-71f9-4478-b5a7-4b1993b19b31 img {
	max-width: 100%;
}

/*
 * components/why_basics/cmp_482d9928-7bc8-4fdc-a18a-fe6f6fea61c4/component.css
 */
#cmp_482d9928-7bc8-4fdc-a18a-fe6f6fea61c4 {
	background-color: rgb(255, 255, 255);
}

#cmp_482d9928-7bc8-4fdc-a18a-fe6f6fea61c4 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_482d9928-7bc8-4fdc-a18a-fe6f6fea61c4 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_482d9928-7bc8-4fdc-a18a-fe6f6fea61c4 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_482d9928-7bc8-4fdc-a18a-fe6f6fea61c4 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_482d9928-7bc8-4fdc-a18a-fe6f6fea61c4 .content {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/why_basics/cmp_74953ece-666b-4cad-ba4f-9542983b4e7e/component.css
 */
#cmp_74953ece-666b-4cad-ba4f-9542983b4e7e img {
	max-width: 100%;
}

/*
 * components/why_basics/cmp_8f1e633e-0f8f-4b98-bcbd-23ff226cc0f3/component.css
 */
#cmp_8f1e633e-0f8f-4b98-bcbd-23ff226cc0f3 img {
	max-width: 100%;
}

/*
 * components/why_basics/cmp_de068518-cf0e-4437-9949-e44146a9ba4b/component.css
 */
#cmp_de068518-cf0e-4437-9949-e44146a9ba4b {
	background-color: rgb(0, 0, 0);
}

#cmp_de068518-cf0e-4437-9949-e44146a9ba4b h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_de068518-cf0e-4437-9949-e44146a9ba4b h2 {
	color: rgb(255, 255, 255);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_de068518-cf0e-4437-9949-e44146a9ba4b h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_de068518-cf0e-4437-9949-e44146a9ba4b p {
	color: rgb(255, 255, 255);
	font-family: Lato;
	font-size: 17px;
}


#cmp_de068518-cf0e-4437-9949-e44146a9ba4b .btn {
	background-color: rgb(28, 207, 201);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
}

#cmp_de068518-cf0e-4437-9949-e44146a9ba4b .btn:hover {
	background-color: rgb(155, 155, 155);
	color: #FFFFFF;
}

#cmp_de068518-cf0e-4437-9949-e44146a9ba4b .component-rich-text-with-button__content-row,
#cmp_de068518-cf0e-4437-9949-e44146a9ba4b .component-rich-text-with-button__button-row {
	padding: 10px 0;
}

@media (min-width: 768px) {
	#cmp_de068518-cf0e-4437-9949-e44146a9ba4b .component-rich-text-with-button__content-row,
	#cmp_de068518-cf0e-4437-9949-e44146a9ba4b .component-rich-text-with-button__button-row {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/why_basics/cmp_e141d3cd-0085-431f-af67-d32e355d6f11/component.css
 */
#cmp_e141d3cd-0085-431f-af67-d32e355d6f11 {
	background-color: rgb(255, 255, 255);
}

#cmp_e141d3cd-0085-431f-af67-d32e355d6f11 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_e141d3cd-0085-431f-af67-d32e355d6f11 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_e141d3cd-0085-431f-af67-d32e355d6f11 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_e141d3cd-0085-431f-af67-d32e355d6f11 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_e141d3cd-0085-431f-af67-d32e355d6f11 .content {
		margin: 0 auto;
		width: 80%;
	}
}
/*
 * components/why_basics/cmp_feabeb1c-6c8c-45ed-84b8-6d3f5233ae56/component.css
 */
#cmp_feabeb1c-6c8c-45ed-84b8-6d3f5233ae56 {
	background-color: rgb(255, 255, 255);
}

#cmp_feabeb1c-6c8c-45ed-84b8-6d3f5233ae56 h1 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 48px;
}

#cmp_feabeb1c-6c8c-45ed-84b8-6d3f5233ae56 h2 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 32px;
}

#cmp_feabeb1c-6c8c-45ed-84b8-6d3f5233ae56 h3 {
	color: rgb(0, 0, 0);
	font-family: Maven Pro;
	font-size: 24px;
}

#cmp_feabeb1c-6c8c-45ed-84b8-6d3f5233ae56 p {
	color: rgb(77, 70, 70);
	font-family: Lato;
	font-size: 17px;
}

@media (min-width: 768px) {
	#cmp_feabeb1c-6c8c-45ed-84b8-6d3f5233ae56 .content {
		margin: 0 auto;
		width: 80%;
	}
}