@font-face{
	font-family: titilliumWebLight;
	src: url(titillium-web-light.ttf);
}

@font-face{
	font-family: merriweatherRegular;
	src: url(merriweather-regular.ttf);
}

@font-face{
	font-family: robotoMedium;
	src: url(roboto-medium.ttf);
}

.nexusBrand{
	font-family: titilliumWebLight;
	font-size: 2.25em;
	color: #FFA635;
}

.twbFont{
	font-family: titilliumWebLight;
}

.merriweatherFont{
	font-family: merriweatherRegular;
}

.robotoFont{
	font-family: robotoMedium;
}

.menuText, .menuTextAlt{
	font-family: robotoMedium;
}

.menuText:hover{
	color: #777A7C;
	border-bottom: solid 5px;
	border-color: #777A7C;
}

.menuTextAlt:hover{
	color: #F08907;
	border-bottom: solid 5px;
	border-color: #F08907;
}

.activeUnderline{
	border-bottom: solid 5px;
	border-color: #FFA635;
	color: #777A7C;
}

.activeUnderlineAlt{
	border-bottom: solid 5px;
	border-color: #FFA635;
	color: #FFA635;
}

.nexusLogo{
	height: 60px;
	width: 50px;
}

.nexusLogoWithText{
	height: 130px;
	width: 90px;
}

.orangeObject{
	background-color: #FFA635;
}

button.orangeObject:hover{
	background-color: #F08907;
}

.orangeText{
	color: #FFA635;
}

a.orangeText:hover{
	color: #F08907;
}

.contactButton{
	font-size: 1.3em;
	border-radius: 5px;
}

.shadowedBox{
	box-shadow: 5px 5px 20px #4A4949;
}

.shadowedBox1{
	box-shadow: 5px 5px 20px gray;
}

.shadowedBox2{
	box-shadow: 5px 5px 20px #606060;
	border-radius: 25px;
}

.curvedButton{
	border-radius: 20px;
}

.inputSearch{
	background-image: url("icons/search.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.display-4{
	font-size: 3em;
}

.h3{
	line-height: 1.75;
}

.h4{
	font-size: 1.5em;
}

.h5{
	line-height: 1.4em;
}

.shadowedText{
	text-shadow: 5px 10px 16px #212121;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

a.menuText, a.menuTextAlt, a.btnText{
	text-decoration: none;
}

button{
	font-family: robotoMedium;
}

.bgBuilding{
	background-image: url('images/LandingPageBG.png');
	background-color: #FFA635;
	height: 100%;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.bgGeometric{
	background-image: url('images/LandingPageAbout_left.png');
	height: 100%;
	background-color: #212121;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bgCrane{
	background-image: url('images/LandingPageBG2.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bgCity{
	background-image: url('images/FeaturesPageBG.png');
	height: 100%;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
}

.bgCode{
	background-image: url('images/FeaturesPageBG2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bgCodeCover{
	background-color: #000000;
    background-color: rgba(0,0,0,0.8);
	background-image: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0), rgba(0,0,0,0.9));
}

.bgLightGray{
	background-color: #EEEEEE;
}

.bgGray{
	background-color: #4A4949;
}

.bgGray1, .darkForm, .errorForm{
	background-color: #514F50;
}

.darkForm, .darkForm:active{
  background: transparent;
  border: none;
  border-bottom: 1px solid #FFA635;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  color: white;
}

.errorForm, .errorForm:active{
  background: transparent;
  border: none;
  border-bottom: 1px solid #DC3545;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  color: white;
}

.darkForm:focus, .errorForm:active{
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bgDarkGray{
	background-color: #212121;
}

.bgBlack{
	background-color: #000000;
}

.bgTransparent{
	background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.3),black);
}

.lightGrayText{
	color: #EEEEEE;
}

.grayText{
	color: #777A7C;
}

.grayText1{
	color: #BCBCBC;
}

.infoText, .infoText1{
	font-family: robotoMedium;
	font-size: 1.25em;
}

.orangeUnderline{
	height: 20px;
	background-color: #FFA635;
}

.bigIcon{
	width: 120px;
	height: 120px;
}

.biggerIcon{
	width: 250px;
	height: 250px;
}

.smallIcon{
	width: 50px;
	height: 50px;
}

.responsiveIcon{
	font-size: 5vw;
}

.responsiveIcon-md{
	font-size: 2vw;
}

.responsiveIcon-lg{
	font-size: 3vw;
}

.responsiveIcon-xl{
	font-size: 7vw;
}

.floatingBox{
	width: 30%;
	height: 125px;
	position: absolute;
}

#overlappedDiv{
	position: relative;
	top: -5%;
	left: 12%;
	z-index: 1;
}

#contactOutline{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 2%;
	right: -2%;
	z-index: -1;
}

#dottedLines{
	width: 40%;
	height: 10px;
	border-bottom: dashed white 7px;
	position: absolute;
	top: 5%;
	right: -2%;
	z-index: 1;
}

#dottedLines1{
	width: 40%;
	height: 10px;
	border-bottom: dashed white 7px;
	position: absolute;
	bottom: 5%;
	right: -10%;
	z-index: 1;
}

#map {
  height: 400px;
  width: 50%;
}

.bgText{
	font-family: robotoMedium;
	position: absolute;
	top: 18%;
	left: 0%;
	font-size: 150px;
	z-index: 0;
	opacity: 20%;
	line-height: 1;
}

.bgText1{
	font-family: robotoMedium;
	position: absolute;
	top: 18%;
	left: 8%;
	font-size: 200px;
	z-index: 0;
	opacity: 16%;
	line-height: 1;
}

.bgTextContainer{
	position: relative;
}

.spinner-grow{
	width: 2em;
	height: 2em;
}

.lazy{
   background-image: none;
}

@media only screen and (max-width: 768px){
	.navbar-collapse{
		background-color: white;
		width: 25%;
		margin-left: 0;
		margin-right: 5em;
		box-shadow: 3px 3px 5px grey;
	}
	
	.nexusBrand{
		font-size: 1.50em;
	}
	
	.nexusLogo{
		height: 40px;
		width: 30px;
	}
	
	.menuText, .menuTextAlt{
	}
	
	.activeHighlight{
		background-color: #FFA635;
	}
	
	.menuText:hover, .menuTextAlt:hover{
		color: #777A7C;
		border: none;
	}

	.shadowedText{
		text-shadow: 5px 5px 5px gray;
	}
	
	.activeUnderline, .activeUnderlineAlt{
		border: none;
		color: white;
	}
	
	.contactButton{
		font-size: 1.2em;
		border-radius: 5px;
	}
	
	.bgBuilding{
		height: 75%;
		background-attachment: scroll;
	}
	
	.display-1{
		font-size: 2.25em;
		line-height: 1.0;
	}
	
	.display-3{
		font-size: 2.0em;
	}
	
	.display-4{
		font-size: 1.75em;
		line-height: 1.0;
	}
	
	.h1{
		font-size: 1.25em;
		line-height: 1.0;
	}
	
	button.h1{
		font-size: 1.0em;
		line-height: 1.0;
	}
	
	.h2{
		font-size: 1.25em;
	}

	.h3{
		font-size: 1.10em;
	}
	
	.h4{
		font-size: 1.0em;
	}
	
	.h5{
		font-size: 1.0em;
		line-height: 1.2em;
	}
	
	.infoText{
		font-size: 1.10em;
		line-height: 1.0;
		text-align: center;
	}
	
	.infoText1{
		font-size: 1.1em;
	}
	
	.bigIcon{
		width: 50px;
		height: 50px;
	}

	.biggerIcon{
		width: 150px;
		height: 150px;
	}

	.responsiveIcon{
		font-size: 8vw;
	}

	.responsiveIcon-md{
		font-size: 4vw;
	}
	
	.responsiveIcon-lg{
		font-size: 8vw;
	}

	.responsiveIcon-xl{
		font-size: 15vw;
	}
	
	.floatingBox{
		width: 100%;
		height: 90px;
	}
	
	.orangeUnderline{
		height: 10px;
	}
	
	.bgText{
		font-size: 100px;
	}
	
	.bgText1{
		left: 0%;
		font-size: 55px;
	}

	.bgGray{
		background-image: url('images/LandingPageAbout_left.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	#stratosBox1, #dottedLines, #contactOutline{
		display: none;
	}

	#overlappedDiv{
		left: 0%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px){
	.navbar-collapse{
		background-color: white;
		width: 25%;
		margin-left: 0;
		margin-right: 5em;
		box-shadow: 3px 3px 5px grey;
	}
	
	.nexusBrand{
		font-size: 1.75em;
	}
	
	.nexusLogo{
		height: 40px;
		width: 30px;
	}
	
	.menuText, .menuTextAlt{
	}
	
	.menuText:hover, .menuTextAlt:hover{
		color: #777A7C;
		border: none;
	}

	.shadowedText{
		text-shadow: 5px 5px 5px gray;
	}
	
	.activeHighlight{
		background-color: #FFA635;
	}
	
	.activeUnderline, .activeUnderlineAlt{
		border: none;
		color: white;
	}
	
	.contactButton{
		font-size: 1.2em;
		border-radius: 5px;
	}
	
	.bgBuilding{
		height: 100%;
		background-attachment: scroll;
	}
	
	.display-1{
		font-size: 3.5em;
		line-height: 1.0;
	}
	
	.display-3{
		font-size: 3em;
	}
	
	.display-4{
		font-size: 2.0em;
		line-height: 1.0;
	}
	
	.h1{
		font-size: 1.5em;
		line-height: 1.0;
	}
	
	.h2{
		font-size: 1.25em;
	}
	
	.h4{
		font-size: 1em;
	}
	
	.infoText{
		font-size: 1.25em;
		line-height: 1.0;
		text-align: center;
	}
	
	.bigIcon{
		width: 75px;
		height: 75px;
	}

	.biggerIcon{
		width: 150px;
		height: 150px;
	}

	.responsiveIcon{
		font-size: 6vw;
	}

	.responsiveIcon-md{
		font-size: 3vw;
	}
	
	.responsiveIcon-lg{
		font-size: 6vw;
	}

	.responsiveIcon-xl{
		font-size: 10vw;
	}
	
	.floatingBox{
		width: 70%;
		height: 100px;
	}
	
	.orangeUnderline{
		height: 10px;
	}
	
	.bgGray{
		background-image: url('images/LandingPageAbout_left.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.bgText1{
		font-size: 130px;
	}

	#overlappedDiv{
		left: 0%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1300px){
	.nexusBrand{
		font-size: 2.0em;
	}
	
	.nexusLogo{
		height: 55px;
		min-width: 40px;
	}

	.shadowedText{
		text-shadow: 5px 5px 10px gray;
	}
	
	.contactButton{
		font-size: 1.2em;
		border-radius: 5px;
	}
	
	.display-1{
		font-size: 4em;
		line-height: 1.0;
	}
	
	.display-3{
		font-size: 3.5em;
	}
	
	.display-4{
		font-size: 2.5em;
		line-height: 1.0;
	}
	
	.h1{
		font-size: 1.75em;
		line-height: 1.0;
	}
	
	.h2{
		font-size: 1.5em;
	}
	
	.h4{
		font-size: 1.2em;
	}
	
	.h5{
		font-size: 1.2em;
	}
	
	.infoText{
		font-size: 1.25em;
		line-height: 1.0;
		text-align: center;
	}
	
	.floatingBox{
		width: 50%;
		height: 140px;
	}
	
	.bgText1{
		font-size: 150px;
	}

	.biggerIcon{
		width: 175px;
		height: 175px;
	}
	
	.responsiveIcon-lg{
		font-size: 4vw;
	}
}

@media only screen and (min-width: 1300px){
	
	
}