@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@200;300;400;600;700&display=swap');
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	-webkit-font-smoothing: antialiased;
}
:root {
--black: #000000;
--white:#fff;
--red:#cc0000;
--blue:#000066;
}

html {
	font-size: 10px;
}
body {
	color:var(--white);
	font:400 24px 'Barlow', sans-serif;
}
section {
	padding:50px 0;
	width: 100%;
	position:relative;
}
p {
	margin-bottom: 2.5em;
}
a {
	color: inherit;
	text-decoration: none;
}
h2 {
	font: bold 50px 'Barlow', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0px;
	margin-bottom: 15px;
}
#menu ul {
	text-align:right
}
#menu ul li {
	list-style:none;
	display:inline-block;
	text-align:right;
}
#menu ul li a {
	text-transform:uppercase;
	font-size:14px;
	padding:2px 10px;
}
#menu ul li img {
	margin-bottom:-2px;
}

nav ul.nmobile {
	position: fixed;
	top: 60px;
	right: 5px;
	height: auto;
	visibility: hidden;
	pointer-events: none;
	list-style: none;
	width: 100%;
	background:var(--red);
}
nav ul.nmobile li {
	font: bold 1.5rem "Work Sans", "Arial Black", Gadget, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0.75em 0;/*  -ms-writing-mode: tb-lr;      writing-mode: vertical-lr;*/
}
nav.active ul.nmobile {
	visibility: visible;
	pointer-events: initial;
	transition-delay: 0.2s;
}
.nav-icon {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	display: inline-block;
	height: 35px;
	position: fixed;
	top: 15px;
	right: 15px;
	transition: background 0.3s;
	width: 35px;
}
.nav-icon span {
	position: absolute;
	top: 15px;
	left: 5px;
	background: #fff;
	display: block;
	height: 3px;
	right: 5px;
	transition: transform 0.3s;
}
.nav-icon span:before, .nav-icon span:after {
	width: 100%;
	height: 3px;
	background: #fff;
	content: "";
	display: block;
	left: 0;
	position: absolute;
}
.nav-icon span:before {
	top: -8px;
}
.nav-icon span:after {
	bottom: -8px;
}
.active .nav-icon span {
	transform: rotate(90deg);
}/*General*/
.mobilenavigation {
	display:none
}
.container-fluid {
	width:100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
}
.container {
	width: 1500px;
	max-width: 1500px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.containerfull {
	min-height: 100vh;
}
.row {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.container {
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.col-md-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}
.col-md-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col-md-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.col-md-6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.col-md-5 {
	width: 37.66%;
	flex: 0 0 37.66%;
	max-width: 37.66%;
}
.col-md-7 {
	flex: 0 0 54.33%;
	max-width: 54.33%;
}
.col-md-8 {
	flex: 0 0 66.66%;
	max-width: 66.66%;
}
.col-md-12 {
	width:100%
}
.logo {
	text-align:left;
	width:120px;
	margin:0
}
.logo img {
	width:100%;
}
.header {
	padding-top:15px;
	position:fixed;
	width:100%;
	z-index:999
}
.header.headerblack {
	background:rgba(0, 0, 102, 0.95)
}
.inputform {
	display:flex;
}
.inputform input[type="text"] {
	color:#fff;
	border:none;
	background:url(../images/icons/location.png) no-repeat left center;
	padding-left:40px;
	border-bottom:2px solid #4e505c;
	width:50%;
}
.inputform .btn {
	padding: 15px 32px;
	border-radius:50px;
	border: 2px solid var(--red);
	margin-right: 1rem;
	min-width: 10.375rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	box-sizing: border-box;
	text-transform: uppercase;
	font:600 14px 'Barlow', sans-serif;
	display:inline-block;
	background:var(--red);
	color:var(--white);
	cursor:pointer;
}

.inputform .btn:hover{border: 2px solid var(--white); background:none}

.inputform ::placeholder {
color:#fff;
font-size:14px
}
section.hero {
	background:url(../images/image1.jpg) center center no-repeat;
	background-size:cover;
	color:#fff;
	text-align:center;
	padding:0px 0;
	position:relative;
	text-align:left
}
section.onex {
	background:#fff;
}
.hero:before {
	content:"";
	position:absolute;
	background:rgba(0, 0, 102, 0.85);
	height:100%;
	width:100%;
	display:block;
	top:0;
	left:0
}
section.stwo {
	background:#fff url(../images/image2.jpg) center top no-repeat;
	padding-top:100px;
	position:relative;
	min-height:524px;
}
section.stwo:before {
	position:absolute;
	top:0;
	left:0;
	background:rgba(0, 0, 102, 0.80);
	content:"";
	height:100%;
	width:100%;
	display:block;
}
section.sthree {
	position:relative;
	padding:0;
	background:#e9e9e9
}
.sthree img {
	width:100%;
	height:auto
}
.stfourimg {
	background:url(../images/image4.jpg) center left no-repeat;
	background-size:cover;
}
section.sfive {
	background:url(../images/image5.jpg) center left no-repeat;
	background-size:cover;
}
.ssiximg {
	background:url(../images/image3.jpg) center left no-repeat;
	background-size:cover;
}
.ssevenimg {
	background:url(../images/image4.jpg) center left no-repeat;
	background-size:cover;
}
section.spacedata {
	margin-top:-132px;
	padding-top:0
}
section.spacedata .col-md-4 {
	padding:0 15px;
}
section.stwo p {
	margin-bottom:10px;
}
.sleft {
	top: 0;
	bottom: 0;
	right: 0;
	left: 50%;
	position: absolute;
	width:50%
}
.sright {
	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;
	position: absolute;
	width:50%
}
.starheight {
	height:100vh
}
.aligntext {
	text-align:center;
	display:block
}
.starx {
	padding:50px;
	min-height:400px;
	margin-bottom:30px;
	background-position: bottom right !important;
	position:relative;
	border-radius:15px;
}
.starx:hover:before {
	content:"";
	width:100%;
	height:100%;
	background:rgba(0, 0, 102, 0.85);
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	border-radius:15px;
}
.thestar {
	position:relative;
	z-index:99;
	padding-right:100px;
}
.starx1 {
	background:url(../images/Products/space1.jpg) no-repeat;
	background-size:cover
}
.starx2 {
	background:url(../images/Products/space2.jpg) no-repeat;
	background-size:cover
}
.starx3 {
	background:url(../images/Products/space3.jpg) no-repeat;
	background-size:cover
}
.starx4 {
	background:url(../images/Products/space4.jpg) no-repeat;
	background-size:cover
}
.thestar .htitle {
	font-size:36px;
	text-transform:capitalize
}
.spacebg {
	background:var(--red);
	padding:50px;
	width:100%;
	margin-top:30px;
	border-radius:15px;
}
.spacebg:hover {
	background:var(--blue);
}
.spacexpower {
	background: var(--blue);
	margin-right: -80px;
	z-index: 999999;
	position: relative;
	width: 80%;
	float: right;
	padding:50px 30px;
}
.onex .col-md-6 {
	padding:0 15px
}
.htitle {
	text-transform:uppercase;
	font-size:48px;
	margin-bottom:36px;
}
p {
	font:400 16px 'Barlow', sans-serif;
	line-height:22px;
}
a.btn {
	padding: 15px 32px;
	border-radius:50px;
	border: 2px solid #fff;
	margin-right: 1rem;
	min-width: 10.375rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	box-sizing: border-box;
	text-transform: uppercase;
	font:600 14px 'Barlow', sans-serif;
	display:inline-block
}
a.btn:hover {
	background:var(--red);
	color:var(--white);
	border-color: var(--red)
}
a.btn.btninvert {
	border: 2px solid var(--blue);
	color:var(--blue)
}

a.btn.btninvert:hover
{ background:var(--blue); color:var(--white);}


.footer {
	padding:10px 0;
	background:var(--blue);
}
.footer p a {
	text-decoration:underline;
	color:var(--white)
}
.footer p {
	margin-bottom:0;
	font-size:12px;
}
p.linebar {
	color:var(--black)
}
.linebar {
}
.copyright p, .copyrighttext p {
	font-size:12px;
	color:#adadad
}
.copyrighttext p {
	text-align:right
}
.copyright p a {
	color:#fff;
}
@media(max-width:1500px) {
.container {
width:100%
}
}
@media(max-width:1100px) {
section.hero {
padding:100px 0 50px 0
}
.container {
width:100%
}
#menu {
display:none
}
.mobilenavigation {
display:block
}
.col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-5, .col-md-7, .col-md-8 {
width: 50%;
flex: 0 0 50%;
max-width: 50%;
}
.starheight {
height:auto
}
.thestar {
padding:0
}
section.onex .row {
align-items:normal
}
section.hero img {
width:100%;
}
.starx {
padding:20px;
}
a.btn {
margin-bottom:10px;
}
section.stwo .col-md-3, section.stwo .col-md-6, section.spacedata .col-md-4 {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
.spacexpower {
float:none;
width:100%;
}
nav ul.nmobile {
width:320px;
}
nav ul.nmobile li {
padding:0;
}
nav ul.nmobile li a {
padding:10px;
display:block
}
}
@media(max-width:800px) {
.thestar {
padding:0
}
.spacexpower {
margin:0;
width:100%
}
}
@media(max-width:640px) {
.nav-icon {
top:25px;
}
.container {
width:98%
}
.htitle {
font-size:1.5em
}
.mobilenavigation {
display:block
}
.thestar .htitle {
font-size:1em
}
.col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-5, .col-md-7, .col-md-8 {
width: 100%;
max-width: 100%;
flex: 100%;
}
section.hero {
padding:100px 0 50px 0
}
.hero img {
width:100%;
height:auto
}
.starx, .spacebg {
padding:20px;
}
.starx.starx1 {
background-position: bottom left !important
}
hero.starheight {
height:100vh
}
.starheight {
height:auto
}
section.spacedata {
margin:0
}
section.stwo, section.sthree {
padding:20px 0
}
section.sthree .container, section.sthree .container .row {
flex-direction: column-reverse;
}
.onex .col-md-6, section.spacedata .col-md-4 {
padding:0
}
.footer, .copyrighttext p {
text-align:center
}
}