/* Utilities */

/* Colors */
.bg-transparent {
	background-color:transparent;
}

.bg-black {
	background-color:#000;
}

.bg-main-blue {
	background-color:#0E0E6F;
}

.bg-dark-grey {
	background-color:#212121;
}

.bg-light-grey {
	background-color:#565656;
}

.bg-light-grey-2 {
	background-color:#F2F2F2;
}

.bg-floral-white {
	background-color:#F5F7F8;
}

.bg-light-red {
	background-color:#FE6D73;
}

.bg-orange {
	background-color:#EB9521;
}

.bg--white {
	background-color:#fff;
}

.bg-linear-gradient-1 {
	background:-moz-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0));
	background:-webkit-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0));
	background:-ms-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0));
	background:-o-linear-gradient(left, rgba(0,0,0,0.75), rgba(0,0,0,0));
	background:linear-gradient(to right, rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.bg-linear-gradient-2 {
	background: -moz-linear-gradient(90deg, #EEA94F 0%, #FCF2E4 100%);
	background: -webkit-linear-gradient(90deg, #EEA94F 0%, #FCF2E4 100%);
	background: -ms-linear-gradient(90deg, #EEA94F 0%, #FCF2E4 100%);
	background: -o-linear-gradient(90deg, #EEA94F 0%, #FCF2E4 100%);
	background: linear-gradient(90deg, #EEA94F 0%, #FCF2E4 100%);
}

.bg-linear-gradient-3 {
	background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}

.bg-white-70pct {
	background-color:rgba(255,255,255,0.70);
}

.background-size-cover {
	background-size:cover;
}

.background-position-50-50 {
	background-position:50% 50%;
}

.text-black {
	color:#000;
}

.text-white {
	color:#fff;
}

.text-dark-grey {
	color:#212121;
}

.text-light-grey {
	color:#565656;
}

.text-light-red,
.text-light-red:hover {
	color:#FE6D73;
}

.text-main-blue {
	color:#0E0E6F;
}

.text-blue {
	color:#155B8E;
}

.text-hover-blue:hover {
	color:#155B8E;
}

.text-orange {
	color:#EB9521;
}

.text-hover-underline:hover {
	text-decoration:underline;
}

b, .bold-text, .strong, 
strong, .strong-text,
.font-weight-700 {
	font-weight:700;
}

.vertical-align-middle {
	vertical-align:middle;
}

.vertical-align-bottom {
	vertical-align:bottom;
}

.text-decoration-none {
	text-decoration:none;
}

.text-decoration-underline,
.text-underline {
	text-decoration:underline;
}

.font-italic {
	font-style:italic;
}

.font-weight-300 {
	font-weight:300;
}

.font-weight-400 {
	font-weight:400;
}

.font-weight-500 {
	font-weight:500;
}

.line-height-1 {
	line-height:1;
}

.font-size-12px {
	font-size:12px;
}

.font-size-14px {
	font-size:14px;
}

.font-size-16px {
	font-size:16px;
}

.font-size-18px {
	font-size:18px;
}

.font-size-20px {
	font-size:20px;
}

.font-size-24px {
	font-size:24px;
}

.font-size-28px {
	font-size:28px;
}

.font-size-48px {
	font-size:48px;	
}

/* width/height */
.w-auto {
	width:auto;
}

.w-20pct {
	width:20%;
}

.w-47pct {
	width:47%;
}

.w-50pct {
	width:50%;
}

.w-75pct {
	width:75%;
}

.w-90pct {
	width:90%;
}

.w-100pct {
	width:100%;
}

.w-100vw {
	width:100vw;
}

.w-0 {
	width:0;
}

.w-16px {
	width:16px;
}

.w-19px {
	width:19px;
}

.w-28px {
	width:28px;
}

.w-32px {
	width:32px;
}

.w-40px {
	width:40px;
}

.w-42px {
	width:42px;
}

.w-54px {
	width:54px;
}

.w-60px {
	width:60px;
}

.w-64px {
	width:64px;
}

.w-66px {
	width:66px;
}

.w-88px {
	width:88px;
}

.w-101px {
	width:101px;
}

.w-120px {
	width:120px;
}

.w-132px {
	width:132px;
}

.w-190px {
	width:190px;
}

.w-197px {
	width:197px;
}

.w-254px {
	width:254px;
}

.w-300px {
	width:300px; 
}

.w-375px {
	width:375px;
}

.min-width-92px {
	min-width:92px;
}

.max-width-90pct {
	max-width:90%;
}

.h-inherit {
	height:inherit;
}

.h-90pct {
	height:90%;
}

.h-100pct {
	height:100%;
}

.h-1px {
	height:1px;
}

.h-16px {
	height:16px;
}

.h-19px {
	height:19px;
}

.h-28px {
	height:28px;
}

.h-30px {
	height:30px;
}

.h-32px {
	height:32px;
}

.h-40px {
	height:40px;
}

.h-54px {
	height:54px;
}

.h-60px {
	height:60px;
}

.h-66px {
	height:66px;
}

.h-120px {
	height:120px;
}

.h-282px {
	height:282px;
}

.h-309px {
	height:309px;
}

.h-314px {
	height:314px;
}

.h-450px {
	height:450px;
}

.h-578px {
	height:578px;
}

.h-596px {
	height:596px;
}

.h-623px {
	height:623px;
}

.h-679px {
	height:679px;
}

.min-height-145px {
	min-height:145px;
}

.min-height-282px {
	min-height:282px;
}

.min-height-400px {
	min-height:400px;
}

.min-height-551px {
	min-height:551px;
}

.max-height-90pct {
	max-height:90%;
}

.max-height-100 {
	max-height:100%;
}

.max-height-232px {
	max-height:232px;
}

/* Position */
.position--absolute {
	position:absolute;
}

.position--relative {
	position:relative;
}

.position---static {
	position:static;
}

.top--10px {
	top:-10px;
}

.top-50pct {
	top:50%;
}

.top-0px {
	top:0;
}

.top-10px {
	top:10px;
}

.top-16px {
	top:16px;
}

.top-45px {
	top:45px;
}

.top-53px {
	top:53px;
}

.right--33px {
	right:-33px;
}

.right-0 {
	right:0;
}

.right-10px {
	right:10px;
}

.right-16px {
	right:16px;
}

.bottom-0px {
	bottom:0;
}

.bottom-24px {
	bottom:24px;
}

.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 */
.d--none {
	display:none;
}

.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-white {
	border-color:#fff;
}

.border-color-light-grey {
	border-color:#F5F4F0;
}

.border-color-dark-grey {
	border-color:#212121;
}

.border-color-plum {
	border-color:#861E5D;
}

.border-color-1 {
	border-color:rgba(30, 30, 30, 0.20);
}

.border-top-color-dark-grey {
	border-top-color:#212121;
}

.border-top-color-light-grey {
	border-top-color:#F5F4F0;
}

.border-bottom-color-white {
	border-bottom-color:#fff;
}

.border-bottom-color-dark-grey {
	border-color:#212121;
}

.border-right-color-dark-grey {
	border-right-color:#212121;
}

.opacity-0 {
	opacity:0;
}

.opacity-0-9 {
	opacity:0.9;
}

.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-6px {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.border-radius-8px {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.border-radius-12px {
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

.border-radius-16px {
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
}

.border-radius-top-right-90px {
	border-top-right-radius:90px;
}

.border-radius-top-left-90px {
	border-top-left-radius:90px;
}

.border-radius-bottom-left-90px {
	border-bottom-left-radius:90px;
}

.border-radius-bottom-right-90px {
	border-bottom-right-radius:90px;
}

.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);
}

.box-shadow-2 {
	-moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}

.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-3 {
	z-index:3;
}

.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) {
	
	.w-md-auto {
		width:auto;
	}
	
	.w-md-47pct {
		width:47%;
	}
	
	.w-md-50pct {
		width:50%;
	}
	
	.w-md-58px {
		width:58px;
	}
	
	.w-md-254px {
		width:254px;
	}
	
	.w-md-347px {
		width:347px;
	}
	
	.w-md-349px {
		width:349px;
	}
	
	.w-md-375px {
		width:375px;
	}
	
	.w-md-392px {
		width:392px;
	}
	
	.w-md-410px {
		width:410px;
	}
	
	.w-md-424px {
		width:424px;
	}
	
	.w-md-497px {
		width:497px;
	}
	
	.h-md-auto {
		height:auto;
	}
	
	.min-height-md-649px {
		min-height:649px;
	}
	
	.h-md-100 {
		height:100%;
	}
	
	.h-md-145px {
		height:145px;
	}
	
	.h-md-484px {
		height:484px;
	}
	
	.h-md-650px {
		height:650px;
	}
	
	.h-md-679px {
		height:679px;
	}
	
	.h-md-800px {
		height:800px;
	}
	
	.h-md-854px {
		height:854px;
	}
	
	.min-height-md-145px {
		min-height:145px;
	}
	
	.max-height-md-650px {
		max-height:650px;
	}
	
	.position-md-static {
		position:static;
	}
	
	.position-md-absolute {
		position:absolute;
	}
	
	.bottom-md-44px {
		bottom:44px;
	}
	
	.overflow-y-md-visible {
		overflow-y:visible;
	}
	
	.flex-md-1 {
		-moz-flex:1;
		-webkit-flex:1;
		flex:1;
	}
	
	.font-size-md-60px {
		font-size:60px;
	}
	
}

@media (min-width:992px) {
	
	.bg-white-lg-70pct {
		background-color:rgba(255,255,255,0.70);
	}
	
	.w-lg-auto {
		width:auto;
	}
	
	.w-lg-155px {
		width:155px;
	}
	
	.w-lg-392px {
		width:392px;
	}
	
	.w-lg-597px {
		width:597px;
	}
	
	.w-lg-465px {
		width:465px;
	}
	
	.w-lg-471px {
		width:471px;
	}
	
	.w-lg-668px {
		width:668px;
	}
	
	.max-width-lg-90pct {
		max-width:90%;
	}
	
	.max-height-lg-90pct {
		max-height:90%;
	}
	
	.min-height-lg-0 {
		min-height:0;
	}
	
	.min-height-lg-471px {
		min-height:471px;
	}
	
	.h-lg-auto {
		height:auto;
	}
	
	.h-lg-100,
	.h-lg-100pct {
		height:100%;
	}
	
	.h-lg-242px {
		height:242px;
	}
	
	.h-lg-485px {
		height:485px;
	}
	
	.h-lg-794px {
		height:794px;
	}
	
	.h-lg-800px {
		height:800px;
	}
	
	.h-lg-965px {
		height:965px;
	}
	
	.min-height-lg-400px {
		min-height:400px;
	}
	
	.min-height-lg-649px {
		min-height:649px;
	}
	
	.font-size-lg-14px {
		font-size:14px;
	}
	
	.font-size-lg-100px {
		font-size:100px;
	}
	
	.border-bottom-lg-0 {
		border-bottom:0;
	}
	
	.position-lg-absolute {
		position:absolute;
	}
	
	.position-lg-static {
		position:static;
	}
	
	.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-710px {
		width:710px;
	}
	
	.h-xl-auto {
		height:auto;
	}
	
	.position-xl-static {
		position:static;
	}
	
	.position-xl-absolute {
		position:absolute;
	}
	
}

@media (min-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;
	}
	
	.w-xxl-597px {
		width:597px;
	}
	
	.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;
	}
	
	.font-size-xxl-60px {
		font-size:60px;
	}
	
	.font-size-xxl-100px {
		font-size:100px;
	}
	
	.font-size-xxl-150px {
		font-size:150px;
	}
	
	
	
}