@charset "utf-8";
/* CSS Document */

		html {
			padding: 0px;
			margin: 0px;
		}
		body {
			padding: 0px;
			margin: 0px;
			font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		}
		a {
			color: #F05024;text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
			text-decoration-style: dotted;
		}
		.s1 {
			width: 100%;
			height: 500px;
			min-width: 1024px;
			background-color: #0B0B0B;
			border-bottom: 8px solid #F05024;
			background-image: url("assets/hdr-bg.png");
			background-repeat: no-repeat;
			background-size: cover;
			background-origin: border-box;
			background-position: top;
			margin-bottom: 50px;
		}
		.fplogo {
			display: block;
			width: 220px;
			margin-bottom: 30px;
			margin-left: -20px;
		}
		.h1-title {
			text-align: left;
			color: #f0f0f0;
			font-weight: 300;
			font-size: 28pt;
			margin: 0px;
			position: absolute;
			top: 150px;
			left: 150px;
			width: 500px;
		}
		.h1-logo {
			position: relative;
			width: 150px;
			top: 50px;
			float: right;
			margin-right: 50px;
		}
		.h1-title span, .mcontent > h1 > span, .mission span {
			font-weight: 700;
		}
		.h1-title span.o, .mcontent > h1 > span.o, .mission span.o {
			color: #F05024;
		}
		.mh1 {
			font-weight: 700;
			color: #F05024;
			font-size: 28pt;
			text-align: center;
		}
		.mh1r {
			font-weight: 700;
			color: #000;
			font-size: 24pt;
			text-align: center;
			position: relative;
			top: 130px;
			margin: 0px;
			padding: 0px;
			width: 60%;
			margin-left: auto;
			margin-right: auto;
		}
		.mh1r small {
			display: block;
			font-weight: 400;
			color: #C32329;
			margin-top:10px;
		}
		.mh4 {
			font-weight: 400;
			color: #000;
			font-size: 20pt;
			text-align: center;
			padding: 20px;
		}
		.gr-wrap {
			background-color: #DFDFDF;
			width: 100%;
			min-width: 800px;
			display: flex;
		}
		.opts {
			margin-top: 50px;
			display: flex;
			padding-bottom: 20px;
			justify-content: center;
			flex-wrap: wrap;
			flex-direction: row;
			width: 100%;
			min-width: 800px;
		}
		.opt {
			width: 300px;
			height: 300px;
			background-color: #FFFFFF;
			margin-left:20px;
			margin-top: 20px;
			position: relative;
			border-top: 5px solid #F05024;
			border-bottom: 1px solid #DDDDDD;
			margin-bottom: 20px;
			text-align: center;
			display: flex;
			align-items: center;
  			justify-content: center;
			flex-wrap: wrap;
			cursor: pointer;
		}
		.opt::after {
		    border-radius: 0 0 300px 300px;
		    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
		    content: '';
		    display: block;
		    height: 300px;
		    left: 0;
		    position: absolute;
		    top: 0;
		    width: 100%;
		    z-index: -1;
		}
		.opt2 {
			border-top: 5px solid #C32127;
			width: 400px;
			height: 400px;
		}
		.opt i {
			font-size: 50pt;
			padding: 0px;
			margin: 0px;
		}
		.opt h2 {
			display: block;
			width: 100%;
			padding: 0px;
			margin: 0px;
		}
		.opt p {
			padding: 5px;
			text-align: center;
			margin: 10px;
			font-weight: 400;
			font-size: 14pt;
		}
		.opt:hover {
			background-color: #F1F1F1;
		}
		footer {
			display: flex;
			width: 100%;
			background-color: #0F0F0F;
			color: #FFF;
			justify-content: space-around;
			flex-wrap: wrap;
			flex-direction: row;
			min-width: 1024px;
		}
		.ft-item {
			margin-bottom: 20px;
			width: 300px;
		}
		.copy {
			font-size: 10pt;
		}
		i {
			margin-right: 10px;
		}
		.ft-p {
			font-size: 10pt;
			font-weight: 400;
		}
		.social i {
			font-size: 14pt;
		}
		.social a {
			color: #ffffff;
		}
		.social a:hover {
			color: #F05024;
		}
		.mcontent {
			width: 1000px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px;
			display: flex;
			margin-bottom: 50px;
		}
		.mcontent > h1 {
			display: inline;
			text-align: left;
			color: #000000;
			font-weight: 400;
			font-size: 22pt;
			margin: 0px;
			padding: 10px;
			margin-left: 10px;
		}
		.img-brs {
			border: 10px solid #ffffff;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
		}
		.whbg {
			background-image: url("assets/helixcomb3.png");
			background-repeat: no-repeat;
			background-size: contain;
			background-position: right;
			background-origin: content-box;
		}
		.fw-sec-b {
			width: 100%;
			background-color: #131313;
			  background-image: url("assets/footer-bg.png");

			  min-height: 400px;

			  background-attachment: fixed;
			  background-position: right;
			  background-repeat: no-repeat;
			  background-size: cover;
			min-width: 1024px;
		}
		.mission {
			text-align: center;
			font-size: 22pt;
			color: #FFF;
			font-weight: 300;
			margin-top: 100px;
			margin-bottom: 100px;
		}
		footer > .ft-item {
			padding: 50px 100px 50px 100px;
		}
		.hlx-sec {
			width: 100%;
			background-image: url("assets/hlx-sec.png");
			min-height: 400px;
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			min-width: 1024px;
		}
		@media only screen and (max-width: 768px) {
			.opt, .opt2, .ft-item {
				width: 800px;
			}
			.opts, .gr-wrap, .mh1, .mh4 {
				min-width: 1024px;
				width: 100%;
			}
		}