/*________________ VARIBLES________________ */
.altText {
  display: none; }

.preLoadImg, .showOnLoad {
  display: none; }

/*________________ Theme VARIBLES________________ */
/*________________ Default Styles ___________________*/
.desktop {
  display: block; }

.print {
  display: none; }

.mobile {
  display: none !important; }

* {
  margin: 0px;
  padding: 0px;
  font-family: "Lato", sans-serif;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  height: auto;
  min-height: 100%; }

body {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  position: relative;
  /*remove bg from here */
  font-size: 100%;
  font: inherit;
  font-family: "Lato", sans-serif; }

a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
  color: #0383DF;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */ }

a:hover, a:focus {
  text-decoration: none;
  color: #0383DF; }

a * {
  cursor: pointer; }

img {
  border: none;
  vertical-align: middle;
  /*width:100%;*/ }

p {
  margin: 3px 0 3px 0; }

ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }

ol {
  padding: 0px;
  margin: 0px;
  padding-inline-start: 15px; }

fieldset {
  border: none;
  padding: 0px;
  margin: 0px; }

select, input {
  color: #000;
  outline: none;
  /*background-color: transparent;*/ }

input[type=submit] {
  cursor: pointer; }

input[type=checkbox], input[type=radio] {
  width: 18px;
  height: 18px;
  vertical-align: middle; }

input + span, input + label {
  padding-left: 5px; }

form {
  padding: 0px;
  margin: 0px; }

.hidden {
  text-indent: -999px;
  display: none; }

.clear {
  clear: both; }

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font: inherit;
  position: relative; }

h2 {
  color: #001E35;
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  text-align: center;
  padding: 20px; }

h3 {
  color: #f62a74;
  font-family: "Montserrat", sans-serif;
  font-size: 24px; }

p, .text {
  font-size: 1em;
  font-family: "Lato", sans-serif; }

p {
  max-width: 1000px;
  margin: auto; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.middle {
  vertical-align: middle;
  text-align: center; }

.one-word {
  white-space: nowrap; }

.no-select {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */ }

.top {
  position: absolute;
  top: 0;
  left: 0; }

.bottom {
  position: absolute;
  bottom: 0;
  left: 0; }

.center {
  position: absolute;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  left: 0;
  right: 0; }

.transition {
  transition: all 1s ease-in-out;
  -webkit-transition: all 1.5s ease-in-out;
  /** Chrome & Safari **/
  -moz-transition: all 1.5s ease-in-out;
  /** Firefox **/
  -o-transition: all 1.5s ease-in-out;
  /** Opera **/ }

no-transition, .transition.no-transition {
  transition: unset;
  -webkit-transition: unset;
  -moz-transition: unset;
  -o-transition: unset; }

.transition.down-to-top {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  /** Chrome & Safari **/
  -o-transform: translate(0, 0);
  /** Opera **/
  -moz-transform: translate(0, 0);
  /** Firefox **/ }

.white {
  color: #ffffff; }

.theme-color {
  color: #f62a74; }

.blue {
  color: #0383DF; }

.dark-blue {
  color: #001E35; }

.white-back {
  background-color: #ffffff; }

.theme-back {
  background-color: #f62a74; }

.blue-back {
  background-color: #0383DF; }

.dark-blue-back {
  background-color: #001E35; }

.black-back {
  background-color: #000; }

.spaced {
  line-height: 1.7em; }

.spacer {
  height: 10px; }

.spacer-2 {
  height: 20px; }

.spacer-4 {
  height: 40px; }

.bigger-text-1 {
  font-size: 1em !important; }

.bigger-text-1_5 {
  font-size: 1.5em !important; }

.bigger-text-2 {
  font-size: 2em !important; }

.bigger-text-3 {
  font-size: 3em !important; }

.smaller-text-0_5 {
  font-size: 0.5em !important; }

.smaller-text-0_75 {
  font-size: 0.75em !important; }

@media only screen and (max-width: 720px) {
  #outer-wrapper .desktop {
    display: none !important; }

  #outer-wrapper .mobile {
    display: block !important; }

  #outer-wrapper .row {
    display: table-row; }

  #outer-wrapper .button {
    width: unset; }

  #outer-wrapper .page .inner-wrapper .head {
    padding-bottom: 0; }

  #outer-wrapper .page .inner-wrapper .head h1 {
    margin-bottom: 10px; }

  #outer-wrapper #our-presence {
    display: none; }

  /*
  NA now as few links
  #outer-wrapper #minor-links .links a {
  	font-size: 0.6em;
  }
  */
  #outer-wrapper .grid {
    display: block;
    justify-content: unset; }

  #outer-wrapper .grid .grid-cell {
    width: 100%; }

  .mobile-wrap {
    display: block; } }
/*-- Page specific --*/
.outer-wrapper {
  width: 100%;
  max-width: 1440px;
  position: relative;
  background: #ffffff; }

.page .inner-wrapper {
  padding-top: 60px; }

.page .inner-wrapper section {
  padding: 20px 3%; }

.button {
  padding: 10px 20px;
  font-size: 15px;
  justify-content: center;
  width: 180px;
  text-align: center;
  border-radius: 25px;
  background-color: #0383DF;
  color: #fff; }

.buttons {
  bottom: 10px; }

.button.short {
  padding: 10px 20px; }

.button:hover {
  color: #fff; }

input[type="text"], select, textarea {
  color: #fff;
  width: 100%;
  border: none;
  border-bottom: 1px solid #fff;
  background-color: transparent;
  font-size: 22px;
  font-family: "Lato", sans-serif; }

input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  font-size: 22px; }

input[type="text"]::-moz-placeholder, textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  font-size: 22px; }

input[type="text"]::-ms-input-placeholder, textarea::-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  font-size: 22px; }

input[type="text"]::-moz-placeholder, textarea::-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  font-size: 22px; }

input[type="text"]::placeholder, textarea::placeholder {
  color: #fff;
  font-size: 22px; }

/*--------------- Header --------------*/
#header {
  width: 100%;
  height: 60px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: fixed;
  opacity: 0.92;
  padding: 14px 25px;
  z-index: 1000;
  background: #ffffff;
  box-shadow: 0 0 1px 0 rgba(16, 16, 32, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.15);
  cursor: default;
  clear: both; }

#header .inner-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between; }

#header .content {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1; }

#header #logo {
  margin-left: 3%; }

#header #logo img {
  width: 195px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #header #logo img {
    margin-top: -10px; } }
#header .options {
  display: flex; }

/*----- Grid -----*/
.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.grid-cell {
  position: relative; }

.grid.standard .grid-cell {
  margin: auto;
  margin-bottom: 20px;
  min-width: 300px; }

.table {
  display: table;
  width: 100%;
  height: 100%; }

.table-cell {
  display: table-cell; }

.table.standard .table-cell {
  position: relative; }

.grid .grid-cell.padded, .table .table-cell.padded {
  padding: 20px; }

.mobile-wrap {
  display: inline-block; }

/*_______________Hamburger Navigation________________*/
a.open-responsive-panel, a.close-responsive-panel {
  display: inline; }

/*Hamburger Animated Mobile Nav Icon*/
body #responsive-nav {
  font-size: 20px;
  display: none;
  position: absolute;
  z-index: 1000;
  top: 60px;
  /*moz-transform: translate3d(-1000px, 0, 0);
  -ms-transform: translate3d(-1000px, 0, 0);
  -o-transform: translate3d(-1000px, 0, 0);
  transform: translate3d(-1000px, 0, 0);
  -webkit-transform: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;*/ }

#responsive-nav .nav ul {
  float: none; }

#responsive-nav .nav ul {
  padding: 0px; }

#responsive-nav .nav ul li {
  float: none;
  text-align: left;
  padding: 10px 1em;
  width: 200px;
  box-sizing: border-box;
  background-color: #384663;
  border-bottom: 1px solid #fff; }

.openResponsiveNav body #responsive-nav {
  right: 0px;
  display: block;
  /*-webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px,0);
  -ms-transform: translate(0px,0);
  -o-transform: translate(0px,0);
  transform: translate(0px,0);
  -webkit-transform: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease;*/ }

#responsive-nav a {
  color: #fff; }

#responsive-nav .nav ul li:last-child {
  border-bottom: none; }

#responsive-nav .nav ul li a {
  font-size: 20px; }

#responsive-nav .nav ul li:hover {
  color: #fff;
  background: #0383DF;
  text-shadow: 2px 2px 10px #fff; }

#responsive-nav .nav ul li ul.sub-nav {
  display: block;
  position: relative;
  background: none; }

#responsive-nav .nav ul li ul.sub-nav li {
  border-bottom: 0;
  width: 100%;
  font-size: 14px;
  padding: .4em 0 0 .5em;
  text-transform: uppercase; }

.close-responsive-panel {
  position: relative;
  top: .5em;
  left: 1em; }

/*Hamburger Animated Mobile Nav Icon*/
#nav-toggle {
  cursor: pointer;
  top: 20px;
  right: 3%;
  padding: 9px 26px 16px 0px;
  position: absolute;
  z-index: 100; }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  /*5*/
  width: 26px;
  background-color: #0383DF;
  position: absolute;
  display: block;
  content: ''; }

#nav-toggle span:before {
  top: -8px;
  /*-10*/ }

#nav-toggle span:after {
  bottom: -8px;
  /*-10*/ }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out; }

#nav-toggle.active span {
  background-color: transparent; }

#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0; }

#nav-toggle.active span:before {
  transform: rotate(45deg); }

#nav-toggle.active span:after {
  transform: rotate(-45deg); }

section {
  position: relative; }

/*________ Background section ________*/
.content-table-grid {
  background-color: #001E35; }

.content-table-grid h3 {
  color: #f62a74;
  font-size: 24px; }

.content-table-grid .text {
  color: #fff;
  padding-top: 20px; }

.content-table-grid .buttons {
  padding: 20px 0; }

.content-table-grid .grid-cell {
  padding: 10px 2%;
  position: relative; }

/*_________Footer : payment options_________*/
#payment-options {
  background-color: #000;
  text-align: center; }

#payment-options ul {
  padding: 7px 0; }

#payment-options li {
  display: inline;
  padding: 0px 15px;
  color: #fff; }

#payment-options li img {
  height: 35px; }
.page .inner-wrapper section#payment-options {
  padding: 0; }

/*_________Footer : minor links_________*/
#minor-links {
  background-color: #f62a74;
  padding: 10px 3%; }

#minor-links .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

#minor-links .links .delimeter {
  color: #fff;
  margin-top: 5px;
  padding: 0 10px; }

#minor-links .links a {
  color: #fff;
  line-height: 10px;
  padding: 10px 10px; }

/*_________Footer_________*/
#footer {
  background-color: #001E35;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 0.8em; }

/*_________Presence_________*/
#our-presence h2 {
  font-size: 59px; }

#our-presence .offset {
  margin-left: 50px; }

#our-presence img {
  width: 100%; }

#our-presence h2 {
  color: #f62a74; }

#our-presence h2 .text {
  font-family: "Montserrat", sans-serif;
  padding: 10px; }

#our-presence #legend {
  position: absolute;
  bottom: 50px;
  left: 35px; }

#our-presence #legend span {
  font-size: 27px;
  padding-right: 10px; }

#our-presence #legend span.text {
  padding-right: 100px; }

#our-presence .pois .poi {
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 50; }

#our-presence .pois .poi .icon {
  font-size: 22px;
  font-weight: bold;
  left: -2px; }

#our-presence .presence {
  color: #a828b5; }

#our-presence .gsa {
  color: #0383DF; }

#our-presence .pulsate {
  width: 15px;
  height: 15px;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 50%;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1); }

#our-presence .pulsate.s0 {
  animation-delay: 0s; }

#our-presence .pulsate.s1 {
  animation-delay: 0.5s; }

#our-presence .pulsate.s2 {
  animation-delay: 1s; }

#our-presence .pulsate.s3 {
  animation-delay: 1.5s; }

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } }
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } }
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } }
@keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } }
#our-presence .presence .pulsate {
  box-shadow: 0 0 0 0 #a828b5; }

#our-presence .gsa .pulsate {
  box-shadow: 0 0 0 0 #0383DF; }

.home {
  background-color: #E5E5E5; }

.home #header {
  position: absolute;
  top: 0;
  background: transparent;
  box-shadow: unset; }
  .home #header #logo {
    margin-top: 75px; }
  .home #header #logo img {
    width: 345px; }

#header {
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  /** Chrome & Safari **/
  -moz-transition: all 1s ease-in-out;
  /** Firefox **/
  -o-transition: all 1s ease-in-out;
  /** Opera **/ }

.home #header {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  /** Chrome & Safari **/
  -o-transform: translate(0, 0);
  /** Opera **/
  -moz-transform: translate(0, 0);
  /** Firefox **/ }

.home #header #nav-toggle span, .home #header #nav-toggle span:before, .home #header #nav-toggle span:after {
  background-color: #fff; }

.home #header #nav-toggle.active span {
  background-color: transparent; }

.home #responsive-nav .nav ul li {
  background-color: #5d0854; }

.home #responsive-nav .nav ul li:hover {
  background-color: #4b0552; }

.home h2 {
  font-size: 59px; }

/*_________Intro_________*/
.home section#intro {
  display: flex;
  color: #fff;
  overflow: hidden;
  height: 140vh;
  background: linear-gradient(302.88deg, #21004C 0%, #F71B6A 50.83%, #EBEBEB 100%);
  padding: 80px 3%; }

.home section#intro h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 59px; }

.home section#intro #caption {
  padding-top: 20vh; }

.home section#intro #caption .button {
  background-color: transparent;
  border: 1px solid #fff; }

.home section#intro > div {
  width: 45vw;
  margin: auto; }

.home #intro .scroll-panel section {
  margin-top: 30vh; }

.home section#intro .login-links {
  display: table;
  width: 100%; }

.home section#intro .login-links > div {
  display: table-cell; }

.home section#intro .login-links #login {
  padding-top: 10%; }

.home section#intro .login-links #forgot-password {
  color: #fff; }

.home section#intro .login-links #forgot-password:hover {
  text-shadow: 1px 1px 5px #fff; }

.home section#intro #verticles {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between; }

.home section#intro #verticles .vertical {
  padding-top: 15px;
  width: 50%;
  display: table-cell;
  margin: auto; }

.home section#intro #verticles .vertical span {
  text-align: center;
  display: block; }

.home section#intro #verticles .icon {
  font-size: 10em; }

.home section#intro #verticles .icon {
  font-size: 10em; }

.home section#intro #numbers {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between; }

.home section#intro #numbers .number {
  padding-top: 15px;
  width: 50%;
  display: table-cell;
  margin: auto;
  text-align: center; }

.home section#intro #numbers .number .int {
  font-size: 4vw;
  display: block; }

.home section#intro #numbers .number .text {
  display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .home section#intro #verticles .vertical, .home section#intro #numbers .number {
    float: left; } }
.home #intro .arrow {
  position: absolute;
  bottom: 44vh;
  left: 48%;
  text-align: center;
  font-size: 1em; }

/*  https://codepen.io/dodozhang21/pen/siKtp

	@import "compass/css/animation";
	.bounce {
	  @include animation(bounce 2s infinite);
	}

	@include keyframes(bounce) {
		0%, 20%, 50%, 80%, 100% {
	    @include transform(translateY(0));
	  }
		40% {
	    @include transform(translateY(-30px));
	  }
		60% {
	    @include transform(translateY(-15px));
	  }
	}	

	Needs compass/animation installed;
	so using a pure CSS version instead
 */
.bounce {
  animation: bounce-frames 1.5s infinite; }

@-webkit-keyframes bounce-frames {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-20px); }
  60% {
    transform: translateY(-15px); } }
@keyframes bounce-frames {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-20px); }
  60% {
    transform: translateY(-15px); } }
.home section#intro #numbers .spacer {
  display: table-cell;
  width: 100%;
  height: 120px; }

/*_________Work With Us_________*/
.home #work-with-us h3 {
  color: #f62a74;
  font-size: 2vw; }

.home #work-with-us .grid-cell {
  padding: 10px;
  position: relative;
  width: 16.66667%; }

.home #work-with-us .grid-cell .block {
  position: relative; }

.home #work-with-us .grid-cell .block:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/ }

.home #work-with-us .grid-cell > div:nth-child(2) {
  margin-top: 20px; }

.home #work-with-us .grid-cell .content.block {
  font-sze: 1.4vw; }

.home #work-with-us .grid-cell .icon.block {
  font-size: 8vw;
  text-align: center;
  color: #fff;
  background-color: #001E35; }

/*_________Presence_________*/
.home #our-presence .offset {
  margin-left: 50px; }

.home #our-presence img {
  width: 100%; }

.home #our-presence h2 {
  color: #f62a74; }

.home #our-presence h2 .text {
  font-family: "Montserrat", sans-serif;
  padding: 10px; }

.home #our-presence #legend {
  position: absolute;
  bottom: 50px;
  left: 35px; }

.home #our-presence #legend span {
  font-size: 27px;
  padding-right: 10px; }

.home #our-presence #legend span.text {
  padding-right: 100px; }

.home #our-presence .pois .poi {
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 50; }

.home #our-presence .pois .poi .icon {
  font-size: 22px;
  font-weight: bold;
  left: -2px; }

.home #our-presence .presence {
  color: #a828b5; }

.home #our-presence .gsa {
  color: #0383DF; }

.home #our-presence .pulsate {
  width: 15px;
  height: 15px;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 50%;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.5s infinite cubic-bezier(0.66, 0, 0, 1); }

.home #our-presence .pulsate.s0 {
  animation-delay: 0s; }

.home #our-presence .pulsate.s1 {
  animation-delay: 0.5s; }

.home #our-presence .pulsate.s2 {
  animation-delay: 1s; }

.home #our-presence .pulsate.s3 {
  animation-delay: 1.5s; }

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } }
@-moz-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } }
@-ms-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } }
@keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); } }
.home #our-presence .presence .pulsate {
  box-shadow: 0 0 0 0 #a828b5; }

.home #our-presence .gsa .pulsate {
  box-shadow: 0 0 0 0 #0383DF; }

/*_________Become GSA_________*/
.home #become-GSA img {
  width: 100%;
  min-height: 185px;
  filter: sepia(0.4) contrast(0.55); }

.home #become-GSA h2 {
  color: #fff;
  text-shadow: 2px 2px 10px #666; }

.home #become-GSA .text {
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-shadow: 2px 2px 5px #666;
  padding: 0 14%; }

.home #become-GSA .subscribe {
  text-align: center;
  color: #fff; }

.home #become-GSA input {
  width: 300px; }

.home #become-GSA .button {
  background-color: #f62a74; }

/*_________API Connect_________*/
.home #api-connect h2 {
  color: #f62a74; }

.home #api-connect .diagram {
  display: block;
  margin: auto;
  padding-top: 20px;
  width: 90%;
  padding: 40px 0; }

/*.home #api-connect .diagram .logo {
	display:block;
	margin:auto;
}*/
.home #api-connect .diagram .lines {
  display: block;
  position: relative; }

.home #api-connect .diagram label {
  position: absolute;
  font-size: 2vw; }

.home #api-connect .diagram label.L {
  left: 3%; }

.home #api-connect .diagram label.R {
  right: 3%;
  text-align: right; }

.home #api-connect .diagram label.V1 {
  top: -11%; }

.home #api-connect .diagram label.V2 {
  top: 21%; }

.home #api-connect .diagram label.V3 {
  top: 53%; }

.home #api-connect .diagram label.V4 {
  top: 85%; }

.home #api-connect .query {
  text-align: center; }

.home #api-connect .query input {
  color: #001E35; }

.home #api-connect input {
  width: 300px;
  border-color: #0383DF; }

.home #api-connect input[type="text"]::placeholder {
  color: #001E35; }

.home #api-connect .button {
  background-color: #0383DF; }

/*_________People_________*/
.home #people {
  padding: 0 20px 20px 20px; }
  .home #people .grid {
    display: block; }
  .home #people .thumbs {
    display: flex;
    justify-content: center; }
  .home #people .thumb {
    width: 100%; }
    @media (min-width: 720px) {
      .home #people .thumb {
        width: 23%;
        margin: 0 30px; } }
  .home #people .grid .thumb {
    position: relative;
    cursor: pointer;
    min-height: 100%; }
  .home #people .grid.photo .thumb {
    padding: 0;
    cursor: default;
    background-color: transparent; }
  .home #people .grid .thumb img {
    width: 100%; }
  .home #people .grid.photo .thumb .byline {
    color: #ffffff;
    font-weight: normal;
    line-height: 20px; }
  .home #people .grid.text .thumb {
    color: #fff;
    background-color: #000;
    text-align: center;
    display: table;
    padding: 45px 15px;
    height: 198px;
    /*189*/ }
  .home #people .grid.text .thumb .box {
    vertical-align: middle;
    text-align: center;
    display: table-cell; }
  .home #people .grid.text .thumb .band {
    left: 0; }
  .home #people .grid.text .thumb:hover .byline {
    color: #000; }
  .home #people .grid.text .thumb .title {
    font-size: 24px;
    font-weight: 600;
    position: relative; }
  .home #people .grid.text .thumb .byline {
    font-size: 24px; }
  .home #people .grid .thumb .byline {
    font-size: 12px; }
  .home #people .grid .thumb .byline2 {
    font-size: 14px;
    padding-top: 8px; }
  .home #people .band {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    background: rgba(241, 111, 92, 0);
    background: -moz-linear-gradient(top, rgba(241, 111, 92, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(248, 79, 49, 0) 51%, rgba(248, 80, 50, 0.02) 52%, #141414 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241, 111, 92, 0)), color-stop(0%, rgba(246, 41, 12, 0)), color-stop(51%, rgba(248, 79, 49, 0)), color-stop(52%, rgba(248, 80, 50, 0.02)), color-stop(100%, #141414));
    background: -webkit-linear-gradient(top, rgba(241, 111, 92, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(248, 79, 49, 0) 51%, rgba(248, 80, 50, 0.02) 52%, #141414 100%);
    background: -o-linear-gradient(top, rgba(241, 111, 92, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(248, 79, 49, 0) 51%, rgba(248, 80, 50, 0.02) 52%, #141414 100%);
    background: -ms-linear-gradient(top, rgba(241, 111, 92, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(248, 79, 49, 0) 51%, rgba(248, 80, 50, 0.02) 52%, #141414 100%);
    background: linear-gradient(to bottom, rgba(241, 111, 92, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(248, 79, 49, 0) 51%, rgba(248, 80, 50, 0.02) 52%, #141414 100%); }
  .home #people .band:hover {
    background: rgba(248, 80, 50, 0);
    background: -moz-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(57%, rgba(1, 40, 70, 0)), color-stop(59%, rgba(1, 40, 70, 0)), color-stop(73%, rgba(1, 40, 70, 0.35)), color-stop(99%, #012846), color-stop(100%, #012846));
    background: -webkit-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    background: -o-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    background: -ms-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    background: linear-gradient(to bottom, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#b33920', GradientType=0 );
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  .home #people .grid .thumb .title {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: table;
    margin: 0px 0 11px 0;
    /* margin:25px 0 15px 0;*/
    font-family: "Lato", sans-serif;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    z-index: 5; }
  .home #people .grid .thumb .title div {
    display: block;
    /*table-cell;*/
    text-align: left;
    vertical-align: middle;
    word-break: break-word;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0px 12%;
    color: #ffffff; }
  .home #people .byline {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    line-height: normal; }
  .home #people .grid.text .thumb.active .byline {
    color: #000; }
  .home #people .grid.photo .thumb .band.active-band {
    background: rgba(248, 80, 50, 0);
    background: -moz-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(57%, rgba(1, 40, 70, 0)), color-stop(59%, rgba(1, 40, 70, 0)), color-stop(73%, rgba(1, 40, 70, 0.35)), color-stop(99%, #012846), color-stop(100%, #012846));
    background: -webkit-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    background: -o-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    background: -ms-linear-gradient(top, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    background: linear-gradient(to bottom, rgba(248, 80, 50, 0) 0%, rgba(1, 40, 70, 0) 57%, rgba(1, 40, 70, 0) 59%, rgba(1, 40, 70, 0.35) 73%, #012846 99%, #012846 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#b33920', GradientType=0 );
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }

/*_________Footer : major links_________*/
.home #major-links {
  background-color: #001E35;
  padding: 40px 3%; }

.home #major-links h3 {
  color: #f62a74;
  font-size: 24px; }

.home #major-links .text {
  color: #fff;
  padding-top: 20px; }

.home #major-links .buttons {
  padding: 20px 0; }

.home #major-links .grid-cell {
  padding: 10px 2%;
  position: relative;
  width: 33.33333%; }

.home #major-links .social {
  padding: 10px 0; }

.home #major-links .social .circle {
  padding: 8px;
  background-color: #fff;
  border: 2px solid #0383DF;
  border-radius: 25px;
  color: #0383DF;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  cursor: pointer;
  width: 50px;
  height: 50px; }

@media only screen and (max-width: 720px) {
  .home #header #logo img {
    width: 240px; }
  .home #header #logo {
    margin-left: 0%;
    margin-top: 9px; }

  #outer-wrapper .home #work-with-us .grid {
    display: flex; }
  #outer-wrapper .home #work-with-us .grid .grid-cell {
    width: 50%; }
  #outer-wrapper .home h2 {
    font-size: 30px; }
  #outer-wrapper .home #work-with-us h3 {
    font-size: 18px; }
  #outer-wrapper .home #work-with-us .text {
    font-size: 12px; }
  #outer-wrapper .home section#intro {
    display: block;
    height: unset; }
  #outer-wrapper .home section#intro > div {
    width: 99%; }
  #outer-wrapper .home #intro .arrow {
    bottom: 10px; }
  #outer-wrapper .home section#intro #caption {
    padding-top: 10px;
    text-align: center; }
  #outer-wrapper .home section#intro h1 {
    font-size: 35px; }
  #outer-wrapper .home #intro .scroll-panel section {
    margin-top: 50px; }
  #outer-wrapper .home section#intro #verticles .icon {
    font-size: 7em; }
  #outer-wrapper .home section#intro #numbers .number .int {
    font-size: 14vw; }
  #outer-wrapper .home section#intro #numbers .number .text {
    font-size: 12px; }
  #outer-wrapper .home section#intro #numbers .spacer {
    height: 10px; }
  #outer-wrapper .home #work-with-us .grid-cell .icon.block {
    font-size: 80px; }
  #outer-wrapper .home #become-GSA .text {
    display: none; }
  #outer-wrapper .home #become-GSA .spacer-2, #outer-wrapper .home #become-GSA .spacer-4 {
    height: 5px; }
  #outer-wrapper .home #become-GSA .button {
    display: inline-block; }
  #outer-wrapper .home #api-connect .diagram .lines {
    width: 110%;
    margin-left: -5%; }
  #outer-wrapper .home #api-connect .diagram label {
    font-size: 12px;
    margin-top: -5px; }
  #outer-wrapper .home #people .thumbs {
    display: block;
    justify-content: unset; }
  #outer-wrapper .home #major-links .grid-cell {
    width: 100%; } }
#outer-wrapper #features .grid .grid-cell {
  width: 19%;
  font-size: 14px;
  height: 140px; }

.contact.page .inner-wrapper {
  padding-top: 0px; }

.contact .grid.standard .grid-cell {
  margin: 0 0 20px 0; }

.contact .left {
  text-align: left;
  padding-left: 0; }

.contact form .grid-cell {
  width: 100%;
  padding-bottom: 30px; }

.contact form .grid-cell .grid-cell {
  width: 50%;
  padding-bottom: 0; }

.contact form input, .contact form select, .contact form textarea {
  border-color: #000;
  color: #001E35; }

.contact form input {
  width: 70%; }

.contact form select, .contact form textarea {
  width: 300px; }

.contact form textarea {
  text-decoration: underline; }

.contact form input[type="text"]::placeholder, textarea::placeholder {
  color: #001E35; }

.contact form .button {
  background-color: #0383DF; }

.contact #addresses .grid .grid-cell {
  width: 50%;
  height: 240px; }

.contact #board-members .grid .grid-cell {
  width: 30%; }

.contact #sales-members .grid .grid-cell {
  width: 30%; }

.contact #sales-members .grid .grid-cell span {
  margin-left: 5px; }
.contact #sales-members h3 {
  padding-bottom: 10px; }
.contact #gsa-members .grid .grid-cell {
  width: 30%;
  border-bottom: 1px #384663; }
.contact .grid.long .grid-cell {
  margin: 0 0 40px 0; }
@media only screen and (max-width: 720px) {
  .contact form input {
    width: 95%; }

  .contact form .grid-cell .grid-cell {
    width: unset;
    padding-bottom: 30px; }

  .contact .grid.long .grid-cell {
    margin: unset; } }
/*# sourceMappingURL=non-login-global.css.map */