/* FCL Bootstrap 4 Utility Classes*/

/*

{breakpoint} = sm, md, lg, xl

.red = #cc00000
.grey = #323e48
.gold = #f6a800
.black = #000000
.white = #ffffff

.hv-{breakpoint}-none = text-decoration none on link
.hv-{breakpoint}-underline = text-decoration underline on link

.fs-{breakpoint}-italic = italic
.fw-{breakpoint}-[300,400,600,700,800] = font-weight [300,400,600,700,800]

.fsize-{breakpoint}-[px] = font-size: [px];

*/

body{
	font-family: Open Sans, sans-serif;
}



/* Colors */
.red,
.red a,
.red a:hover,
.red a:focus{
	color: #cc0000;
}
a.red,
a.red:hover,
a.red:focus{
	color: #cc0000;
}


.grey,
.grey a,
.grey a:hover,
.grey a:focus{
	color: #323e48;
}
a.grey,
a.grey:hover,
a.grey:focus{
	color: #323e48;
}


.gold,
.gold a,
.gold a:hover,
.gold a:focus{
	color: #f6a800;
}
a.gold,
a.gold:hover,
a.gold:focus{
	color: #f6a800;
}


.white,
.white a,
.white a:hover,
.white a:focus{
	color: #ffffff;
}
a.white,
a.white:hover,
a.white:focus{
	color: #ffffff;
}


.black,
.black a,
.black a:hover,
.black a:focus{
	color: #000000;
}
a.black,
a.black:hover,
a.black:focus{
	color: #000000;
}

.light-grey,
.light-grey a,
.light-grey:hover,
.light-grey:focus{
	color: #8a8a8a;
}
a.light-grey,
a.light-grey:hover,
a.light-grey:focus{
	color: #8a8a8a;
}
/*************************************************************************/

/* Text Decoration */
.hv-none a:hover{
	text-decoration: none;
}
a.hv-none:hover{
	text-decoration: none !important
}


.hv-underline a:hover{
	text-decoration: underline;
}
a.hv-underline:hover{
	text-decoration: underline !important;
}


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

.fs-break-all{
	word-break: break-all;
}

.fs-break-word{
	word-wrap: break-word;
}
/*************************************************************************/

/* Font weights */
.fw-300{
	font-weight: 300;
}

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

.fw-600{
	font-weight: 600;
}

.fw-700{
	font-weight: 700;
}

.fw-800{
	font-weight: 800;
}

/*************************************************************************/

/* Font sizes */
.fsize-60{
	font-size: 60px;
}

.fsize-56{
	font-size: 56px;
}

.fsize-52{
	font-size: 52px;
}

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

.fsize-44{
	font-size: 44px;
}

.fsize-40{
	font-size: 40px;
}

.fsize-36{
	font-size: 36px;
}

.fsize-32{
	font-size: 32px;
}

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

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

.fsize-22{
	font-size: 22px;
}

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

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

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

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

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

.fsize-10{
	font-size: 10px;
}

.fsize-8{
	font-size: 8px;
}



@media (min-width: 576px){

	/* Colors */
	.red-sm,
	.red-sm a,
	.red-sm a:hover,
	.red-sm a:focus{
		color: #cc0000;
	}
	a.red-sm,
	a.red-sm:hover,
	a.red-sm:focus{
		color: #cc0000 !important;
	}


	.grey-sm,
	.grey-sm a,
	.grey-sm a:hover,
	.grey-sm a:focus{
		color: #323e48;
	}
	a.grey-sm,
	a.grey-sm:hover,
	a.grey-sm:focus{
		color: #323e48;
	}


	.gold-sm,
	.gold-sm a,
	.gold-sm a:hover,
	.gold-sm a:focus{
		color: #f6a800;
	}
	a.gold-sm,
	a.gold-sm:hover,
	a.gold-sm:focus{
		color: #f6a800;
	}


	.white-sm,
	.white-sm a,
	.white-sm a:hover,
	.white-sm a:focus{
		color: #ffffff;
	}
	a.white-sm,
	a.white-sm:hover,
	a.white-sm:focus{
		color: #ffffff;
	}


	.black-sm,
	.black-sm a,
	.black-sm a:hover,
	.black-sm a:focus{
		color: #000000;
	}
	a.black-sm,
	a.black-sm:hover,
	a.black-sm:focus{
		color: #000000;
	}

	/*************************************************************************/

	/* Text Decoration */
	.hv-sm-none a:hover{
		text-decoration: none;
	}
	a.hv-sm-none:hover{
		text-decoration: none !important
	}


	.hv-sm-underline a:hover{
		text-decoration: underline;
	}
	a.hv-sm-underline:hover{
		text-decoration: underline !important;
	}

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

	.fs-sm-break-all{
		word-break: break-all;
	}

	.fs-sm-break-word{
		word-wrap: break-word;
	}

	/*************************************************************************/

	/* Font weights */
	.fw-sm-300{
		font-weight: 300;
	}

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

	.fw-sm-600{
		font-weight: 600;
	}

	.fw-sm-700{
		font-weight: 700;
	}

	.fw-sm-800{
		font-weight: 800;
	}

	/*************************************************************************/

	/* Font sizes */
	.fsize-sm-60{
		font-size: 60px;
	}

	.fsize-sm-56{
		font-size: 56px;
	}

	.fsize-sm-52{
		font-size: 52px;
	}

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

	.fsize-sm-44{
		font-size: 44px;
	}

	.fsize-sm-40{
		font-size: 40px;
	}

	.fsize-sm-36{
		font-size: 36px;
	}

	.fsize-sm-32{
		font-size: 32px;
	}

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

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

	.fsize-sm-22{
		font-size: 22px;
	}

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

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

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

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

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

	.fsize-sm-10{
		font-size: 10px;
	}

	.fsize-sm-8{
		font-size: 8px;
	}

}

@media (min-width: 768px){

	/* Colors */
	.red-md,
	.red-md a,
	.red-md a:hover,
	.red-md a:focus{
		color: #cc0000;
	}
	a.red-md,
	a.red-md:hover,
	a.red-md:focus{
		color: #cc0000 !important;
	}


	.grey-md,
	.grey-md a,
	.grey-md a:hover,
	.grey-md a:focus{
		color: #323e48;
	}
	a.grey-md,
	a.grey-md:hover,
	a.grey-md:focus{
		color: #323e48;
	}


	.gold-md,
	.gold-md a,
	.gold-md a:hover,
	.gold-md a:focus{
		color: #f6a800;
	}
	a.gold-md,
	a.gold-md:hover,
	a.gold-md:focus{
		color: #f6a800;
	}


	.white-md,
	.white-md a,
	.white-md a:hover,
	.white-md a:focus{
		color: #ffffff;
	}
	a.white-md,
	a.white-md:hover,
	a.white-md:focus{
		color: #ffffff;
	}


	.black-md,
	.black-md a,
	.black-md a:hover,
	.black-md a:focus{
		color: #000000;
	}
	a.black-md,
	a.black-md:hover,
	a.black-md:focus{
		color: #000000;
	}

	/*************************************************************************/

	/* Text Decoration */
	.hv-md-none a:hover{
		text-decoration: none;
	}
	a.hv-md-none:hover{
		text-decoration: none !important
	}


	.hv-md-underline a:hover{
		text-decoration: underline;
	}
	a.hv-md-underline:hover{
		text-decoration: underline !important;
	}

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

	.fs-md-break-all{
		word-break: break-all;
	}

	.fs-md-break-word{
		word-wrap: break-word;
	}

	/*************************************************************************/

	/* Font weights */
	.fw-md-300{
		font-weight: 300;
	}

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

	.fw-md-600{
		font-weight: 600;
	}

	.fw-md-700{
		font-weight: 700;
	}

	.fw-md-800{
		font-weight: 800;
	}

	/*************************************************************************/

	/* Font sizes */
	.fsize-md-60{
		font-size: 60px;
	}

	.fsize-md-56{
		font-size: 56px;
	}

	.fsize-md-52{
		font-size: 52px;
	}

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

	.fsize-md-44{
		font-size: 44px;
	}

	.fsize-md-40{
		font-size: 40px;
	}

	.fsize-md-36{
		font-size: 36px;
	}

	.fsize-md-32{
		font-size: 32px;
	}

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

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

	.fsize-md-22{
		font-size: 22px;
	}

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

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

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

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

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

	.fsize-md-10{
		font-size: 10px;
	}

	.fsize-md-8{
		font-size: 8px;
	}

}


@media (min-width: 992px){

	/* Colors */
	.red-lg,
	.red-lg a,
	.red-lg a:hover,
	.red-lg a:focus{
		color: #cc0000;
	}
	a.red-lg,
	a.red-lg:hover,
	a.red-lg:focus{
		color: #cc0000 !important;
	}


	.grey-lg,
	.grey-lg a,
	.grey-lg a:hover,
	.grey-lg a:focus{
		color: #323e48;
	}
	a.grey-lg,
	a.grey-lg:hover,
	a.grey-lg:focus{
		color: #323e48;
	}


	.gold-lg,
	.gold-lg a,
	.gold-lg a:hover,
	.gold-lg a:focus{
		color: #f6a800;
	}
	a.gold-lg,
	a.gold-lg:hover,
	a.gold-lg:focus{
		color: #f6a800;
	}


	.white-lg,
	.white-lg a,
	.white-lg a:hover,
	.white-lg a:focus{
		color: #ffffff;
	}
	a.white-lg,
	a.white-lg:hover,
	a.white-lg:focus{
		color: #ffffff;
	}


	.black-lg,
	.black-lg a,
	.black-lg a:hover,
	.black-lg a:focus{
		color: #000000;
	}
	a.black-lg,
	a.black-lg:hover,
	a.black-lg:focus{
		color: #000000;
	}

	/*************************************************************************/

	/* Text Decoration */
	.hv-lg-none a:hover{
		text-decoration: none;
	}
	a.hv-lg-none:hover{
		text-decoration: none !important
	}


	.hv-lg-underline a:hover{
		text-decoration: underline;
	}
	a.hv-lg-underline:hover{
		text-decoration: underline !important;
	}

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

	.fs-lg-break-all{
		word-break: break-all;
	}

	.fs-lg-break-word{
		word-wrap: break-word;
	}

	/*************************************************************************/

	/* Font weights */
	.fw-lg-300{
		font-weight: 300;
	}

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

	.fw-lg-600{
		font-weight: 600;
	}

	.fw-lg-700{
		font-weight: 700;
	}

	.fw-lg-800{
		font-weight: 800;
	}

	/*************************************************************************/

	/* Font sizes */
	.fsize-lg-60{
		font-size: 60px;
	}

	.fsize-lg-56{
		font-size: 56px;
	}

	.fsize-lg-52{
		font-size: 52px;
	}

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

	.fsize-lg-44{
		font-size: 44px;
	}

	.fsize-lg-40{
		font-size: 40px;
	}

	.fsize-lg-36{
		font-size: 36px;
	}

	.fsize-lg-32{
		font-size: 32px;
	}

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

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

	.fsize-lg-22{
		font-size: 22px;
	}

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

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

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

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

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

	.fsize-lg-10{
		font-size: 10px;
	}

	.fsize-lg-8{
		font-size: 8px;
	}

}



@media (min-width: 1200px){

	/* Colors */
	.red-xl,
	.red-xl a,
	.red-xl a:hover,
	.red-xl a:focus{
		color: #cc0000;
	}
	a.red-xl,
	a.red-xl:hover,
	a.red-xl:focus{
		color: #cc0000 !important;
	}


	.grey-xl,
	.grey-xl a,
	.grey-xl a:hover,
	.grey-xl a:focus{
		color: #323e48;
	}
	a.grey-xl,
	a.grey-xl:hover,
	a.grey-xl:focus{
		color: #323e48;
	}


	.gold-xl,
	.gold-xl a,
	.gold-xl a:hover,
	.gold-xl a:focus{
		color: #f6a800;
	}
	a.gold-xl,
	a.gold-xl:hover,
	a.gold-xl:focus{
		color: #f6a800;
	}


	.white-xl,
	.white-xl a,
	.white-xl a:hover,
	.white-xl a:focus{
		color: #ffffff;
	}
	a.white-xl,
	a.white-xl:hover,
	a.white-xl:focus{
		color: #ffffff;
	}


	.black-xl,
	.black-xl a,
	.black-xl a:hover,
	.black-xl a:focus{
		color: #000000;
	}
	a.black-xl,
	a.black-xl:hover,
	a.black-xl:focus{
		color: #000000;
	}

	/*************************************************************************/

	/* Text Decoration */
	.hv-xl-none a:hover{
		text-decoration: none;
	}
	a.hv-xl-none:hover{
		text-decoration: none !important
	}


	.hv-xl-underline a:hover{
		text-decoration: underline;
	}
	a.hv-xl-underline:hover{
		text-decoration: underline !important;
	}

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

	.fs-xl-break-all{
		word-break: break-all;
	}

	.fs-xl-break-word{
		word-wrap: break-word;
	}

	/*************************************************************************/

	/* Font weights */
	.fw-xl-300{
		font-weight: 300;
	}

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

	.fw-xl-600{
		font-weight: 600;
	}

	.fw-xl-700{
		font-weight: 700;
	}

	.fw-xl-800{
		font-weight: 800;
	}

	/*************************************************************************/

	/* Font sizes */
	.fsize-xl-60{
		font-size: 60px;
	}

	.fsize-xl-56{
		font-size: 56px;
	}

	.fsize-xl-52{
		font-size: 52px;
	}

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

	.fsize-xl-44{
		font-size: 44px;
	}

	.fsize-xl-40{
		font-size: 40px;
	}

	.fsize-xl-36{
		font-size: 36px;
	}

	.fsize-xl-32{
		font-size: 32px;
	}

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

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

	.fsize-xl-22{
		font-size: 22px;
	}

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

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

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

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

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

	.fsize-xl-10{
		font-size: 10px;
	}

	.fsize-xl-8{
		font-size: 8px;
	}

}