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

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');

html, body {
    height: 100%;
	background-attachment: fixed;
	background-color:#fff;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
	color:#8dc638;
}

#wrap {
	min-height: 100%;
	height: auto;
  /* Negative indent footer by its height */
    margin: 0 auto -300px;
  /* Pad bottom by footer height */
    padding: 0 0 300px;
}

.h1{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 50px;
	line-height: 50px;
	color: #8DC638;
	font-weight:700;
	margin-bottom: 20px;
	letter-spacing: .08em;
}

.intro{
	font-family: 'Lato', sans-serif;
	font-size: 25px;
	line-height: 32px;
	font-weight: 500;
	letter-spacing: .05em;
	color: #414042;
	margin-top: 0px;
	margin-bottom: 20px;
}

.h2{
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	line-height: 30px;
	color: #173862;
	font-weight:900;
	margin-bottom: 10px;
	letter-spacing: .03em;
	text-align: left;
}

.h3{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 27px;
	color: #8DC638;
	font-weight:900;
	margin-bottom: 10px;
	letter-spacing: .07em;
}

.h4{
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	line-height: 18px;
	color: #173862;
	font-weight:900;
	margin-bottom: 3px;
	letter-spacing: .07em;
}

.p-sub{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 19px;
	font-weight: 400;
	letter-spacing: .05em;
	color: #414042;
	margin-top: 0px;
	margin-bottom: 15px;
}

.soft-sub{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	line-height: 19px;
	font-weight: 400;
	letter-spacing: .05em;
	color: #414042;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.p{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: .05em;
	color: #414042;
	margin-top: 0px;
	margin-bottom: 15px;
}

.p-l{
	font-family: 'Lato', sans-serif;
	color: #414042;
	list-style-type: circle;
	font-size: 17px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: .03em;
	margin: 0px 0px 5px 0px;
}

.p-l li:not(:last-child) {
    margin-bottom: 15px;
}

.p a:link {
	color: #8dc638; 
	font-weight:400;
	text-decoration: none;
}

.p a:active {
	color: #8dc638;
	font-weight:400; 
	text-decoration: none; 
}

.p a:visited {
	color: #8dc638; 
	font-weight:400;
	text-decoration: none; 
}

.p a:hover {
	color: #414042; 
	font-weight:400;
}

/* PAGE DIV STYLING */

.top-row {
	padding-top: 70px;
	padding-bottom: 70px;
}

.mid-row {
	padding-top: 90px;
	padding-bottom: 90px;
	border-top: 3px solid #173862;
}

.mid-row-sub {
	padding-top: 90px;
	padding-bottom: 10px;
	border-top: 3px solid #173862;
}

.mid-sub {
	padding-top: 10px;
	padding-bottom: 90px;
	border-top: 1px solid #8dc638;
}

.img-center {
    display: block;
    margin: auto;
}

.centered {
	text-align:center;
}

.img-about {
	margin-top: 25px; 
	max-width: 60%; 
	margin-bottom: 10px;
}

.software {
	border: 4px solid #8dc638;
}

.img-space {
	margin-top: 20px;
	-webkit-box-shadow: 0px 0px 10px 5px #dcdcdc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    0px 0px 10px 5px #dcdcdc;  /* Firefox 3.5 - 3.6 */
  	box-shadow:         0px 0px 10px 5px #dcdcdc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	margin-bottom: 15px;
}

.green-break {
	border-top: 1px solid #8DC638;
	margin: 7px 0px 7px 0px;
}

.img-soft {
	margin-top: 10px;
	-webkit-box-shadow: 0px 0px 10px 5px #dcdcdc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    0px 0px 10px 5px #dcdcdc;  /* Firefox 3.5 - 3.6 */
  	box-shadow:         0px 0px 10px 5px #dcdcdc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	margin-bottom: 0px;
	border: 3px solid #173862;
}

/* VIDEO SECTION STYLES */

header {
	position: relative;
	background-color: #DCDCDC;
	height: auto;
	min-height: 85vh;
	width: 100%;
	overflow: hidden;
	border-bottom: 5px solid #8DC638;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background:rgba(23, 56, 98, .7);
  z-index: 1;
}



/* NOT NEEDED ? 

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://onexiarobotics.com/video/or-background-1.mp4') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}
*/

.video-cover {
	padding: 50px;
	margin-top: 140px;

}

.home-logo {
	max-width: 600px; 
}

.h1-cover{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-size: 70px;
	line-height: 70px;
	color: #8DC638;
	font-weight:700;
	margin-top: 3%;
	margin-bottom: 2%;
	letter-spacing: .08em;
	text-align: center;
}

.p-cover{
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	font-weight:300;
	letter-spacing: .08em;
	margin-bottom: 15px;
	text-align: center;
	padding: 0px 35px 25px 35px;

}

.ghost-button-green-h {
	color: rgba(141, 198, 56, 1);
	background: rgba(255, 255, 255, 0.0);
	border: 2px solid #8dc638;
	font-size: 20px;
	letter-spacing: .09em;
	padding: 19px 27px;
	font-weight:700;
	margin: 20px 0;
	margin-right: 45px;
	display: inline-block;
	text-decoration: none;
	font-family:  'Lato', sans-serif;
	min-width: 120px;
	-webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	outline: none;
}

.ghost-button-green-h:hover, .ghost-button-green-h:active {
	color:#8DC638;
	background: rgba(141, 198, 56, 0.5);
}

/* FOOTER STYLE */

.footer {
	position: relative;
	margin-top: -300px; /* negative value of footer height */ 
	min-height: 300px;
	clear:both;
	background-color:#173862;
	margin-left: 0px;
	margin-right: 0px;
	border-top: 3px solid #8dc638; 
} 

.p-f-h{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 20px;
	line-height: 13px;
	font-weight: 400;
	letter-spacing: .04em;
	margin-top: 10px;
}

.p-f{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	font-weight: 300;
	letter-spacing: .04em;
	margin-top: 0px;
}

.p-f-l{
	font-family: 'Lato', sans-serif;
	color: #fff;
	list-style-type: circle;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: .03em;
    margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 35px;
    padding: 0;
}

.p-f a:link {
	color: #8dc638; 
	font-weight:400;
	text-decoration: none;
}

.p-f a:active {
	color: #8dc638;
	font-weight:400; 
	text-decoration: none; 
}

.p-f a:visited {
	color: #8dc638; 
	font-weight:400;
	text-decoration: none; 
}

.p-f a:hover {
	color: #fff; 
	font-weight:400;
}

.p-f-cr{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	font-weight: 400;
	letter-spacing: .04em;
	margin-top: 20px;
}

.p-f-c{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	letter-spacing: .04em;
	margin-top: 15px;
	margin-left: 65px;
}

.p-f-c a:link {
	color: #8dc638; 
	font-weight:300;
	text-decoration: none;
}

.p-f-c a:active {
	color: #8dc638;
	font-weight:300; 
	text-decoration: none; 
}

.p-f-c a:visited {
	color: #8dc638; 
	font-weight:300;
	text-decoration: none; 
}

.p-f-c a:hover {
	color: #8dc638; 
	font-weight:300;
}


.p-f-c-l{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 15px;
	font-weight:300;
	border-radius:0px;
	letter-spacing: .11em;
	margin-top: 10px;
}

.p-f-c-l a:link {
	color: #fff; 
	font-weight:300;
	text-decoration: none;
}

.p-f-c-l a:active {
	color: #fff;
	font-weight:300; 
	text-decoration: none; 
}

.p-f-c-l a:visited {
	color: #fff; 
	font-weight:300;
	text-decoration: none; 
}

.p-f-c-l a:hover {
	color: #8dc638; 
	font-weight:300;
}

.p-f-o{
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 18px;
	line-height: 16px;
	font-weight: 300;
	letter-spacing: .04em;
	margin-top: 0px;
}


/* TOP NAVIGATION */

.top-bar {
	background-color: rgba(255, 255, 255, 0.7);
	margin-bottom: 0px;
}

.top-bar-text {
	text-align: right;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #414042;
	font-weight:700;
	padding-top: 7px;
	padding-bottom: 6px;
	letter-spacing: .03em;
	margin-bottom: 0px;
}

.top-bar-text a:link {
	color: #414042; 
	font-weight:700;
	text-decoration: none;
}

.top-bar-text a:active {
	color: #8dc638;
	font-weight:700; 
	text-decoration: none; 
}

.top-bar-text a:visited {
	color: #414042; 
	font-weight:700;
	text-decoration: none; 
}

.top-bar-text a:hover {
	color: #8dc638; 
	font-weight:700;
}

.navbar-brand {
	width: 150px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.nav-bar-highlight {
	letter-spacing: .09em;
	font-weight:700;
}

.navbar-default { 
	background-color:#173862;
	border-color: #8dc638;
	border-right-style: none;
	border-left-style: none;
	border-width: 3px;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight:300;
	border-radius:0px;
	letter-spacing: .11em;
	margin-bottom: 0px;
}
.navbar-default .navbar-brand {
	color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #8dc638;
}
.navbar-default .navbar-text {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #8dc638;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
background-color: #05172d;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
color: #8dc638;
background-color: #05172d;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
background-color: #05172d;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #8dc638;
background-color: #05172d;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #8dc638;
background-color: #05172d;
}
.navbar-default .navbar-toggle {
border-color: #05172d;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #05172d;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #ffffff;
}
.navbar-default .navbar-link {
color: #ffffff;
}
.navbar-default .navbar-link:hover {
color: #8dc638;
}


@media (max-width: 800px) {
	.h1-cover{
		font-size: 30px;
		line-height: 30px;
	}
	.p-cover{
		font-size: 25px;
		line-height: 25px;
	}
	.h1{
		font-size: 35px;
		line-height: 35px;
	}
	
	.home-logo {
		max-width: 100%; 
	}
	.intro{
		font-family: 'Lato', sans-serif;
		font-size: 22px;
		line-height: 29px;
	}
}

@media (max-width: 800px) {
  .mobile-hide {
		display: none;
	}
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #8dc638;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #8dc638;
background-color: #05172d;
}
	 
}