@font-face {
	font-family: 'Outfit';
	src: url('../fonts/outfit/Outfit-ExtraBold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Outfit';
	src: url('../fonts/outfit/Outfit-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Outfit';
	src: url('../fonts/outfit/Outfit-Black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Outfit';
	src: url('../fonts/outfit/Outfit-ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Outfit';
	src: url('../fonts/outfit/Outfit-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Outfit';
	src: url('../fonts/outfit/Outfit-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Outfit';
	src: url('../fonts/outfit/Outfit-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Outfit';
	src: url('../fonts/outfit/Outfit-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Outfit';
	src: url('../fonts/outfit/Outfit-Thin.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

/* ### icons ### */
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon/icomoon.eot?er4fgd');
    src:  url('../fonts/icomoon/icomoon.eot?er4fgd#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.ttf?er4fgd') format('truetype'),
    url('../fonts/icomoon/icomoon.woff?er4fgd') format('woff'),
    url('../fonts/icomoon/icomoon.svg?er4fgd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-snapchat:before {
	content: "\e911";
}
.icon-arrow-left:before {
	content: "\e900";
}
.icon-arrow-right:before {
	content: "\e901";
}
.icon-bag-alt:before {
	content: "\e902";
}
.icon-bluetooth:before {
	content: "\e903";
}
.icon-check:before {
	content: "\e904";
}
.icon-close:before {
	content: "\e905";
}
.icon-delete:before {
	content: "\e906";
}
.icon-favorite-fill:before {
	content: "\e907";
}
.icon-favorite:before {
	content: "\e908";
}
.icon-home:before {
	content: "\e909";
}
.icon-info:before {
	content: "\e90a";
}
.icon-person:before {
	content: "\e90b";
}
.icon-search:before {
	content: "\e90c";
}
.icon-select-arrow:before {
	content: "\e90d";
}
.icon-shopping-bag:before {
	content: "\e90e";
}
.icon-star-fill:before {
	content: "\e90f";
}
.icon-star:before {
	content: "\e910";
}
.icon-facebook2:before {
	content: "\ea91";
}
.icon-instagram:before {
	content: "\ea92";
}
.icon-twitter:before {
	content: "\ea96";
}