/* Utilities */

/* Colors */
.bg-transparent {
	background-color:transparent;
}

.bg-black {
	background-color:#000;
}

.bg-black-1 {
	background-color:#1E1E1E;
}

.bg-dark-grey {
	background-color:#707070;
}

.bg-white {
	background-color:#fff;
}

.bg-plum {
	background-color:#861E5D;
}

.bg-grey {
	background-color:#DFDCD8;
}

.bg-grey-2 {
	background-color:#F6F6F6;
}

.bg-grey-3 {
	background-color:#C0C0C0;
}

.bg-yellow-green {
	background-color:#D7D43A;
}

.bg-green {
	background-color:#09AE00;
}

.bg-red {
	background-color:#6E0209;
}

.bg-red-2 {
	background-color:#D97173;
}

.bg-orange {
	background-color:#FAA216;
}

.bg-rgba-0-0-0-75 {
	background-color:rgba(0,0,0,0.75);
}

.bg-transparent {
	background-color:transparent;
}

.background-position-0-50pct {
	background-position:0 50%;
}

.background-size-contain {
	background-size:contain;
}

.background-no-repeat {
	background-repeat:no-repeat;
}

.background-image-none-important {
	background-image:none !important;
}

.text-black {
	color:#000;
}

.text-white {
	color:#fff;
}

.text-green {
	color:#09AE00;
}

.text-plum {
	color:#861E5D;
}

.text-red {
	color:#6E0209;
}

.text-dark-grey {
	color:#707070;
}

.text-yellow {
	color:#FFCE01;
}

b, .bold-text, .strong, 
strong, .strong-text {
	font-weight:700;
}

.vertical-align-middle,
.valign-center {
	vertical-align:middle;
}

.vertical-align-bottom {
	vertical-align:bottom;
}

.text-decoration-none {
	text-decoration:none;
}

.text-decoration-underline,
.text-underline {
	text-decoration:underline;
}

.normal-font,
.normal-text {
	font-weight:400;
}

.medium-bold-text {
	font-weight:500;
}

.line-height-1 {
	line-height:1;
}

.font-size-12px {
	font-size:12px;
	line-height:normal;
}

.font-size-14px {
	font-size:14px;
	line-height:normal;
}

.font-size-16px {
	font-size:16px;
	line-height:normal;
}

.font-size-20px {
	font-size:20px;
	line-height:normal;
}

.font-size-24px {
	font-size:24px;
	line-height:normal;
}

.font-size-30px {
	font-size:30px;
	line-height:normal;
}

.font-size-36px {
	font-size:36px;
	line-height:normal;
}

.font-family-luxia {
	font-family:'Luxia';
}

/* width/height */
.w-auto {
	width:auto;
}

.w-20pct {
	width:20%;
}

.w-47pct {
	width:47%;
}

.w-50pct {
	width:50%;
}

.w-90pct {
	width:90%;
}

.w-100pct {
	width:100%;
}

.w-100vw {
	width:100vw;
}

.w-0 {
	width:0;
}

.w-6px {
	width:6px;
}

.w-10px {
	width:10px;
}

.w-15px {
	width:15px;
}

.w-19px {
	width:19px;
}

.w-22px {
	width:22px;
}

.w-24px {
	width:24px;
}

.w-29px {
	width:29px;
}

.w-30px {
	width:30px;
}

.w-32px {
	width:32px;
}

.w-40px {
	width:40px;
}

.w-58px {
	width:58px;
}

.w-60px {
	width:60px;
}

.w-64px {
	width:64px;
}

.w-72px {
	width:72px;
}

.w-75px {
	width:75px;
}

.w-80px {
	width:80px;
}

.w-86px {
	width:86px;
}

.w-92px {
	width:92px;
}

.w-98px {
	width:98px;
}

.w-120px {
	width:120px;
}

.w-124px {
	width:124px;
}

.w-126px {
	width:126px;
}

.w-127px {
	width:127px;
}

.w-142px {
	width:142px;
}

.w-150px {
	width:150px;
}

.w-312px {
	width:312px;
}

.w-320px {
	width:320px;
}

.min-width-92px {
	min-width:92px;
}

.max-width-90pct {
	max-width:90%;
}

.max-width-1400px {
	max-width:1400px;
}

.h-inherit {
	height:inherit;
}

.h-90pct {
	height:90%;
}

.h-1px {
	height:1px;
}

.h-6px {
	height:6px;
}

.h-16px {
	height:16px;
}

.h-19px {
	height:19px;
}

.h-22px {
	height:22px;
}

.h-24px {
	height:24px;
}

.h-27px {
	height:27px;
}

.h-32px {
	height:32px;
}

.h-40px {
	height:40px;
}

.h-65px {
	height:65px;
}

.h-120px {
	height:120px;
}

.h-145px {
	height:145px;
}

.h-238px {
	height:238px;
}

.h-400px {
	height:400px;
}

.h-484px {
	height:484px;
}

.h-720px {
	height:720px;
}

.min-height-145px {
	min-height:145px;
}

.min-height-297px {
	min-height:297px;
}

.min-height-400px {
	min-height:400px;
}

.min-height-484px {
	min-height:484px;
}

.max-height-90pct {
	max-height:90%;
}

.max-height-100 {
	max-height:100%;
}

/* Position */
.top--10px {
	top:-10px;
}

.top-50pct {
	top:50%;
}

.top-0px {
	top:0;
}

.top-16px {
	top:16px;
}

.top-45px {
	top:45px;
}

.top-53px {
	top:53px;
}

.right--33px {
	right:-33px;
}

.right-0 {
	right:0;
}

.right-16px {
	right:16px;
}

.left-0 {
	left:0;
}

.left-16px {
	left:16px;
}

/* Flex */
.flex-auto {
	-moz-flex:0 0 auto;
	-webkit-flex:0 0 auto;
	flex:0 0 auto;
}

.flex-1 {
	-moz-flex:1;
	-webkit-flex:1;
	flex:1;
}

.flex-column {
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flex-grow-1 {
	-moz-flex-grow:1;
	-webkit-flex-grow:1;
	flex-grow:1;
}

/* Others */
.list-style-type-none {
	list-style-type:none;
}

.border-1px {
	border-width: 1px;
	border-style:solid;
}

.border-3px {
	border-width:3px;
	border-style:solid;
}

.border-top-1px {
	border-top-width:1px;
	border-top-style:solid;
}

.border-bottom-1px {
	border-bottom:1px;
	border-bottom-style:solid;
}

.border-right-1px {
	border-right:1px;
	border-right-style:solid;
}

.border-color-light-grey {
	border-color:#F5F4F0;
}

.border-color-dark-grey {
	border-color:#707070;
}

.border-color-plum {
	border-color:#861E5D;
}

.border-top-color-dark-grey {
	border-top-color:#707070;
}

.border-top-color-light-grey {
	border-top-color:#F5F4F0;
}

.border-bottom-color-white {
	border-bottom-color:#fff;
}

.border-bottom-color-dark-grey {
	border-color:#707070;
}

.border-right-color-dark-grey {
	border-right-color:#707070;
}

.opacity-0-7 {
	opacity: 0.7;
}

.border-radius-0 {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

.border-radius-50pct {
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}

.border-radius-4px {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.border-radius-8px {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.border-none {
	border:none;
}

.box-shadow-1 {
	-moz-box-shadow: 0 4px 14.5px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 4px 14.5px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 4px 14.5px 0 rgba(0, 0, 0, 0.05);
}

.object-position-50-50 {
	object-position:50% 50%;
}

.object-fit-cover {
	object-fit:cover;
}

.appearance-textfield {
	-moz-appearance:textfield;
	-webkit-appearance:textfield;
	appearance:textfield;
}

.appearance-none {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}

.visiblity-hidden {
	visibility:hidden;
}

.cursor-pointer {
	cursor:pointer;
}

.pointer-events-none {
	pointer-events:none;
}

.z-index-1 {
	z-index:1;
}

.z-index-2 {
	z-index:2;
}

.z-index-99 {
	z-index:99;
}

.z-index-9999 {
	z-index:9999;
}

.z-index-10000 {
	z-index:10000;
}

.z-index-10001 {
	z-index:10001;
}

.overflow--y-auto {
	overflow-y:auto;
}

.transition-all {
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}

@media (min-width:768px) {
	
	.flex-md-1 {
		-moz-flex:1;
		-webkit-flex:1;
		flex:1;
	}
	
	.min-height-md-649px {
		min-height:649px;
	}
	
	.h-md-100 {
		height:100%;
	}
	
	.h-md-145px {
		height:145px;
	}
	
	.h-md-297px {
		height:297px;
	}
	
	.h-md-484px {
		height:484px;
	}
	
	.h-md-650px {
		height:650px;
	}
	
	.h-md-800px {
		height:800px;
	}
	
	.min-height-md-145px {
		min-height:145px;
	}
	
	.max-height-md-650px {
		max-height:650px;
	}
	
	.w-md-auto {
		width:auto;
	}
	
	.w-md-47pct {
		width:47%;
	}
	
	.w-md-50pct {
		width:50%;
	}
	
	.w-md-42px {
		width:42px;
	}
	
	.w-md-58px {
		width:58px;
	}
	
	.w-md-86px {
		width:86px;
	}
	
	.w-md-124px {
		width:124px;
	}
	
	.w-md-312px {
		width:312px;
	}
	
	.w-md-357px {
		width:357px;
	}
	
	.w-md-648px {
		width:648px;
	}
	
	.w-md-674px {
		width:674px;
	}
	
	.overflow-y-md-visible {
		overflow-y:visible;
	}
	
	.font-size-md-36px {
		font-size:36px;
		line-height:normal;
	}
	
}

@media (min-width:992px) {
	
	.w-lg-25pct {
		width:25%;
	}
	
	.w-lg-33pct {
		width:33.33%;
	}
	
	.w-lg-40pct {
		width:40%;
	}
	
	.w-lg-42pct {
		width:42%;
	}
	
	.w-lg-42px {
		width:42px;
	}
	
	.w-lg-86px {
		width:86px;
	}
	
	.w-lg-98px {
		width:98px;
	}
	
	.w-lg-100 {
		width:100%;
	}
	
	.w-lg-126px {
		width:126px;
	}
	
	.w-lg-142px {
		width:142px;
	}
	
	.w-lg-400px {
		width:400px;
	}
	
	.w-lg-560px {
		width:560px;
	}
	
	.w-lg-710px {
		width:710px;
	}
	
	.max-width-lg-90pct {
		max-width:90%;
	}
	
	.max-height-lg-90pct {
		max-height:90%;
	}
	
	.h-lg-auto {
		height:auto;
	}
	
	.h-lg-100 {
		height:100%;
	}
	
	.h-lg-485px {
		height:485px;
	}
	
	.h-lg-800px {
		height:800px;
	}
	
	.min-height-lg-400px {
		min-height:400px;
	}
	
	.min-height-lg-649px {
		min-height:649px;
	}
	
	.font-size-lg-14px {
		font-size:14px;
		line-height:normal;
	}
	
	.font-size-lg-20px {
		font-size:20px;
		line-height:normal;
	}
	
	.font-size-lg-30px {
		font-size:30px;
		line-height:normal;
	}
	
	.font-size-lg-36px {
		font-size:36px;
		line-height:normal;
	}
	
	.font-size-lg-48px {
		font-size:48px;
		line-height:normal;
	}
	
	.font-size-lg-60px {
		font-size:60px;
		line-height:normal;
	}
	
	.border-bottom-lg-0 {
		border-bottom:0;
	}
	
	.position-lg-absolute {
		position:absolute;
	}
	
	.flex-lg-auto {
		-moz-flex:0 0 auto;
		-webkit-flex:0 0 auto;
		flex:0 0 auto;
	}
	
	.flex-lg-1 {
		-moz-flex:1;
		-webkit-flex:1;
		flex:1;
	}
	
}

@media (min-width:1200px) {
	
	.w-xl-64px {
		width:64px;
	}
	
	.w-xl-710px {
		width:710px;
	}
	
	.font-size-xl-48px {
		font-size:48px;
		line-height:normal;
	}
	
}

@media (min-width:1400px) {
	
	.max-width-xxl-1400px {
		max-width:1400px;
	}
	
	.w-xxl-auto {
		width:auto;
	}
	
	.w-xxl-25pct {
		width:25%;
	}
	
	.w-xxl-33pct {
		width:33.33%;
	}
	
	.w-xxl-86px {
		width:86px;
	}
	
	.w-xxl-126px {
		width:126px;
	}
	
	.h-xxl-auto {
		height:auto;
	}
	
	.right-xxl--33px {
		right:-33px;
	}
	
	.flex-xxl-1 {
		-moz-flex:1;
		-webkit-flex:1;
		flex:1;
	}
	
	.flex-xxl-auto {
		-moz-flex:0 0 auto;
		-webkit-flex:0 0 auto;
		flex:0 0 auto;
	}
	
}