*{
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/* IE and Edge vertical scroll bugg */
html{overflow-x: hidden;}

body{
  margin: 0px;
  padding: 0px;
  font-family: 'metropolis', sans-serif;
}
p{
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.5px;
  color: #9f9f9f;
}

/* Adding this here because I don't know where it should go in this file and don't want it to get lost */
.axlang-copy {
  margin-top: 0px !important;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 100px;
}

.center{
  text-align: center;
}
a {
  text-decoration: none;
}
h1{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 48px;
  line-height: 1.46;
  letter-spacing: 0.5px;
  text-align: center;
  color: #00233b;
  text-transform: uppercase;
}
h2{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 42px;
  letter-spacing: 0.8px;
  text-align: center;
  color: #00233b;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 100px;
}
sup {
  font-size: small;
}
h1 sup {
  vertical-align: top;
}
span.bold{
  font-family: 'MetropolisBoldRegular', sans-serif;
  /*font-size: 18px;*/
  font-size: 14px;
  line-height: 1.44;
  letter-spacing: 0.6px;
  text-align: center;
  color: #00233b;
  text-transform: uppercase;
  display: block;
  padding: 0 20px;
}
span.big{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 100px;
  line-height: 1;
  letter-spacing: 3.5px;
  text-align: center;
  color: #00abf0;
  text-transform: uppercase;
  display: block;
  margin-top: 50px;
  margin-bottom: 40px;
}

a.blue-ghost{
  border: solid 2px #00abf0;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #00abf0;
  text-transform: uppercase;
  padding: 20px 80px 20px 40px;
  display: inline-block;
  position: relative;
  transition: all .35s ease;
  background: url('../images/icon-more-arrow-blue.svg') no-repeat;
  background-position: center right 25px;
}
a.blue-ghost img{
  height: 12px;
  margin-left: 20px;
  transition: all .35s ease;
}
a.blue-ghost:hover{
  color: #ffffff;
  background: url('../images/icon-more-arrow-white.svg') no-repeat;
  background-position: center right 15px;
  background-color: #00abf0;
}
a.blue-ghost:hover img{
  margin-left: 30px;
}
a.full-blue{
  font-family: 'metropolisbold', sans-serif;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  background: #00abf0;
  display: inline-block;
  padding: 20px 40px;
  text-transform: uppercase;
  transition: all .35s ease;
}
a.full-blue:hover{
  opacity: .7;
}
.small-container  {width: 800px;}
.relative{
  position: relative;
}
.border-top{
  border-top: 1px solid #dddddd;
  padding-top: 100px;
}
.border-right{
  border-right: 1px solid #dddddd;
}
.news-title{
  padding: 75px 0;
  position: relative;
}
.news-title>div{
  display: none;
}
.news-title h1  {margin: 0;}
.news-title p{
  margin-top: 20px;
  margin-bottom: 0;
  text-align: center;
}
.social-top-banner{
  margin-top: 75px;
  margin-bottom: 20px;
}
.social-top-banner .return{
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.5px;
  color: #9f9f9f;
  transition: all .35s ease;
}
.social-top-banner .return:hover{
  color: #00233b;
}

.devider{
  bottom: 0;
  position: absolute;
  height: 4px;
}
.devider.large{
  right: 0;
  left: 0;
  z-index: 1;
}
.devider.small{
  width: 72px;
  z-index: 2;
}
.devider.center{
  left: 50%;
  transform: translateX(-50%);
}
.devider.light    {background: #00abf0;}
.devider.dark     {background: #00233b;}

img.alignleft,
figure.alignleft{
  float:left;
  margin-right: 15px;
  margin-bottom: 5px;
}
img.aligncenter,
figure.aligncenter{
  width: 100%;
  height: auto;
}
img.alignright,
figure.alignright{
  float: right;
  margin-left: 15px;
  margin-bottom: 5px;
}
figure figcaption{
  border-bottom: 1px solid #dddddd;
  padding: 15px 0;
  font-family: 'MetropolisBookItalic', sans-serif;
  font-size: 12px;
  letter-spacing: 0.4px;
  text-align: left;
  color: #9f9f9f;
}

/* Mainchimp responses
============================= */
#mce-error-response {
  color: white;
  font-weight: 400 !important;
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px;
}
#mce-error-response a{
  color: #ffffff;
  text-decoration: underline;
}
#mc_embed_signup div.mce_inline_error{
  color: white;
  font-weight: 400 !important;
  font-size: 12px;
  margin-top: 10px;
  margin-right: 0;
  margin-left: 0;
  line-height: 18px;
  background-color: transparent !important;
}
div#mce-success-response{
  color: white;
  font-weight: 400 !important;
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px;
}

/* Header
============================= */
header{
  padding: 0 100px;
  transition: all .35s ease;
  display:block;
  position: absolute;
  z-index: 99;
  padding-bottom: 8px;
}

header.transparent{
}
header.black{
/*   background: black; */
}
header.blue{
  background: #001e32;
}
header .logo{
  margin: 30px 0;
  float: left;
  width: 160px;
  height: 35px;
}
header .logo a{
  display: block;
  height: 100%;
}
header .mobile-action{
  display: none;
}
header .menu-open{
  display: none;
  margin-top: 40px;
  width: 40px;
  height: 40px;
  top: -10px;
  right: 35px;
  position: absolute;
  z-index: 99999;
}
.res-men h3{display: none;}

.menu-open .bar{
  position: absolute;
  width: 100%;
  height: 5px;
  top: 50%;
  background: #ffffff;
  transform: translateY(-50%);
}
.menu-open .bar{
  margin: 0;
  transition: width .35s linear;
}
.menu-open .bar:first-child{
  top: 6px;
  bottom: auto;
}
.menu-open .bar:last-child{
  top: auto;
  bottom: 0;
  right: 0;
}
.menu-open .bar.bar-small{
  width: 50%;
}
/*.menu-open:hover .bar,*/
.menu-open.active{
  position: fixed;
}
.menu-open.active .bar{
  width: 100%;
}
header .menu{
  float: right;
  margin: 10px 0;
}
header .menu ul{
  margin: 0;
  list-style-type: none;
  position: relative;
}
header .menu li{
  display: inline-block;
  padding: 30px 20px;
  margin: 0 -3px;
  transition: all .35s ease;
}
header .menu li:first-child,
header .menu li:last-child{
  display: none;
}
header .menu li:last-child{
  margin-right: 0;
}
header .menu a{
  font-family: 'metropolisbold', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #ffffff;
}
header .menu a:hover {
  color:#00abf0;
}
.white-line{
  height: 2px;
  display: none;
  background: #ffffff;
  width: 50px;
  position: absolute;
  top: 70px;
  left:50%;
  transition: all .35s ease;
  z-index: 100;
}
header .menu .menu-item-901 a {
    color: #00abf0;
}


/* Dropdown Menu */
.res-men li {
	position: relative;
}

.res-men ul li:hover > ul li {
  display: block;
  padding-bottom: 0px;
  width: 210px;
  margin: auto;
  border-color: #00233b;
}

.sub-menu {
  display: block;
}

.res-men ul li:hover > .sub-menu {
  display: block;
}

.res-men ul ul {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
    width: 180px;
	padding-left: 0px;
}

.res-men .sub-menu .menu-item a {
	color: #a0a3a4;
}

.res-men .sub-menu .menu-item a:hover {
	color: #00abf0
}


/* Banner
============================= */
.banner{
  display:block;
  float: left;
  width: 100%;
  margin-top: 0;
  background-position: center !important;
  background-size: cover !important;
  overflow: hidden;
  transition: none !important;
}

.page.banner{
  position: relative;
  overflow: hidden;
  -webkit-transition: all 1s ease;    
  -moz-transition: all 1s ease;    
  -o-transition: all 1s ease;    
  transition: all 1s ease;    
  height: 750px;
}

.short-banner {
  padding-top:100px;
  background: #000;
  -webkit-transition: all 1s ease;    
  -moz-transition: all 1s ease;    
  -o-transition: all 1s ease;    
  transition: all 1s ease;     
  height: 100px!important;
  overflow: hidden;
  position: relative;
}

/*.short-banner.loading {
  height: 750px!important;
}*/

.hero-background {
  display:block;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  bottom:0;
  /*background-size: 100% auto !important;*/
  /*background-size: auto 100% !important;*/
  background-size: cover !important;
  background-position: 50% 0;
  opacity:1;
  -webkit-transition: all 1s ease !important;
  -moz-transition: all 1s ease !important;
  -o-transition: all 1s ease !important;
  transition: all 1s ease !important;
}

.page.banner.loading .hero-background {
  opacity: 0;
  /*border: 2px solid red;*/
  left: -2%;
  width: 105%;
}

a.warning-banner {
  font-family: 'metropolisbold', sans-serif;
  letter-spacing: 0.4px;
  text-align: center;
  color: #ffffff;
  background: #00abf0;
  display: inline-block;
  padding: 20px 40px;
  text-transform: uppercase;
  transition: all .35s ease;
}

a.warning-banner:hover{
  opacity: .7;
}

.hero-filter{
  position: absolute;
  top: 0; bottom: 0;
  right: 0; left: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 52, 89, 0.65), rgba(0, 23, 31, 0.9));
  background-image: -o-linear-gradient(left, rgba(0, 52, 89, 0.65), rgba(0, 23, 31, 0.9));
  background-image: linear-gradient(to right, rgba(0, 52, 89, 0.65), rgba(0, 23, 31, 0.9));
}

.hero-title{
  position: absolute;
  top: 50%;
  left: 150px;
  width: 50%;
  -webkit-transition: all 1s ease;    
  -moz-transition: all 1s ease;    
  -o-transition: all 1s ease;    
  transition: all 1s ease;    
}

.page.banner.loading .hero-title {
  left:-100vw;
}


.hero-title h1{
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 48px;
  line-height: 1;
  padding-bottom: 15px;
  letter-spacing: 0.5px;
  border-left: 3px solid #ffffff;
  margin: 0;
  padding-left: 50px;
  text-align: left;
}
.hero-title p{
  font-family: 'MetropolisBookRegular', sans-serif;
  color: #ffffff;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  min-height: 80px;
  border-left: 3px solid #00abf0;
}

.hero-slider{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 250px;
  transform: translate(-50%,-40%);
  transition: all 1s ease;
  opacity: 1;
}

.hero-slider h1{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 42px;
  line-height: 1.46;
  letter-spacing: 0.5px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
}
.title-slide{
  position: absolute;
  top: 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  -webkit-transition: all 1s ease;    
  -moz-transition: all 1s ease;    
  -o-transition: all 1s ease;    
  transition: all 1s ease;  
}

.hero-slider.loading .title-slide{
  top: -100%;
  opacity: 0;
}
.title-slide.current{
  visibility: visible;
  opacity: 1;
}

.hero-nav{
  position: absolute;
  bottom: 0;
  width: 100%;
  list-style-type: none;
  padding: 0; margin: 0;
  text-align: center;
}
.hero-nav li{
  display: inline-block;
}
.hero-nav li a{
  height: 12px;
  width: 12px;
  margin: 0 10px;
  background: #ffffff;
  cursor: pointer;
  display: block;
}
.hero-nav li a.current{
  background: #00abf0;
}

div.cta-menu-demo-button {
  max-width:100%;
  max-height:100%;
  width:195px;
  padding: 0px;
  height:53.84375px;
}
div.cta-menu-demo-button button {
	width: 100%;
    border-radius: 7px;
    background-color: #00abf0;
    border: 2px solid #00abf0;
	color: #ffffff;
	transition-duration: 0.2s;
}

div.cta-menu-demo-button button:hover {
  background-color: #fff;
  color: #00abf0;
  cursor: pointer;
}

div.cta-menu-demo-button button p {
	font-family: 'metropolisbold', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
	color: unset;
}

div.cta-hero-demo-button {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  max-width:100%;
  max-height:100%;
  width:195px;
  padding: 0px;
  height:53.84375px;
}
div.cta-hero-demo-button button {
	width: 100%;
    border-radius: 7px;
    background-color: #00abf0;
    border: 2px solid #00abf0;
	color: #ffffff;
	transition-duration: 0.2s;
}

div.cta-hero-demo-button button:hover {
  background-color: #fff;
  color: #00abf0;
  cursor: pointer;
}

div.cta-hero-demo-button button p {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
	color: unset;
}

.go-down{
  position: absolute;
  bottom: 100px;
  left: 50%;
  color: #00abf0;
  border-radius: 50%;
  text-align: center;
  padding: 5px;
  width: 40px;
  height: 40px;
  transform: translateX(-50%);
  background-size: cover !important;
}
.parallax {
  top: 0; right: 0;
  bottom: 0; left: 0;
  height: 120%;
  background-size: cover !important;
  background-position: center !important;
  /*transition: all 1s ease, margin 0s;*/
}
.parallax.no-transition{
  transition: none !important;
}

h2.deliver-title{
  margin-top: 150px;
  margin-bottom: 50px;	
}
p.deliver-text {
  font-size: 22px;
  text-align: center;
  line-height: 40px;
  letter-spacing: 0.5px;
}

/******** New Banner *********/

.newbanner .banner-inner {
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  gap: 30px;
  height: calc(100% - 0px);
  align-items: center;
  padding: 100px 0 30px;
}

.newbanner .small-img {
  width: 50%;
  flex-basis: 50%;
  height: 100%;
  text-align: right;
  right: 150px;
  position: relative;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.newbanner .small-img img {
  max-width: 100%;
  height: 100%;
}


.page.banner.loading .small-img {
  right:-100vw;
}
.newbanner .downlaod-btn {
  position: absolute;  
  display: block;  
  color: #00233b;
  color: #ffffff;
  bottom: 20px;
  z-index: 999;
  right: 0;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  left: 0;
}
.newbanner .downlaod-btn:hover {
  color: #00abf0;
}
@media (max-width: 1366px){ 
  .newbanner .small-img {
    right: 50px;
  }
}

@media only screen and (min-width: 992px){ 
  .newbanner .img_link {
    text-align: center;
    display: inline-block;
    height: inherit;
    position: relative;
  }
}

@media only screen and (max-width: 1200px){ 
  .hero-title {
    left: 50px; 
}
}

@media only screen and (max-width: 1080px){
  
  .newbanner .hero-title{
    top: 50%;
    left: 50px;
    width: 50%;
  }
}

@media (min-width: 320px) and (max-width: 991px){ 
  .newbanner .banner-inner {
    position: relative;
    max-width: 1464px;
    flex-direction: column-reverse;
    padding: 130px 0 30px;
  }

.newbanner .small-img {
  width: 100%;
  flex-basis: 100%;
  height: 60%;
  right: 0px;
  text-align: center;
}

.newbanner .hero-title {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  flex-basis: 40%;
  padding: 0 20px;
}
.newbanner .downlaod-btn {
  bottom:0px;
  left: 0;
  right: 0;
}
}

/* Social Banner
============================= */
.social-banner{
  list-style-type: none;
  padding: 0;
  margin-top: 35px;
  margin-bottom: 0;
  float: right;
}
.social-banner li{
  display: inline-block;
  position: relative;
  float: left;
}
.social-banner a{
  display: block;
  height: 40px;
  width: 40px;
  position: relative;
}
.social-banner img{
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.social-banner .facebook      {background: #39569f;}
.social-banner .linkedin      {background: #107bbb;}
.social-banner .twitter       {background: #1caaf6;}
.social-banner .ycombinator   {background: #f0872d;}
.social-banner .reddit        {background: #fb4900;}

/* Sidenav
============================= */
.sidenav{
  position: fixed;
  width: 125px;
  top: 50%;
  left: 50px;
  z-index: 100;
  transform: translateY(-50%);
}
.sidenav ul{
  list-style-type: none;
  padding: 0; margin: 0;
  position: relative;
  color: #ffffff;
}
.sidenav li{
  position: relative;
  float: left;
  width: 100%;
}
.sidenav li a:hover span{
  color: #00abf0;
}

.sidenav .line-part{
  display: inline-block;
  position: relative;
  float: left;
  width: 25%;
  height: 50px;
}
.sidenav .link-part{
  display: inline-block;
  position: relative;
  float: left;
  width: 75%;
  height: 50px;
}
.sidenav .circle{
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 2px solid #ffffff;
  border-radius: 50%;
  transition: all .35s ease;
}
.sidenav .square{
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(45deg) translateX(-70%);
  transform: rotate(45deg) translateX(-70%);
  border: 2px solid #ffffff;
  transition: all .35s ease;
}
.sidenav .line{
  width: 1px;
  height: 40px;
  position: absolute;
  top: 63%;
  left: 50%;
  transform: translateX(-50%);
  background: #ffffff;
}
.sidenav .line.small{
  top: 60%;
}
.sidenav a{
  font-size: 10px;
  font-family: 'MetropolisBoldRegular', sans-serif;
  letter-spacing: 0.8px;
  color: #c5c5c5;
  float: left;
  width: 100%;
  display: block;
  padding: 0;
}
.sidenav a.active span{
  opacity: 1;
  color: #00abf0;
}
.sidenav span{
  opacity: 1;
  transition: all .35s ease;
  position: absolute;
  top: 53%;
  transform: translateY(-50%);
}
.sidenav.grey .circle,
.sidenav.grey .square{
  border-color: #cccccc;
}
.sidenav.grey .line{
  background: #cccccc;
}
.sidenav .fill,
.sidenav.grey .fill{
  background: #00abf0;
  border-color: #00abf0;
}




/* Frontpage
============================= */
.content{
  position: relative;
  float: left;
  width: 100%;
  margin-top: 100vh;
}
.page-content{
  position: relative;
  float: left;
  width: 100%;
  padding: 100px 0;
  background: #ffffff;
}
.extra-marged{
  margin-top: 150px;
}
.email-form{
  padding-top: 50px;
}
.page-content .intro-text p{
  margin: 0 auto;
  margin-top: -50px;
  margin-bottom: 75px;
  width: 65%;
  text-align: center;
}
.archive-intro{
  text-align: center;
  width: 75%;
  margin: 0 auto;
}
.deliver.perks{
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-top: 100px;
  padding-bottom: 150px;
}
.deliver.perks>div{
  padding: 0 25px;
}
.deliver{
  margin-top: 50px;
  margin-bottom: 150px;
}
.deliver>div{
  text-align: center;
}
.deliver img{
  /*min-height: 80px;*/
  max-height: 90px;
  max-width: 100px;
}
.deliver .ico{
  height: 100px;
  margin-bottom: 25px;
}

.deliver .wrapper{
  display: table;
  margin-bottom: 25px;
  width: 100%;
}

.deliver .wrapper .ico{
  display: table-cell;
  height: 100px;
  vertical-align: middle;
}

.job-category{
  float: left;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}
.jobs h2{
  margin: 0;
}
.jobs h3{
  font-family: 'metropolisbold', sans-serif;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: 0.6px;
  text-align: center;
  text-transform: uppercase;
  color: #0e3957;
}
.position{
  border-bottom: 1px solid #dddddd;
  padding: 25px 0;
}
.position strong{
  font-family: 'metropolisbold', sans-serif;
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.4px;
  text-align: left;
  color: #00233b;
  text-transform: uppercase;
  display: block;
  margin: 0;
  padding: 20px 0;
}
.position p{
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.5px;
  text-align: center;
  color: #9f9f9f;
  margin: 0;
  padding: 20px 0;
}
.position a{
  float: right;
  margin-top: 5px;
  font-size: 14px;
}
.view-all{
  float: left;
  width: 100%;
  margin-bottom: 150px;
  text-align: center;
}

.growth{
  margin-bottom: 150px;
}
.growth .column{
  padding: 25px 0;
}
.growth .column:first-child{
  border-right: 1px solid #dddddd;
}
.blockchain-intro p{
  width: 700px;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
}

.blockchain{
  margin: 50px 0;
}
.blockchain .ico{
  text-align: center;
  height: 100px;
  margin-bottom: 35px;
}
.blockchain .ico img{
  min-height: 80px;
  max-height: 90px;
}
.home-gradient{
  background: #00486d;
  background: -webkit-linear-gradient(#00486d, #001f32);
  background: -o-linear-gradient(#00486d, #001f32);
  background: -moz-linear-gradient(#00486d, #001f32);
  background: linear-gradient(#00486d, #001f32);
}
.culture{
  padding: 0px 0 150px 0;
}
.culture .intro{
  width: 85%;
  margin: 0 auto;
}
.culture .intro p{
  font-size: 22px;
  text-align: center;
  line-height: 40px;
  letter-spacing: 0.5px;
}
.culture .container{
  overflow: visible;
}
.culture h2{
  margin-top: 150px;
  margin-bottom: 50px;
  color: #ffffff;
}
.culture-gallery{
  position: relative;
  height: 850px;
}

.culture-gallery .img-large{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 500px;
  background-size: cover !important;
  background-position: center !important;
}
.culture-gallery .img-small{
  position: absolute;
  top: 500px;
  left: 90px;
  height: 350px;
  width: 530px;
  background-size: cover !important;
  background-position: center !important;
  transition: all .5s ease;
}
.culture-gallery .info-section{
  position: absolute;
  left: 620px;
  bottom: 350px;
  width: 580px;
  height: 350px;
  transform: translateY(50%);
  background-color: #00233b;
  transition: all .5s ease;
}
.culture-gallery .info-section p{
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.5px;
  text-align: center;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%,-50%);
  color: #ffffff;

}
.culture-gallery .blue-ghost{
  position: absolute;
  right: 100px;
  bottom: 50px;
}
.awards{
  position: relative;
}
.awards h2{
  color: #ffffff;
  margin: 0;
}
.awards .companies{
  border-bottom: 1px solid rgba(221,221,221,.15);
  margin-bottom: 100px;
}
.awards .select{
  border-bottom: 1px solid rgba(221,221,221,.15);
  margin-bottom: 100px;
}
.awards .companies ul{
  padding: 0;
  float: left;
  width: 100%;
}
.awards .companies li{
  width: 20%;
  display: inline-block;
  text-align: center;
  position: relative;
  height: 150px;
  float: left;
}
.awards .companies img{
  max-width: 140px;
  max-height: 75px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.awards .select{
  margin-top: 100px;
  position: relative;
  height: 400px;
}
.arrow-slider a.itemNav{
  position: absolute;
  top: 50%;
  width: 15px;
  height: 30px;
}
.arrow-slider .itemNav.disabled{
  pointer-events: none;
}
.arrow-slider .nextItem{
  right: 50px;
  transform: translateY(-50%);
}
.arrow-slider .prevItem{
  left: 50px;
  transform: translateY(-50%) rotate(180deg);
}

.single-award{
  width: 500px;
  position: absolute;
  left: 50%;
  opacity: 0;
  transform: translateX(125%);
  transition: transform .5s ease, opacity .1s ease;
}
.item.active{
  opacity: 1 !important;
  transform: translateX(-50%);
}
.item.inactive{
  opacity: 0;
  transform: translateX(-225%);
}
.select .image{
  position: relative;
  height: 150px;
}
.select .image img{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  max-width: 350px;
  max-height: 100px;
}

.select .info{
  border-top: 1px solid rgba(221,221,221,.15);
  margin: 25px 30px;
  padding: 25px 25px;
  color: #ffffff;
}
.select .info h6{
  margin: 0;
  text-transform: uppercase;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 1.2px;
  text-align: center;
  color: #ffffff;
}
.select .info p{
  font-family: 'metropolis', sans-serif;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.4px;
  text-align: center;
  color: #9f9f9f;
}

.history{
  padding: 150px 0;
  /*background: #00486d;*/
}
.history h2{
  color: #ffffff;
}
.res-timeline{
  display: none;
}
.timeline{
  height: 350px;
  background: url('../images/history_arrow.svg') no-repeat;
  background-size: 95% auto;
  background-position: left center;
}
.timeline .container{
  height: 100%;
  position: relative;
  transition: all .35s ease;
}
.timeline-item{
  position: relative;
  height: 100%;
  text-align: center;
}
.timeline-item h6{
  color: #ffffff;
  font-size: 14px;
  position: absolute;
  margin: 0;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.timeline-item .dot{
  background: #00abf0;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 50%; left: 50%;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
}
.timeline-item .shadow{
  height: 0;
  width: 0;
  z-index: 1;
  opacity: .2;
  transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.timeline-item:hover .shadow{
  width: 50px;
  height: 50px;
}
.timeline-item .line{
  width: 2px;
  height: 100px;
  background: #00abf0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,0);
}
.timeline-item.top .line{
  transform: translate(-50%,-100%);
}
.timeline-item .p-container{
  position: absolute;
  width: 100%;
  height: 75px;
  bottom: 0;
}
.timeline-item.top .p-container{
  top: 0;
  bottom: auto;
}
.timeline-item p{
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  width: 100%;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}



.tech-animation{
  background: #00233b;
  position: relative;
}
.info-section{
  float: left;
  width: 100%;
  height: 100vh;
  position: relative;
  width: 100%;
}
.info-section .inner{
  position: absolute;
  width: 30%;
  max-width: 422px;
  top: 50%;
  left: 150px;
  transform: translateY(-50%);
}
.info-section .inner img{
  display: none;
}
.info-section h2{
  text-align: left;
  margin-top: 0;
  margin-bottom: 25px;
  color: #ffffff;
}

.features{
  padding: 100px 0;
}
.feature-list{
  padding-left: 0px;
  padding-top: 50px;
  margin: 0;
  list-style-type: none;
  float: left;
  width: 100%;
}
.feature-list li{
  height: 300px;
  padding: 0 25px;
  margin-bottom: 50px;
  transition: all .35s ease;
}
.feature-list p{
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.5px;
  text-align: center;
}
.feature-list .img{
  text-align: center;
  height: 125px;
}
.feature-list .img img{
  width: 100px;
  max-height: 80px;
}

.technology-feature-list{
  padding-left: 0px;
  padding-top: 50px;
  margin: 0;
  list-style-type: none;
  float: left;
  width: 100%;
}
.technology-feature-list li{
  height: 300px;
  padding: 0 25px;
  margin-bottom: 50px;
  transition: all .35s ease;
}
.technology-feature-list p{
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.5px;
  text-align: center;
}
.technology-feature-list .img{
  display: flex;
  justify-content: center;
  text-align: center;
  height: 125px;
}
.technology-feature-list .img img{
  width: 100px;
  max-height: 80px;
}

.technology-feature-list div.tech-text {
  display: flex;
  justify-content: center;
}
.testimonial-slider{
  position: relative;
}
.testimonial-slider a.itemNav{
  width: 10px;
  position: absolute;
  top: 50%;
}
.testimonial-slider .nextItem{
  right: 100px;
  transform: translateY(-50%);
}
.testimonial-slider .prevItem{
  left: 100px;
  transform: translateY(-50%) rotate(180deg);
}
.testimonial{
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  position: relative;
  width: 700px;
  height: 250px;
  margin: 0 auto;
  padding: 50px 0;
}
.testimonial .sliding{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  opacity: 0;
  transition: opacity .7s ease;
}
.testimonial .sliding.active{
  opacity: 1;
}
.testimonial h3{
  font-family: 'MetropolisLightItalic', sans-serif;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: center;
  color: #0e3957;
  margin: 0;
}
.testimonial h3::before,
.testimonial h3::after{
  content: '"';
}
.testimonial strong{
  text-align: center;
  margin-top: 25px;
  display: block;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  color: #9f9f9f;
}
.projects{
  background: #ffffff;
}
.project-list{
  float: left;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin-bottom: 100px;
}
.project-list li{
  padding: 20px;
}
.project-list a{
  border: 1px solid #dddddd;
  display: block; 
  position: relative;
}
.project-list .overlay{
  position: absolute;
  top: 0; bottom: 0;
  right: 0; left: 0;
  background: #00abf0;
  opacity: 0;
  transition: all .35s ease;
}
.project-list a:hover .overlay{
  opacity: .3;
}
.project-list .preview{
  height: 175px;
  background-size: cover !important;
  background-position: center !important;
}
.project-list .text{
  padding: 15px;
}
.project-list span.bold{
  padding: 0;
  margin-bottom: 10px;
  text-align: left;
}
.project-list p{
  margin: 0;
  font-size: 12px;
}

.project-list p > a{
  display: inline;
  border: none;
}


.awards-list .info{
  border-top: 1px solid rgba(221,221,221,.15);
  margin: 25px 30px 0px 30px;
  padding: 25px 25px;
  color: #ffffff;
}
.awards-list .info h6{
  margin: 0;
  text-transform: uppercase;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 1.2px;
  text-align: center;
  color: #ffffff;
}
.awards-list .info p{
  font-family: 'metropolis', sans-serif;
  font-size: 14px;
  line-height: 1.57;
  letter-spacing: 0.4px;
  text-align: center;
  color: #9f9f9f;
}

.awards-list{
  margin-top: 30px;
  float: left;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin-bottom: 100px;
}
.awards-list li{
  padding: 20px;
  height: 400px;
}
.awards-list a{
  display: block;
  position: relative;
}

.awards-list .image {
  min-height: 100px;
  line-height: 100px;
  text-align: center;  
}

.awards-list .awards_logo{
    max-width: 80%;
    max-height: 100px;
    vertical-align: middle;
}


.team-group{
  margin-bottom: 50px;
}

.members{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* .member:nth-child(7){
  margin-left: 37%;
} */

.member{
  width: 26%;
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.member-line{
  position: absolute;
  bottom: 0;
  height: 4px;
  width: 100%;
  background: #00abf0;
  z-index: 2;
}
.member.leadership div.member-line{
  position: inherit;
  margin: auto;
  height: 4px;
  width: 60%;
  background: #00abf0;
}
.active-line{
  position: absolute;
  bottom: 0;
  left: -100%;
  height: 4px;
  width: 100%;
  background: #00233b;
  z-index: 99999;
  transition: all .4s ease;
}

/* center odd # child */
/* .members.senior-leadership > *:nth-child(n + 3):nth-last-child(-n + 2) {
  margin-left: auto;
  margin-right: auto;
} */

.members.senior-leadership > *:nth-child(4) {
  margin-left: auto;
  margin-right: 4em;
}

.members.senior-leadership > *:nth-child(5){
  margin-left: 4em;
  margin-right: auto;
}

.member.leadership div.active-line{
  position: absolute;
  bottom: 0;
  height: 4px;
  width: 74%;
  background: #00233b;
  z-index: 99999;
  transition: all .4s ease;
}
.member:hover .active-line{
  left: 0;
}

.member:hover div.member-panel div.active-line{
  left: 13%;
}

.info-panel{
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 0;
  background: #00abf0;
  transition: height .4s ease;
}
.info-panel .inner{
  margin: 20px;
}
.info-panel p.bold{
  font-weight: 700;
}
.info-panel strong{
  margin: 0 !important;
}
.info-panel p{
  color: #ffffff;
}
.member:hover .info-panel{
  height: 100%;
}
.filling-empty-members{
  width: 26%;
  height: 0;
}
.member .headshot{
  height: 220px;
  width: 205px;
  min-height: 220px;
  min-width: 205px;
  background-size: cover !important;
  background-position: center !important;
}
.member .headshot img{
  width: 100%;
}

.member-panel {
  height: 100%;
  width: 73%;
  margin: auto;
  border-bottom: 4px solid;
  border-bottom-color: #00abf0;
}
.members strong{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.4px;
  text-align: left;
  color: #00233b;
  text-transform: uppercase;
  display: block;
  margin: 30px 0 10px 0;
}
.members p{
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.5px;
}
.members p.member-info {
  font-size: 10px;	
}
.members div.info-panel strong {
  font-size: 12px;	
}
.members div.info-panel p.bold {
  font-size: 12px;	
}
.investor-list{
  float: left;
  width: 100%;
  list-style-type: none;
  padding: 0; margin: 0;
}
.investor-list li{
  float: left;
  width: 25%;
  height: 150px;
  position: relative;
}
.investor-list a{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
}
.investor-list img{
  position: absolute;
  /*max-width: 105px;
  max-height: 60px;*/
  width: 60%;
  height: auto;
  transition: all .001s ease;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.investor-list img.color-img{
  opacity: 0;
}
.investor-list a:hover img.blue-img{
  opacity: 0;
}
.investor-list a:hover img.color-img{
  opacity: 1;
}

.subscribe{
  padding: 100px 0;
  background: #00233b;
}
.subscribe .column{
  position: relative;
  height: 125px;
}
.subscribe h3{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 48px;
  letter-spacing: 0.5px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
}
.subscribe p{
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.5px;
  color: #dddddd;
  margin-bottom: 0;
}
.subscribe .blue-ghost{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all .35s ease;
}

.social .row{
  background: #ffffff;
}
.social .column   {height: 600px;}
.social-grid ul{
  float: left;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.social-grid li{
  height: 200px;
  float: left;
  display: inline-block;
  position: relative;
  width: 25%;
  background-size: cover !important;
  background-position: center !important;
}
.social-grid li .inner{
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background: rgba(0,35,59,.8);
  opacity: 0;
  transition: all .35s ease;
}
.social-grid li:hover .inner{
  opacity: 1
}
.social-grid li .texts{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
  text-align: center;
  color: #ffffff;
}
.social-grid h4{
  margin: 0;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
}
.social-grid em{
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
}
.social-spotlight{
  position: relative;
}

.fader{
  list-style-type: none;
  padding: 0; margin: 0;
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
}
.fader li{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .5s ease;
  background-size: cover !important;
  background-position: center !important;
}

.fader li.visible{
  opacity: 1;
}


.magic-line{
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 50px;
  padding: 0;
  font-size: 12px;
  height: auto;
  border-bottom: 4px solid #00abf0;
  position: relative;
  text-align: center;
}
.magic-line li {
  display: inline-block;
  padding: 0;
  margin-right: -2px;
  margin-left: -2px;
}
.magic-line li a {
  display: block;
  position: relative;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.5px;
  text-align: left;
  color: #717171;
  margin: 0 25px;
  padding: 20px 0;
}
.magic-line li a:hover,
.magic-line li a.active{
  color: #00233b;
}
#blue-line {
  height: 4px;
  /*left: 0;
  width: 0;*/
  position: absolute;
  bottom: -4px;
  transition: all .3s ease;
  background: #00233b;
}

.article-filters{
  position: relative;
  margin-bottom: 50px;
}
.blue-line{
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 4px;
  background: #00abf0;
}
.article-filters ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
.article-filters li{
  display: inline-block;
  margin: 0 25px;
}
.article-filters a{
  position: relative;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.5px;
  text-align: left;
  color: #9f9f9f;
  display: block;
  padding: 20px 0;
}
.article-filters a.active,
.article-filters a:hover{
  color: #00233b;
  border-bottom: 4px solid #00233b;
}
.latest-article .column{
  position: relative;
  height: 500px;
}
.spotlight .inner{
  padding: 0;
  margin: 10px;
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background-size: cover !important;
  background-position: center !important;
}
.spotlight .blog-content{
  position: absolute;
  left: 0;
  width: 95%;
}

.subs .inner{
  padding: 20px;
  margin: 10px;
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background-color: #21acee !important;
  background-size: cover !important;
}
.subs h2{
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: 0.8px;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
}
.subs form{
  position: absolute;
  top: auto; right: 20px;
  left: 20px; bottom: 20px;
}
.subs input{
  background: rgba(0,0,0,.2);
  border: none;
  font-size: 15px;
  padding: 10px;
  width: 100%;
  display: block;
  color: #ffffff;
  font-family: 'MetropolisBoldRegular', sans-serif;
}
.subs button{
  background: none;
  border: none;
  padding: 0;
  margin-top: 20px;
  color: #ffffff;
  font-family: 'MetropolisBoldRegular', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.4px;
  cursor: pointer;
}
.subs button img{
  height: 12px;
  margin-left: 10px;
  transition: all .35s ease;
}
.subs button:hover img{
  margin-left: 20px;
}
.article-grid{
  margin-bottom: 40px;
  height: 800px;
  overflow: hidden;
}
.article-grid .column{
  position: relative;
  height: 400px;
}
.article-grid .column .inner{
  margin: 10px;
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  background-size: cover !important;
  background-position: center !important;
}
.hidden-post{
  /*display: none;*/
}
.blog-type{
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: rgba(0, 35, 59, .75);
}
.blog-type img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 30px;
}
.blog-link{
  display: block;
  height: 100%;
  position: relative;
}
.blog-content{
  background: rgba(255,255,255,.85);
  position: absolute;
  bottom: 0;
  padding: 20px 20px;
  width: 90%;
  height: auto;
}
.blog-content strong{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  line-height: 1.39;
  letter-spacing: 0.6px;
  text-align: left;
  color: #000000;
  display: block;
  width: 70%;
  margin-top: 10px;
}
.link-type{
  text-align: center;
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 30%;
  padding-right: 10px;
  padding-left: 10px;
  transition: all .35s ease;
}
.blog-link:hover .link-type{
  right: -10px;
}
.download-icon-box{
  text-align: center;
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 30%;
  height: 35px;
}
.download-icon-box img{
  width: 26px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.download-icon-box img:first-child{
  height: 25px;
  top: 0;
  transition: all .35s ease;
}
.blog-link:hover .download-icon-box img:first-child{
  top: 5px;
}
.download-icon-box img:last-child{
  bottom: 0;
}
.blog-content .info{
  width: 70%;
}
.blog-content .info p,
.blog-content .info a{
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #9f9f9f;
  display: inline-block;
  margin: 0;
}
.spotlight .download-icon-box,
.spotlight .link-type{
  width: 15%;
}
.loadmore{
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 100px;
}
.loadmore a{
  display: block;
  background: #d7d7d7;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 12px;
  letter-spacing: 0.4px;
  transition: all .4s ease;
}
.loadmore a:hover{
  background: #21acee;
}
.blog-title{
  position: relative;
}
.blog-title .post-hero{
  width: 100%;
  height: 500px;
  background-size: cover !important;
  background-position: center !important;
}
.blog-title .position-details{
  text-align: center;
  float: left;
  width: 100%;
  padding: 0;
  margin-top: -25px;
  margin-bottom: 35px;
  list-style-type: none;
}
.blog-title .position-details li{
  display: inline-block;
  margin: 0 15px;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
  line-height: 1.86;
  letter-spacing: 0.5px;
  text-align: center;
  color: #a0a0a0;
}
.blog-title h1{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: 0.8px;
  text-align: center;
  color: #00233b;
  text-transform: uppercase;
  margin-top: 75px;
  margin-bottom: 50px;
}
.blog-text{
  padding-top: 50px;
  margin-bottom: 150px;
}
.blog-text .post-date p{
  margin-top: 0;
  margin-bottom: 50px;
}
.blog-text strong.source{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 16px;
  color: #00233b;
  display: block;
  margin-bottom: 20px;
}
.blog-text .post-text p{
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 16px;
  line-height: 1.62;
  letter-spacing: 0.5px;
  text-align: left;
  color: #00233b;
}
.job-text strong{
  display: block;
  margin: 25px 0 15px 0;
  float: left;
  width: 100%;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 16px;
  line-height: 1.62;
  letter-spacing: 0.5px;
  text-align: left;
  color: #00233b;
  text-transform: lowercase;
}
.job-text strong::first-letter{
  text-transform: uppercase;
}
.job-text li a{
  cursor: text;
  color: #00233b !important;
}
.blog-text .post-text a{
  color: #00abf0;
}
.post-text ul{
  float: left;
  margin: 0 0 25px 0;
}
.post-text li{
  float: left;
  width: 100%;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 16px;
  line-height: 1.62;
  letter-spacing: 0.5px;
  margin: 3px 0;
  text-align: left;
  color: #00233b;
  /*border: 1px solid red;
  padding-left: 30px;
  list-style-type: none;*/
}
.blog-text .post-text blockquote{
  margin: 40px auto;
  padding: 5px 40px;
  border-left: 4px solid #00abf0;
  width: 90%;
}
.blog-text .post-text blockquote p{
  font-family: 'MetropolisBookItalic', sans-serif;
  color: #737373;
}
.blog-text .post-text img,
.blog-text .post-text figure{
  max-width: 100% !important;
  height: auto
}
.blog-text .post-text figure{
  margin: 0;
}
.press-article{
  border-bottom: 1px solid #dddddd;
  padding-bottom: 30px;
  margin-bottom: 50px;
  float: left;
  width: 100%;
}
.press-article a.more-link{
  display: none;
}
.press-article:last-child{
  border: none;
}
.press-article h3{
  font-family: 'MetropolisBoldRegular';
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: 0.8px;
  color: #00233b;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 15px;
  display: inline-block;
}
.press-article .source{
  margin-left: 10px;
  display: inline-block;
  font-family: 'MetropolisBookItalic', sans-serif;
}
.press-article .image-section{
  float: left;
  width: 15%;
  padding-right: 20px;
}
.press-article .image-section img{
  width: auto;
  height: auto;
  max-width: 85%;
  max-height: 150px;
  margin-bottom: 10px;
}
.press-article .content-section{
  float: left;
  width: 85%;
}
.press-article a{
  color: #00abf0;
  display: block;
}
.press-article .content-section a{
  margin: 0 !important;
}
.press-article a p,
.press-article p a{
  font-size: 14px;
  margin: 20px 0;
  color: #9f9f9f !important;
}
p.date,
p.source{
  margin: 0 !important;
}
.modal-filter{
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  overflow: hidden;
  display: none;
  z-index: 999;
}
.project-modal{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 800px;
  padding: 0;
  background: #ffffff;
  z-index: 9999;
  max-height: 75vh;
  display: none;
  opacity: 1;
}
.modal-content{
  max-height: 75vh;
  padding: 50px 100px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-content h2{
  margin-top: 0;
  margin-bottom: 50px;
  line-height: 32px;
}
.modal-content .blog-title{
  margin-bottom: 25px;
}
.modal-content p.post-date{
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.modal-content p{
  margin: 15px 0;
}
a.close-modal{
  display: inline-block;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #00abf0;
  border: none;
  color: #ffffff;
}
a.close-modal img{
  position: absolute;
  top: 50%; left: 50%;
  width: 30px;
  transform: translate(-50%,-50%);
}

.title-container{
  position: relative;
  padding-top: 75px;
  padding-bottom: 50px;
  margin-bottom: 75px;
}
.contact h1{
  font-size: 48px;
  line-height: 50px;
  letter-spacing: 0.5px;
  margin: 0;
}
.contact-info h2{
  margin: 0;
  font-size: 18px;
}
.contact-info p{
  text-align: center;
  margin-top: 15px;
  font-size: 14px;
}
.contact form{
  margin-top: 100px;
  margin-bottom: 75px;
  float: left;
  width: 100%;
}
.contact form.success,
.contact-info.success,
.title-container.success{
  display: none;
}
.container.contact {
  margin-top: 100px;
  margin-bottom: 50px;
}

.success-div{
  margin: 100px 0;
  text-align: center;
  float: left;
  width: 100%;
  opacity: 0;
  display: none;
  z-index: -10;
  transition: all .6s ease;
}
.success-div.active{
  opacity: 1;
}
.success-div img{
  width: 100px;
}
.success-div h1{
  margin-top: 50px;
  margin-bottom: 50px;
}
.success-div p{
  color: #00233b;
}
.success-div a{
  background: #00abf0;
  display: inline-block;
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  padding: 15px 25px;
  cursor: pointer;
  transition: all .35s ease;
  margin-top: 50px;
  margin-bottom: 100px;
}

.contact .input-group{
  padding: 20px;
}
.contact label{
  text-align: left;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #00233b;
  margin-bottom: 20px;
  display: block;
  transition: all .2s ease;
}
.contact .error label{
  color: red;
}
.contact .error input,
.contact .error textarea{
  border-color: red !important;
}
.contact input{
  text-align: left;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
  color: #666666;
  border: solid 1px #dddddd;
  border-radius: 0 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: auto !important;
  outline: none;
  transition: all .2s ease;
}
.contact textarea{
  text-align: left;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
  color: #666666;
  border: solid 1px #dddddd;
  border-radius: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  height: auto !important;
  outline: none;
  transition: all .2s ease;
}
.contact .input-group.active label{
  color: #00abf0;
}
.contact .input-group.active input,
.contact .input-group.active textarea{
  border-color: #00abf0;
}

textarea{
  resize: none;
}
.apply-container{
  background: #00233b;
  padding: 100px 0;
}
.apply-container h2{
  color: #ffffff;
}
.apply-container h3{
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
}
.job-form{
  margin: 0 auto;
  width: 500px;
  padding-bottom: 100px;
  position: relative;
  float: left;
  margin-left: 50%;
  transform: translateX(-50%);
}
.job-form label{
  display: block;
  margin-bottom: 10px;
  color: #ffffff;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
span.red{
  color: red !important;
}
.job-form input{
  border: 1px solid blue;
  display: block;
  background: none;
  border: 1px solid #ffffff;
  width: 100%;
  float: left;
  margin-bottom: 25px;
  font-size: 16px;
  color: #ffffff;
  padding: 10px 15px;
  font-family: 'MetropolisBookRegular', sans-serif;
  outline: none;
}
.job-form input[type='submit']{
  border: none;
  display: inline-block !important;
  padding: 20px 50px;
  margin: 0;
  width: auto;
  text-align: center;
  background: #00abf0;
  border: none;
  color: #ffffff;
  font-family: 'MetropolisBoldRegular', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  cursor: pointer;
  transition: all .35s ease;
  position: absolute;
  bottom: 0;
  left: 50%;
}
.job-form input[type='submit']:hover{
  opacity: .7;
}
.job-form textarea{
  border: 1px solid blue;
  display: block;
  background: none;
  border: 1px solid #ffffff;
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-size: 16px;
  color: #ffffff;
  padding: 10px 15px;
  font-family: 'MetropolisBookRegular', sans-serif;
  outline: none;
}
.blue-upload-btn{
  border: none;
  display: block;
  width: 100%;
  color: #ffffff;
  font-family: 'MetropolisBoldRegular', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  padding: 20px 0;
  line-height: 15px;
  background: #00abf0;
  cursor: pointer;
  transition: all .35s ease;
}
.blue-upload-btn:hover{
  opacity: .7;
}

.job-group{
  float: left;
  width: 100%;
}
.job-group.active label{
  color: #00abf0;
}
.job-group.active input,
.job-group.active textarea{
  border-color: #00abf0;
}

.mailingForm form {
  text-align: center;
}
.mc4wp-form-fields {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 50px;
}
.mc4wp-response {
  text-align: center;
}
.mailing-email {
  width: 300px;
  text-align: left;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
  color: #666666;
  border: solid 1px #dddddd;
  border-radius: 0 !important;
  padding: 12px;
  height: auto !important;
  outline: none;
  transition: all .2s ease;
}
.mailinglist-button {
  background: #00abf0;
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  padding: 15px;
  cursor: pointer;
  transition: all .35s ease;
  margin-left: 10px;
}
.contact form{
  text-align: center;
}
.contact button{
  background: #00abf0;
  border-radius: 0;
  border: none;
  text-transform: uppercase;
  color: #ffffff;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  padding: 15px 25px;
  cursor: pointer;
  transition: all .35s ease;
  margin-top: 50px;
}
.contact button:hover{
  opacity: .7;
}
.press-container{
  width: auto;
  margin: 0 220px;
}
/* removed street address, so set display to none */
.contact-map{
  float: left;
  width: 100%;
  height: 460px;
  display: none;
}

.subscribe-button-header {
	text-align: center;
}

div.subscribe-button-wrapper {
	display: flex;
	justify-content: center;
}

button.subscribe-button {
	width: 100px;
    border-radius: 7px;
    background-color: #00abf0;
    border: 2px solid #00abf0;
	color: #ffffff;
	transition-duration: 0.2s;
}

button.subscribe-button:hover {
  background-color: #fff;
  color: #00abf0;
}

button.subscribe-button p {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
	color: unset;
}

.pagination-container{
  margin: 100px 0;
}
.pagination{
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
}
.pagination li{
  display: inline-block;
}
.pagination .page-numbers{
  display: inline-block;
  padding: 15px 15px;
}
.pagination .page-numbers{
  color: #a6a6a6;
}
.pagination .page-numbers.current{
  color: #00233b;
  background: #efefef;
}
.pagination .next,
.pagination .prev{
  display: none;
}

.notfound{
  position: relative;
  background: #000000;
}
.notfound .container{
  position: relative;
  height: 65vh;
}
.notfound .column{
  position: relative;
  height: 65vh;
  color: #ffffff;
}
.notfound .inner{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.notfound h2{
  font-size: 32px;
  line-height: 1.0;
  letter-spacing: 3.6px;
  text-align: left;
  margin: 0;
  text-transform: uppercase;
  color: #ffffff;
}
.cube-section h2{ display: none; }
.notfound h1{
  font-size: 90px;
  line-height: 0.94;
  letter-spacing: 0.9px;
  text-align: left;
  color: #00abf0;
  margin-top: 25px;
  margin-bottom: 50px;
  width: 250px;
}
.notfound a{
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.5px;
  text-align: left;
  color: #9f9f9f;
}
.notfound a img{
  margin-left: 10px;
  width: auto;
  height: 12px;
}
.notfound .image{
  text-align: center;
  position: relative;
}
.notfound .image img{
  max-width: 90%;
}
.notfound .base-cube{
  width: 500px;
}
.notfound .chain{
  position: absolute;
  left: 30%;
  top: 60%;
  width: 50px;
  animation: swing 2s ease-in-out infinite alternate;
  transform: rotate(-45deg);
  transform-origin: 50% 10px;
}
@keyframes swing{
  to{transform: rotate(45deg);}
}
.single-content h2{
  text-align: left;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 20px;
}
.single-content h3{
  text-align: left;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 16px;
  font-family: 'MetropolisBoldRegular', sans-serif;
  letter-spacing: 0.8px;
  color: #00233b;
  text-transform: uppercase;
}

.single-content ul{
  list-style-type: disc;
  /*list-style-type: none;
  padding: 0;*/
}
.single-content li{
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.5px;
  color: #00233b;
}
/*
.single-content li::before{
  content: '-';
  display: inline-block;
  margin-right: 10px;
  margin-left: 20px;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.5px;
  color: #00233b;
}
*/

.login{
  background: #00233b;
  color: #ffffff;
}
.login .container{
  min-height: 650px;
  height: 65vh;
  position: relative;
}
.login-form{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 540px;
  background: #001e32;
  padding: 50px 40px;
  text-align: center;
  transition: all .35s ease;
}
.login-form h2{
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0.8px;
  margin: 0;
}
.login-form .form-group{
  float: left;
  width: 100%;
  padding: 20px 0;
}
.login-form label{
  display: block;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
  letter-spacing: 0.4px;
  text-align: left;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
}
.login-form input{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  color: #cccccc;
  height: auto;
  display: block;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: none;
  padding: 5px;
  width: 100%;
  text-align: left;
  outline: none;
  transition: all .2s ease;
}
.login-form input:focus{
  border-bottom: 1px solid #ffffff;
}
.login-form .login-btn{
  border: none;
  padding: 15px 25px;
  background: #00abf0;
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 35px;
  margin-bottom: 25px;
  cursor: pointer;
  transition: all .35s ease;
}
.login-form .login-btn:hover{
  opacity: .7;
}
.login-form a{
  display: block;
  font-family: 'MetropolisBookRegular', sans-serif;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #ffffff;
}

/* Market Infrastructure
============================= */
.market-infra{
  padding: 50px;
}
.market-infra .intro{
  width: 85%;
  margin: 0 auto;
}
.market-infra .intro p{
  font-size: 22px;
  text-align: center;
  line-height: 40px;
  letter-spacing: 0.5px;
}
.market-infra .container{
  overflow: visible;
}
.market-infra h2{
  text-align: center;
  margin-top: 150px;
  margin-bottom: 25px;
}

.market-infra-process{
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 50px;
  gap: 100px 50px;
}

.market-infra-process>.column {
  width: 100%;
}
.market-infra-process>div{
  text-align: center;
}
.market-infra-process div.img-container {
  display: flex;
  justify-content: center;
  text-align: center;	
}

.market-infra-process div.text-container {
  text-align: left;	
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 75px;
  margin-top: 50px;
}

.market-infra-process h2{
  text-align: left;
  margin-top: 20px;
  margin-bottom: 5px;
}
.market-infra-process img{
  width: 250px;
  max-height: 350px;
  max-width: 100%;
  min-width: 50%;
}

.market-infra-process div.img-container {
  justify-content: center;
  display: flex;
  align-items: center;
}

/* Hosted Solutions
============================= */
.hosted-solutions{
  padding: 50px;
}
.hosted-solutions .intro{
  width: 85%;
  margin: 0 auto;
}
.hosted-solutions .intro p{
  font-size: 22px;
  text-align: center;
  line-height: 40px;
  letter-spacing: 0.5px;
}
.hosted-solutions .container{
  overflow: visible;
  width: 1300px;
}
.hosted-solutions h2{
  text-align: center;
  margin-top: 150px;
  margin-bottom: 25px;
}

.hosted-solutions-process{
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 100px;
  gap: 125px 80px;
}

.hosted-solutions-process>.column {
  width: 100%;
}
.hosted-solutions-process>div{
  text-align: center;
}
.hosted-solutions-process div.img-container {
  display: flex;
  justify-content: center;
  text-align: center;	
}

.hosted-solutions-process div.text-container {
  text-align: left;	
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 75px;
  margin-top: 50px;
}

.hosted-solutions-process h2{
  text-align: left;
  margin-top: 20px;
  margin-bottom: 5px;
}
.hosted-solutions-process img{
  width: 100%;
  max-width: 500px;
  min-width: 50%;
}

.hosted-solutions-process div.img-container {
  justify-content: center;
  display: flex;
  align-items: center;
}

/* Footer
============================= */
footer{
  background: #001e32;
  padding: 0 100px;
  color: #ffffff;
  font-family: 'MetropolisBookRegular', sans-serif;
}
footer img{
  height: 45px;
}
footer p{
  font-size: 12px;
}
footer p.copy{
  text-transform: uppercase;
  letter-spacing: 1.8px;
  margin: 0;
}

/* GothamBoldRegular causes letters with closed counters to fill in */
footer a{
  font-family: 'MetropolisBookRegular', sans-serif;
  color: #00abf0;
}
footer .row{
  margin: 50px 0;
}
footer .row>div{
  position: relative;
  height: 160px;
}
footer .three{
  float: right;
}
.footer-content{
  position: absolute;
  bottom: 0;
}
.footer-menu{
  list-style-type: none;
  float: right;
  padding: 0;
  margin: 0;
}
.footer-menu li{
  float: left;
  width: 33.33%;
  margin: 15px 0;
}
.footer-menu a{
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 1.8px;
  display: block;
  transition: all .2s ease;
}
.footer-menu a:hover{
  color: #00abf0;
}

.footer-menu.menu-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
  width: 100%;
  padding-left: 50px
}

.footer-menu.menu-grid li {
  width: auto;
}

.footer-content.footer-menus {
  width: 100%;
}

div.footer-menu-content {
  margin-bottom: 1px;
  line-height: 1.1em;
}

div.footer-copyright {
	margin-top: 0px;
}

div.footer-content-copyright {
	display:flex;
	justify-content: center;
	height: 100px !important;
}

div.footer-content-copyright div.footer-content {
	display: flex;
	justify-content: flex-end;
}

div.footer-content-copyright .footer-content img {
	float: left;
	padding-right: 10px;
}

div.footer-content-copyright .text-container {
	display: flex;
    flex-direction: row;
    align-items: flex-end;
}

/* ANIMATION 
============================= */
.ani-section{
  position: absolute;
  height: 100vh;
  right: 0;
  width: 60%;
  z-index: 33;
  overflow: hidden;
}
.ani-section.fixed{
  position: fixed;
  right: 0;
  width: 60%;
  top: 0;
  bottom: 0;
}
.ani-section.fixed.stop{
  position: absolute;
  height: 100vh;
  right: 0;
  bottom: 0;
  top: auto;
  width: 60%;
  z-index: 33;
}
.first-image{
  width: 500px;
  z-index: 5;
  opacity: 0;
}
.ani-section .first-image{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: all .35s ease;
}

.nodes-svg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
}

.base-panel{
  width: 525px;
  height: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: all .4s ease;
  z-index: 50;
  overflow: hidden;
}
.z-panel{
  width: 525px;
  height: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: all .4s ease;
  z-index: 1;
  overflow: hidden;
}
[class*="square-"]{
  position: absolute;
  width: 130px;
  height: 130px;
  opacity: 0;
  transition: all .4s ease;
}
[class*="circle-"]{
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  z-index: 50;
  border: 2px solid #00abf0;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
[class*="circle-"] .dot-1{
  height: 10px;
  width: 10px;
  position: absolute;
  background: #ffffff;
  border-radius: 50%;
  top: -5px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
}
[class*="circle-"] .dot-2{
  height: 10px;
  width: 10px;
  position: absolute;
  background: #ffffff;
  border-radius: 50%;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(50%,-50%);
  transform: translate(50%, -50%);
}
.img-base{
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: node-rotate 10s infinite linear;
  animation: node-rotate 10s infinite linear;
}
[class*="square-"] img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  opacity: 1;
  transform: translate(-50%,-50%);
  transition: all .4s ease;
}
.square-1{
  top: 9px;
  left: 50%;
  transform: translateX(-50%);
}
.square-2{
  left: 12px;
  top: 143px;
}
.square-3{
  right: 12px;
  top: 143px;
}
.square-4{
  left: 82px;
  bottom: 9px;
}
.square-5{
  right: 82px;
  bottom: 9px;
}

[class*="big-code-"]{
  background: url('../images/ani_assets/data_window.svg') no-repeat;
  background-size: 100% auto;
  width: 100px;
  height: 70px;
  position: absolute;
  opacity: 0;
  padding-top: 15px;
  padding-right: 8px;
  padding-left: 8px;
  transition: all .4s ease;
}
[class*='bar-']{
  height: 3px;
  width: 0;
  margin: 5px 0;
  transition: all .8s linear;
}
[class*='bar-'].white{
  background: white;
}
[class*='bar-'].blue{
  background: #00abf0;
}
[class*="bar-"].top{
  margin-top: 8px;
}

.big-code-1{
  top: 18%;
  left: -125px;
}
.big-code-2{
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
}
.big-code-3{
  top: 18%;
  right: -125px;
}
.big-code-4{
  bottom: -80px;
  left: -40px;
}
.big-code-5{
  bottom: -80px;
  right: -40px;
}
.first-svg{
  /*border: 1px solid red;*/
  transition: all .4s ease;
  position: absolute;
  top: 51%;
  left: 50%;
  width: 400px;
  height: 390px;
  -webkit-transform: translate(-50%, -52%);
  transform: translate(-50%, -52%);
}
/* Animation section one
------------------------ */
.ani-section.one .first-image{
  opacity: 1;
}
.ani-section.one .first-svg{
  z-index: 0;
}
.ani-section.one .nodes-svg{
  width: 465px;
  z-index: 10;
  opacity: 1;
  transition: all .35s ease;
}
.ani-section.one [class*="square-"]{
  opacity: 1;
}
.pentagon-lines{
  fill: none;
  stroke: #ccc;
  stroke-dasharray: 700;
  stroke-dashoffset: -700;
}
.ani-section.one .pentagon-lines,
.ani-section.two .pentagon-lines,
.ani-section.three .pentagon-lines,
.ani-section.four .pentagon-lines{
  -webkit-animation: pentagon 3s 1s infinite linear;
  animation: pentagon 3s 1s infinite linear;
}
[class*="circle-"]{
  -webkit-animation: rotate 3s infinite linear;
  animation: rotate 3s infinite linear;
}

@-webkit-keyframes rotate{
  0%    {-webkit-transform: rotate(0deg);}
  100%  {-webkit-transform: rotate(360deg);}
}
@keyframes rotate{
  0%    {transform: rotate(0deg);}
  100%  {transform: rotate(360deg);}
}

@-webkit-keyframes node-rotate{
  0%    {-webkit-transform: rotate(0deg);}
  100%  {-webkit-transform: rotate(360deg);}
}
@keyframes node-rotate{
  0%    {transform: rotate(0deg);}
  100%  {transform: rotate(360deg);}
}

@-webkit-keyframes pentagon{
  50%   {stroke-dashoffset: 0;}
  100%  {stroke-dashoffset: 700;}
}
@keyframes pentagon{
  50%  {stroke-dashoffset: 0;}
  100% {stroke-dashoffset: 700;}
}

/* Animation section two
------------------------ */
.ani-section.two .first-image,
.ani-section.three .first-image,
.ani-section.four .first-image{
  width: 300px;
  z-index: 25;
  opacity: 1;
}
.ani-section.two .first-svg,
.ani-section.three .first-svg,
.ani-section.four .first-svg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 230px;
  z-index: 0;
}
.ani-section.two .base-panel,
.ani-section.three .base-panel,
.ani-section.four .base-panel{
  width: 300px;
  height: 289px;
  overflow: visible;
}
.ani-section.two .z-panel,
.ani-section.three .z-panel,
.ani-section.four .z-panel{
  width: 300px;
  height: 289px;
  overflow: visible;
}
.ani-section.four.stop .z-panel{
  overflow: visible;
}
.ani-section.two [class*="square-"],
.ani-section.three [class*="square-"],
.ani-section.four [class*="square-"]{
  opacity: 1;
  width: 80px;
  height: 80px;
}
.ani-section.two [class*="circle-"] .dot-1,
.ani-section.three [class*="circle-"] .dot-1,
.ani-section.four [class*="circle-"] .dot-1{
  height: 8px;
  width: 8px;
  position: absolute;
  background: #ffffff;
  border-radius: 50%;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.ani-section.two [class*="circle-"] .dot-2,
.ani-section.three [class*="circle-"] .dot-2,
.ani-section.four [class*="circle-"] .dot-2{
  height: 8px;
  width: 8px;
  position: absolute;
  background: #ffffff;
  border-radius: 50%;
  top: 100%;
  left: 50%;
  transform: translate(50%, -50%);
}
.ani-section.two [class*="square-"] img,
.ani-section.three [class*="square-"] img,
.ani-section.four [class*="square-"] img{
  width: 40px;
}

.ani-section.two .square-1,
.ani-section.three .square-1,
.ani-section.four .square-1{
  top: 0;
}

.ani-section.two .square-2,
.ani-section.three .square-2,
.ani-section.four .square-2{
  left: 0;
  top: 80px;
}

.ani-section.two .square-3,
.ani-section.three .square-3,
.ani-section.four .square-3{
  right: 0;
  top: 80px;
}

.ani-section.two .square-4,
.ani-section.three .square-4,
.ani-section.four .square-4{
  left: 42px;
  bottom: 0;
}
.ani-section.two .square-5,
.ani-section.three .square-5,
.ani-section.four .square-5{
  right: 42px;
  bottom: 0;
}

.ani-section.two .big-code-1,
.ani-section.three .big-code-1,
.ani-section.four .big-code-1,
.ani-section.two .big-code-2,
.ani-section.three .big-code-2,
.ani-section.four .big-code-2,
.ani-section.two .big-code-3,
.ani-section.three .big-code-3,
.ani-section.four .big-code-3,
.ani-section.two .big-code-4,
.ani-section.three .big-code-4,
.ani-section.four .big-code-4,
.ani-section.two .big-code-5,
.ani-section.three .big-code-5,
.ani-section.four .big-code-5{
  opacity: 1;
  transition: opacity .4s .4s ease;
}
.ani-section.two .bar-1,
.ani-section.three .bar-1,
.ani-section.four .bar-1{
  transition: width .2s ease;
}
.ani-section.two .bar-2,
.ani-section.three .bar-2,
.ani-section.four .bar-2{
  transition: width .2s ease;
}
.ani-section.two .bar-3,
.ani-section.three .bar-3,
.ani-section.four .bar-3{
  transition: width .2s ease;
}
.ani-section.two .bar-4,
.ani-section.three .bar-4,
.ani-section.four .bar-4{
  transition: width .2s ease;
}
.ani-section.two .bar-5,
.ani-section.three .bar-5,
.ani-section.four .bar-5{
  transition: width .2s ease;
}

/* Animation section three
------------------------ */
.small-node{
  border: 2px solid lime;
  position: absolute;
  width: 100px;
  opacity: 0;
}
.node-1{
  transform: rotate(-76deg) !important;
  top: -85px !important;
  left: 22px !important;
}
.node-2{
  transform: rotate(76deg) scaleX(-1) !important;
  top: -85px !important;
  left: 179px !important;
}
.ani-section.three .small-node,
.ani-section.four .small-node{
  opacity: 1;
}

[class*="node-line-"]{
  width: 125px;
  position: absolute;
  z-index: 1;
}
[class*="node-line-"] .inner{
  fill: none;
  stroke: #fff;
  stroke-dasharray: 400;
  stroke-dashoffset: -400;
}
.node-line-1{
  top: -160px;
  left: 50%;
  transform: translateX(-50%) rotate(-90deg);
}
.node-line-2{
  top: -25px;
  right: -100px;
  transform: rotate(-20deg);
}
.node-line-3{
  top: -25px;
  left: -100px;
  transform: rotate(-160deg);
}
.node-line-4{
  bottom: -135px;
  left: -20px;
  transform: rotate(130deg);
}
.node-line-5{
  bottom: -135px;
  right: -20px;
  transform: rotate(50deg);
}

[class*="small-code-"]{
  border-radius: 50%;
  position: absolute;
  width: 50px;
  height: 50px;
  background: url('../images/ani_assets/small_data.svg') no-repeat;
  background-size: auto 50%;
  background-position: center center;
  background-color: #003b49;
  opacity: 0;
  transform: scale(0);
  transition: all .5s ease;
  padding: 0 15px;
  padding-top: 20px;
}
[class*="small-code-"] [class*="small-bar-"]{
  height: 1px;
  max-width: 100% !important;
  margin-top: 2px;
  margin-bottom: 2px;
  transition: all .2s ease;
}
[class*="inner-node-"]{
  border-radius: 50%;
  position: absolute;
  width: 50px;
  height: 50px;
  background: url('../images/ani_assets/small_node.svg') no-repeat;
  background-position: center;
  background-size: 60%;
  opacity: 0;
  transition: all .5s ease;
}

.small-code-1{
  top: -160px;
  left: 30px;
}
.inner-node-1{
  top: -98px;
  left: 27px;
}
.small-code-2{
  top: -160px;
  right: 30px;
}
.inner-node-2{
  top: -98px;
  right: 26px;
}
.small-code-3{
  top: 155px;
  right: -205px;
}
.inner-node-3{
  top: 154px;
  right: -131px;
}
.small-code-4{
  top: -55px;
  right: -135px;
}
.inner-node-4{
  top: -31px;
  right: -63px;
}
.small-code-5{
  bottom: -45px;
  right: -140px;
}
.inner-node-5{
  bottom: 0;
  right: -82px;
}
.small-code-6{
  bottom: -185px;
  right: 30px;
}
.inner-node-6{
  bottom: -127px;
  right: 69px;
}
.small-code-7{
  left: -140px;
  bottom: -45px;
}
.inner-node-7{
  bottom: 0;
  left: -80px;
}
.small-code-8{
  bottom: -185px;
  left: 30px;
}
.inner-node-8{
  bottom: -127px;
  left: 70px;
}
.small-code-9{
  left: -205px;
  top: 155px;
}
.inner-node-9{
  top: 154px;
  left: -130px;
}
.small-code-10{
  top: -55px;
  left: -135px;
}
.inner-node-10{
  top: -31px;
  left: -63px;
}

@keyframes lel{
  100%{stroke-dashoffset: 0;}
}

.ani-section.three [class*="node-line-"] .inner,
.ani-section.four [class*="node-line-"] .inner{
  animation: lel 1s ease forwards;
}

.ani-section.three [class*="small-code-"],
.ani-section.four [class*="small-code-"]{
  opacity: 1;
  transform: scale(1);
  transition-delay: 1.5s;
}
.ani-section.three [class*="inner-node-"],
.ani-section.four [class*="inner-node-"]{
  opacity: 1;
  transition-delay: 1.2s;
  animation: small_node_rotation 5s 1.2s linear infinite;
}
@keyframes small_node_rotation{
  100%{
    transform: rotate(360deg);
  }
}

/* Animation section four
------------------------ */
.ani-section [class*="gif-"]{
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 50px;
  background-size: 105% 105% !important;
  background-position: center !important;
  transition: all .4s ease;
  border: 1px solid #00233b;
  border-radius: 50%;
}
.gif-1{
  top: -225px;
  left: 50%;
  transform: translateX(-50%);
}
.gif-2{
  top: 0;
  right: -260px;
}
.gif-3{
  top: 0;
  left: -260px;
}
.gif-4{
  bottom: -200px;
  left: -125px;
}
.gif-5{
  bottom: -200px;
  right: -125px;
}

.ani-section.four [class*="gif-"]{
  opacity: 1;
  width: 100px;
  height: 100px;
}
[class*="drawbox-"]{
  overflow: visible;
  position: absolute;
  opacity: 0;
}
[class*="transfer-panel-"]{
  position: absolute;
  overflow: hidden;
  display: none;
}
.ani-section.four [class*="transfer-panel-"]{
  display: block;
}
[class*="c-path-"]{
  position: absolute;
  border-radius: 50%;
}

.ani-section.four .c-path-1{
  transform: rotate(110deg);
  animation: shootLeftRight 8s ease-in-out infinite;
}
.ani-section.four .c-path-2{
  transform: rotate(0deg);
  animation: shootRightLeft 8s ease-in-out infinite;
}

@keyframes shootLeftRight{
  0%    {transform: rotate(110deg);}
  7%    {transform: rotate(98deg);}
  12%   {transform: rotate(105deg);}
  15%   {transform: rotate(105deg);}
  50%   {transform: rotate(-220deg);}
  100%  {transform: rotate(-220deg);}
}
@keyframes shootRightLeft{
  0%    {transform: rotate(-130deg);}
  50%   {transform: rotate(-130deg);}
  57%   {transform: rotate(-97deg);}
  62%   {transform: rotate(-101deg);}
  65%   {transform: rotate(-101deg);}
  100%  {transform: rotate(220deg);}
}
.ani-section.four .drop{
  position: absolute;
  top: -7px;
  height: 14px;
  width: 14px;
  background: #ffffff;
  border-radius: 50% 50% 50% 50%;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%,0);
  animation: dropSpeed 4s ease infinite;
}
.ani-section.four .c-path-1 .drop{
  left: 35%;
}
.ani-section.four .c-path-2 .drop{
  left: 60%;
}

.ani-section.four .c-path-2 .drop{
  animation: dropSpeedLeft 4s ease infinite;
}

@keyframes dropSpeed{
  20%{
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%,0) rotate(-45deg);
    border-radius: 50%;
  }
  85%{
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%,0) rotate(-45deg);
    border-radius: 50% 50% 0 50%;
  }
  95%{
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%,0) rotate(-45deg);
    border-radius: 50%;
  }
  100%{
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%,0) rotate(-45deg);
    border-radius: 50%;
  }
}
@keyframes dropSpeedLeft{
  20%{
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%,0) rotate(45deg);
    border-radius: 50%;
  }
  85%{
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%,0) rotate(45deg);
    border-radius: 50% 50% 50% 0;
  }
  95%{
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%,0) rotate(45deg);
    border-radius: 50%;
  }
  100%{
    -webkit-transform: translate(-50%, 0) rotate(-45deg);
    transform: translate(-50%,0) rotate(45deg);
    border-radius: 50%;
  }
}

.transfer-panel-1{
  top: -300px;
  left: 24px;
  height: 175px;
  width: 250px;
}
.transfer-panel-1 .c-path-1,
.transfer-panel-1 .c-path-2{
  height: 200px;
  width: 200px;
  left: 23px;
  top: 31px;
}
[class*="transfer-panel-"] .c-path-1{
  background: url('../images/ani_assets/dotted_line-01.png') no-repeat;
  background-size: 98%;
  background-position: left 3px top -3px;
}
[class*="transfer-panel-"] .c-path-2{
  background: url('../images/ani_assets/half_sized_02.png') no-repeat;
  background-size: 98%;
  background-position: left top -3px;
}
.transfer-panel-2{
  top: -53px;
  left: -365px;
  height: 200px;
  width: 270px;
  transform: rotate(-72deg);
}
.transfer-panel-2 .c-path-1,
.transfer-panel-2 .c-path-2{
  height: 230px;
  width: 230px;
  top: 25px;
  left: 20px;
}

.transfer-panel-3{
  top: -53px;
  right: -365px;
  height: 200px;
  width: 270px;
  transform: rotate(72deg);
}
.transfer-panel-3 .c-path-1,
.transfer-panel-3 .c-path-2{
  height: 230px;
  width: 230px;
  top: 25px;
  left: 20px;
}

.transfer-panel-4{
  bottom: -270px;
  left: -225px;
  height: 215px;
  width: 270px;
  transform: rotate(-140deg);
}
.transfer-panel-4 .c-path-1,
.transfer-panel-4 .c-path-2{
  height: 245px;
  width: 245px;
  top: 30px;
  left: 12px;
}

.transfer-panel-5{
  bottom: -270px;
  right: -225px;
  height: 215px;
  width: 270px;
  transform: rotate(140deg);
}
.transfer-panel-5 .c-path-1,
.transfer-panel-5 .c-path-2{
  height: 245px;
  width: 245px;
  top: 30px;
  left: 12px;
}

.ani-section.four [class*="drawbox-"]{
  opacity: 1;
}
.drawbox-1{
  transform: rotate(90deg);
  top: -325px;
  left: 48px;
  border: 3px solid orange;
  height: 225px;
  width: 185px;
}

.drawbox-2{
  transform: rotate(-200deg);
  top: -80px;
  right: -330px;
  width: 210px;
}
.drawbox-3{
  transform: rotate(-132deg);
  width: 205px;
  right: -189px;
  bottom: -277px;
}
.drawbox-4{
  transform: rotate(-49deg);
  width: 212px;
  left: -194px;
  bottom: -294px;
}
.drawbox-5{
  transform: rotate(17deg);
  top: -80px;
  left: -330px;
  width: 210px;
}

.ani-section.four [class*="drawbox-"] .dot-path{
  fill: none;
  stroke: #fff;
  width: 200px;
}

#base_path{
  fill: none;
}
.bg {
  stroke: transparent;
}

.move {
  stroke: #ffffff;
  stroke-dashoffset: 1000;
  stroke-dasharray: 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 455;
}
.drawbox-1 .move{
  animation: dashLines 3s linear infinite alternate;
}
.drawbox-2 .move{
  animation: dashLines 4s .8s linear infinite alternate;
}
.drawbox-3 .move{
  animation: dashLines 3s 1.8s linear infinite alternate;
}
.drawbox-4 .move{
  animation: dashLines 3s .4s linear infinite alternate;
}
.drawbox-5 .move{
  animation: dashLines 3.5s 1.5s linear infinite alternate;
}

@keyframes dashLines {
  0%    {stroke-dashoffset: 1000;}
  90%,100%  {stroke-dashoffset: 300;}
}


/* RESPONSIVE
============================= */
/* Animation Resizing only! - 1450px */
@media only screen and (max-width: 1450px){
  .ani-section.two .first-image,
  .ani-section.three .first-image,
  .ani-section.four .first-image{
    width: 250px;
  }
  .ani-section.two .first-svg,
  .ani-section.three .first-svg,
  .ani-section.four .first-svg{
    width: 250px;
    height: 250px;
  }
  .ani-section.two .first-svg, 
  .ani-section.three .first-svg, 
  .ani-section.four .first-svg{
    width: 200px;
  }
  .ani-section.two [class*="square-"], 
  .ani-section.three [class*="square-"], 
  .ani-section.four [class*="square-"]{
    width: 65px;
    height: 65px;
  }
  .ani-section.two .square-2, .ani-section.three .square-2, .ani-section.four .square-2{
    left: 0;
    top: 67px;
  }
  .ani-section.two .square-3, .ani-section.three .square-3, .ani-section.four .square-3{
    right: 0;
    top: 67px;
  }
  .ani-section.two .square-4, .ani-section.three .square-4, .ani-section.four .square-4{
    left: 34px;
  }
  .ani-section.two .square-5, .ani-section.three .square-5, .ani-section.four .square-5{
    right: 34px;
  }

  .ani-section.two .base-panel,
  .ani-section.three .base-panel,
  .ani-section.four .base-panel{
    width: 250px;
    height: 241px;
  }
  .ani-section.two .z-panel,
  .ani-section.three .z-panel,
  .ani-section.four .z-panel{
    width: 250px;
    height: 241px;
  }
  [class*="big-code-"]{
    width: 85px;
    height: 60px;
    padding-top: 12px;
  }

  [class*="bar-"]   {height: 2px;max-width: 68px;}
  .big-code-1       {top: 18%;left: -115px;}
  .big-code-2       {top: -85px;}
  .big-code-3       {top: 18%;right: -115px;}
  .big-code-4       {bottom: -70px;}
  .big-code-5       {bottom: -70px;}

  [class*="node-line-"]{width: 100px;}
  .node-line-1      {top: -115px;}
  .node-line-2      {top: -15px;right: -70px;}
  .node-line-3      {top: -15px;left: -70px;}
  .node-line-4      {bottom: -100px;left: -5px;}
  .node-line-5      {bottom: -100px;right: -5px;}

  [class*="inner-node-"]{width: 45px;}
  .inner-node-1     {top: -70px;left: 23px;}
  .inner-node-2     {top: -70px;right: 23px;}
  .inner-node-3     {top: 124px;right: -97px;}
  .inner-node-4     {top: -25px;right: -43px;}
  .inner-node-5     {bottom: 3px;right: -57px;}
  .inner-node-6     {bottom: -99px;right: 64px;}
  .inner-node-7     {bottom: 3px;left: -57px;}
  .inner-node-8     {bottom: -99px;left: 64px;}
  .inner-node-9     {top: 124px;left: -97px;}
  .inner-node-10    {top: -25px;left: -43px;}

  .ani-section.three [class*="small-code-"], 
  .ani-section.four [class*="small-code-"]{
    width: 45px;
    height: 45px;
    padding-top: 18px;
  }
  .small-code-1     {top: -125px;left: 20px;}
  .small-code-2     {top: -125px;right: 20px;}
  .small-code-3     {top: 125px;right: -155px;}
  .small-code-4     {top: -40px;right: -100px;}
  .small-code-5     {bottom: -30px;right: -105px;}
  .small-code-6     {bottom: -145px;right: 35px;}
  .small-code-7     {bottom: -30px;left: -105px;}
  .small-code-8     {bottom: -145px;left: 35px;}
  .small-code-9     {top: 125px;left: -155px;}
  .small-code-10    {top: -40px;left: -100px;}

  .ani-section.four [class*="gif-"]{
    width: 75px;
    height: 75px;
  }
  .gif-1    {top: -190px;}
  .gif-2    {right: -210px;}
  .gif-3    {left: -210px;}
  .gif-4    {bottom: -160px;left: -95px;}
  .gif-5    {bottom: -160px;right: -95px;}
  
  .drawbox-1 {
    top: -260px;
    left: 50px;
    width: 150px;
  }
  .drawbox-2 {
    top: -53px;
    right: -243px;
    width: 165px;
  }
  .drawbox-3 {
    width: 173px;
    right: -145px;
    bottom: -227px;
  }
  .drawbox-4{
    width: 173px;
    left: -145px;
    bottom: -227px;
  }
  .drawbox-5 {
    top: -53px;
    left: -243px;
    width: 165px;
  }

  .transfer-panel-1{
    top: -245px;
    left: 24px;
    height: 150px;
    width: 200px;
  }
  .transfer-panel-1 .c-path-1,
  .transfer-panel-1 .c-path-2{
    height: 170px;
    width: 170px;
    left: 15px;
    top: 25px;
  }

  .transfer-panel-2{
    top: -55px;
    left: -300px;
    height: 185px;
    width: 225px;
  }
  .transfer-panel-2 .c-path-1,
  .transfer-panel-2 .c-path-2{
    height: 200px;
    width: 200px;
    top: 30px;
    left: 12px;
  }

  .transfer-panel-3{
    top: -55px;
    right: -300px;
    height: 185px;
    width: 225px;
  }
  .transfer-panel-3 .c-path-1,
  .transfer-panel-3 .c-path-2{
    height: 200px;
    width: 200px;
    top: 30px;
    left: 12px;
  }

  .transfer-panel-4{
    bottom: -221px;
    left: -175px;
    height: 185px;
    width: 225px;
  }
  .transfer-panel-4 .c-path-1,
  .transfer-panel-4 .c-path-2{
    height: 205px;
    width: 205px;
    top: 24px;
    left: 10px;
  }

  .transfer-panel-5{
    bottom: -221px;
    right: -175px;
    height: 185px;
    width: 225px;
  }
  .transfer-panel-5 .c-path-1,
  .transfer-panel-5 .c-path-2{
    height: 205px;
    width: 205px;
    top: 24px;
    left: 10px;
  }
}

@media only screen and (max-width: 1340px){
  .culture-gallery .info-section{
    width: 50%;
    left: 590px;
  }
  .culture-gallery .img-small{
    width: 50%;
    left: 50px;
  }

  .tech-animation .inner{
    left: 50px;
  }
}

/* Animation Resizing only! - 1245px */
@media only screen and (max-width: 1245px){
  .ani-section,
  .ani-section.fixed,
  .ani-section.fixed.stop{
    width: 65%;
  }

  .ani-section.two .first-image, 
  .ani-section.three .first-image, 
  .ani-section.four .first-image{
    width: 190px;
  }
  .ani-section.two .base-panel, 
  .ani-section.three .base-panel, 
  .ani-section.four .base-panel{
    width: 190px;
    height: 183px;
  }
  .ani-section.two .z-panel, 
  .ani-section.three .z-panel, 
  .ani-section.four .z-panel{
    width: 190px;
    height: 183px;
  }
  .ani-section.two [class*="square-"], 
  .ani-section.three [class*="square-"], 
  .ani-section.four [class*="square-"]{
    width: 50px;
    height: 50px;
  }
  .ani-section.two [class*="square-"] img, 
  .ani-section.three [class*="square-"] img, 
  .ani-section.four [class*="square-"] img{
    width: 30px;
  }
  .ani-section.two .square-2, .ani-section.three .square-2, .ani-section.four .square-2{
    top: 50px;
  }
  .ani-section.two .square-3, .ani-section.three .square-3, .ani-section.four .square-3{
    top: 50px;
  }
  .ani-section.two .square-4, .ani-section.three .square-4, .ani-section.four .square-4{
    left: 26px
  }
  .ani-section.two .square-5, .ani-section.three .square-5, .ani-section.four .square-5{
    right: 26px
  }

  .ani-section.two .first-svg, .ani-section.three .first-svg, .ani-section.four .first-svg{
    width: 150px;
  }

  [class*="big-code-"]{
    width: 65px;
    height: 45px;
    padding-top: 8px;
    padding-left: 5px;
  }

  [class*="bar-"]   {height: 2px;max-width: 50px;margin: 3px 0;}
  .big-code-1       {left: -85px;}
  .big-code-2       {top: -70px;}
  .big-code-3       {right: -85px;}
  .big-code-4       {bottom: -50px;left: -25px;}
  .big-code-5       {bottom: -50px;right: -25px;}

  [class*="node-line-"]{width: 80px;}
  .node-line-1      {top: -90px;}
  .node-line-2      {right: -50px;}
  .node-line-3      {left: -50px;}
  .node-line-4      {bottom: -80px;}
  .node-line-5      {bottom: -80px;}

  [class*="inner-node-"]{width: 35px;}
  .inner-node-1     {top: -59px;left: 15px;}
  .inner-node-2     {top: -59px;right: 15px;}
  .inner-node-3     {top: 90px;right: -71px;}
  .inner-node-4     {top: -28px;right: -28px;}
  .inner-node-5     {bottom: -3px;right: -46px;}
  .inner-node-6     {bottom: -84px;right: 51px;}
  .inner-node-7     {bottom: -3px;left: -46px;}
  .inner-node-8     {bottom: -84px;left: 51px;}
  .inner-node-9     {top: 90px;left: -71px;}
  .inner-node-10    {top: -28px;left: -28px;}

  .ani-section.three [class*="small-code-"], 
  .ani-section.four [class*="small-code-"]{
    width: 35px;
    height: 35px;
    padding-top: 14px;
    padding-left: 11px;
    padding-right: 11px;
  }
  .small-bar-4      {display:none;}
  .small-code-1     {top: -100px;left: 15px;}
  .small-code-2     {top: -100px;right: 15px;}
  .small-code-3     {top: 100px;right: -120px;}
  .small-code-4     {top: -30px;right: -75px;}
  .small-code-5     {bottom: -25px;right: -80px;}
  .small-code-6     {bottom: -120px;right: 35px;}
  .small-code-7     {bottom: -25px;left: -80px;}
  .small-code-8     {bottom: -120px;left: 35px;}
  .small-code-9     {top: 100px;left: -120px;}
  .small-code-10    {top: -30px;left: -75px;}

  .ani-section.four [class*="gif-"]{
    width: 60px;
    height: 60px;
  }
  .gif-1    {top: -160px;}
  .gif-2    {right: -170px;}
  .gif-3    {left: -170px;}
  .gif-4    {bottom: -125px;left: -70px;}
  .gif-5    {bottom: -125px;right: -70px;}
  
  .drawbox-1 {
    top: -240px;
    left: 33px;
    width: 125px;
  }
  .drawbox-2 {
    top: -55px;
    right: -202px;
    width: 137px;
  }
  .drawbox-3 {
    width: 150px;
    right: -117px;
    bottom: -189px;
  }
  .drawbox-4{
    width: 150px;
    left: -117px;
    bottom: -189px;
  }
  .drawbox-5 {
    top: -55px;
    left: -202px;
    width: 137px;
  }
  
  .ani-section.four .drop{
    width: 10px;
    height: 10px;
  }

  .transfer-panel-1{
    top: -205px;
    left: 20px;
    height: 125px;
    width: 155px;
  }
  .transfer-panel-1 .c-path-1,
  .transfer-panel-1 .c-path-2{
    height: 135px;
    width: 135px;
    left: 10px;
    top: 22px;
  }

  .transfer-panel-2{
    top: -35px;
    left: -225px;
    height: 140px;
    width: 170px;
  }
  .transfer-panel-2 .c-path-1,
  .transfer-panel-2 .c-path-2{
    height: 150px;
    width: 150px;
    top: 17px;
    left: 12px;
  }

  .transfer-panel-3{
    top: -35px;
    right: -225px;
    height: 140px;
    width: 170px;
  }
  .transfer-panel-3 .c-path-1,
  .transfer-panel-3 .c-path-2{
    height: 150px;
    width: 150px;
    top: 17px;
    left: 10px;
  }

  .transfer-panel-4{
    bottom: -190px;
    left: -146px;
    height: 160px;
    width: 185px;
  }
  .transfer-panel-4 .c-path-1,
  .transfer-panel-4 .c-path-2{
    height: 160px;
    width: 160px;
    top: 38px;
    left: 10px;
  }

  .transfer-panel-5{
    bottom: -190px;
    right: -146px;
    height: 160px;
    width: 185px;
  }
  .transfer-panel-5 .c-path-1,
  .transfer-panel-5 .c-path-2{
    height: 160px;
    width: 160px;
    top: 38px;
    left: 10px;
  }
}

@media only screen and (max-width: 1200px){
  .culture-gallery .info-section  {left: 50%;}
  .culture-gallery .img-small     {left: 0;}
  .culture-gallery .blue-ghost    {right: 15%;}

  #sidenav                        {display: none;}

  .hero-title{
    top: 40%;
    left: 100px;
    width: 50%;
  }
  .press-container{
    width: auto;
    margin: 0 50px;
  }
  
  .notfound{
    padding: 0 100px;
  }
  .notfound .base-cube{
    width: 400px;
  }
  .notfound .chain{
    left: 30%;
  }

  .members  {padding: 0 50px;}
	
  .footer-menu.menu-grid {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 1080px){
  header        {
	padding: 0 50px;
	padding-bottom: 8px;
  }
  
  .hero-title{
    top: 50%;
    left: 50px;
    width: 60%;
  }
  .hero-title h1  {font-size: 38px;}
  
  .first-space      {display: none;}
  .member           {
	width: 45%;
	margin-left: 0 !important;
	margin-right: 0 !important;
  }
  .members	    {
	justify-content: space-between !important;
  }

  .subscribe        {padding: 100px 50px;}

  .social .column   {height: 450px;}
  .social-grid li   {height: 150px;}

  .timeline .container  {width: 90%;}

  .deliver>div  {margin-bottom: 100px;}
  .view-all     {margin-top: -100px;}
  .section#home-four{margin-bottom: 100px;}

  .feature-list li  {width: 33.33% !important;}

  .technology-feature-list li  {width: 33.33% !important;}

  .insider .container{
    padding-right: 50px;
    padding-left: 50px;
    transition: all .35s ease;
  }

  .row.jobs{
    padding: 0 50px;
  }
	
  .hosted-solutions-process {
    margin-top: 100px;
   gap: 0px 50px;
  }
	
  .members p.member-info {
    font-size: 13px;	
  }
  .members div.info-panel strong {
	font-size: 14px;	
  }
  .members div.info-panel p.bold {
   font-size: 14px;	
  }
}

@media only screen and (max-width: 980px){
  footer        {padding: 20px 20px;}
  input, textarea{
    border-radius: 0 !important;
    -webkit-appearance: none;
  }
  .ani-section    {display: none;}

  .info-section{
    position: static;
    height: auto;
  }
  .info-section .inner{
    position: static;
    width: 100%;
    max-width: 100%;
    padding: 50px 25px;
    transform: translateY(0);
    text-align: center;
  }
  .info-section .inner h2{
    text-align: center;
    line-height: 32px;
  }
  .info-section .inner p{
    text-align: center;
  }
  .info-section .inner img{
    display: block;
    max-width: 80%;
    margin: 0 auto 50px auto;
  }
  .careers-container h2{
    margin-top: 0;
  }
  .white-line     {display: none !important;}

  h2{
    line-height: 30px;
    font-size: 20px;
  }

  header {padding: 0 25px;}
  header .menu{
    width: 0;
    top: 0; right: 0;
    bottom: 0; left: auto;
    background: #00abf0;
    margin: 0 !important;
    position: fixed;
    height: 100%;
    overflow: hidden;
    transition: all .5s ease;
  }
  header .menu ul{
    margin-top: 0;
    padding: 0 20px;
    opacity: 0;
    transition: all .4s 0s ease;
  }
  header .menu.open{
    width: 100%;
  }
  header .menu.open ul{
    opacity: 1;
    transition: all .4s .1s ease;
  }
  header .menu li:first-child{
    display: block;
  }
  header .menu li{
    display: block;
    text-align: center;
    margin-right: 0;
    margin: 0;
    padding: 10px;
    min-width: 200px;
    border-top: 1px solid rgba(255,255,255, .1);
  }
  header .menu li a{
    display: block;
    padding: 20px 0;
  }
  header .mobile-action{
    display: block;
  }
  header .menu-open{
    display: inline-block;
  }
  header .menu-close img{
    margin-top: 30px;
    margin-right: 40px;
    width: 32px;
  }
  header .menu .mobile-action a{
    display: inline-block;
    float: right;
  }
  .res-men{
    background: #00233b;
    position: absolute;
    top: 0;
    left: 0;
    right: 110px;
    bottom: 0;
  }
  .res-men h3{
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
    font-size: 28px;
    padding: 30px 0;
    margin: 0;
    display: block;
    opacity: 0;
    transition: all .2s 0s ease;
  }
  .menu.open .res-men h3{
    opacity: 1;
    transition: all .3s .2s linear;
  }
  
  /** mobile submenu **/
  ul.main-menu {
	display: block;
  }
	
  .res-men ul li:hover > .sub-menu {
    display: contents;
  }

  ul.sub-menu > li {
	background: #ffffff;
  }
  ul.sub-menu a:hover {
		color: #00abf0
  }
  ul.sub-menu a {
	color: #00233b;
  }
  .res-men ul li:hover > ul li {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  	
  .res-men .sub-menu-container {
  	padding: 0px;
      width: 100%;
  }
  header .menu a.sub-menu-header {
  	padding: 2px 0px;
  	color: #ffffff;
  }

  .res-men .sub-menu .menu-item a {
    padding: 10px 0px;
  }

  .hero-slider{
    width: 90%;
    height: 150px;
  }
  .hero-slider h1{
    font-size: 32px;
  }

  .hero-title{
    top: 40%;
    left: 25px;
    width: 80%;
  }
  .hero-title h1{
    font-size: 28px;
    padding-left: 20px;
  }
  .hero-title p{
    padding-left: 20px;
  }

  .social .column{
    height: 600px;
    width: 100%;
  }
  .social-grid li{
    height: 200px;
  }
  .modal-content{
    padding: 50px 35px;
  }
  .subscribe .column{
    width: 100%;
  }
  .subscribe .blue-ghost{
    left: 0;
    right: auto;
  }
	
  .email-form{
    padding-top: 50px !important;
  }
  
  .news-title>div{
    display: block;
  }

  .growth .column:first-child{
    border: none;
  }
  span.big{
    font-size: 70px;
  }
  .container{
    padding: 0 25px;
  }
  .blockchain-intro p{
    width: 100%;
  }
  .blockchain .column{
    margin-bottom: 50px;
  }
  .blockchain .column:last-child{
    margin-bottom: 0;
  }
  .culture{
    margin: 0;
    padding: 0px 0;
  }
  .culture .intro{
    width: 100%;
  }
  .culture .intro p {
    font-size: 20px;
    line-height: 28px;
  }
  /* 	.members.senior-leadership > *:nth-child(n + 4):nth-last-child(-n + 1) {
    margin-left: auto;
    margin-right: auto;
  } */
  ul.investor-list > *:nth-last-child(3) {
  	display: none;
  }
	
  p.deliver-text {
	font-size: 20px;
	line-height: 28px;
  }

  .culture-gallery .img-large{
    height: 300px;
  }
  .awards .companies ul{
    margin: 100px 0;
  }
  .awards .companies li{
    width: 100%;
    display: block;
    height: 100px;
    float: none;
  }
  .awards .companies img{
    max-width: 40%;
  }

  .awards .select{
    height: auto;
  }
  .awards .select.fix-height{
    height: 400px;
  }

  .select .image{
    height: 100px;
  }
  .select .image img{
    max-width: 80%;
  }
  .select .info{
    padding: 25px 0;
  }

  .timeline{
    background: none;
    position: relative;
    height: 500px;
  }
  .res-timeline{
    position: absolute;
    display: block;
    top: 0; left: 0;
    height: 100%;
    width: 100px;
    background: url('../images/history_arrow_mobile.svg') no-repeat;
    background-size: 100% 100%;
    background-position: center;
  }
  .timeline .container{
    width: 100%;
  }
  .timeline-item{
    width: 100% !important;
    height: 100px;
  }
  .timeline-item h6{
    top: 5%;
    left: 8px;
    transform: none;
  }
  .timeline-item .dot{
    left: 20px;
    transform: translate(0, -50%);
  }
  .timeline-item.top .line,
  .timeline-item .line{
    top: 20px;
    left: 50px;
    height: 60px;
    transform: translate(0,0) rotate(90deg);
  }
  .timeline-item.top .p-container,
  .timeline-item .p-container{
    height: 100%;
  }
  .timeline-item.top .p-container p,
  .timeline-item .p-container p{
    right: 0;
    width: 65%;
    text-align: left;
  }
  .timeline-item .shadow{
    width: 40px;
    height: 40px;
    left: 25px;
    transform: translate(-50%,-50%);
  }

  .culture-gallery{
    height: 1250px;
  }
  .culture-gallery .img-large{
    height: 350px;
  }
  .culture-gallery .img-small{
    top: 700px;
    height: 350px;
    width: 100%;
  }
  .culture-gallery .info-section{
    left: 0;
    width: 100%;
    bottom: auto;
    top: 350px;
    transform: translate(0,0);
  }
  .culture-gallery .blue-ghost{
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .feature-list li  {width: 50% !important;}

  .technology-feature-list li  {width: 50% !important;}

  .project-modal    {width: 80%;}
  .testimonial      {width: 80%;}
  .testimonial-slider .nextItem{right: 10px;}
  .testimonial-slider .prevItem{left: 10px;}
  
  .testimonial h3   {font-size: 16px;}
  .press-article h3 {font-size: 18px;}

  .info-section h2{
    line-height: 32px;
  }

  .insider .container{
    padding-right: 25px;
    padding-left: 25px;
  }

  .magic-line{
    float: left;
    width: 100%;
  }
  .magic-line li a{
    margin: 0 15px;
  }
  #nav.magic-line{
    border: none;
  }
  #nav.magic-line{
    margin-top: 50px;
  }
  #nav.magic-line li{
    width: 50%;
  }
  #nav.magic-line a{
    text-align: center;
    margin: 0;
    border-bottom: 2px solid #e7e7e7;
  }
  #nav.magic-line #blue-line{
    display: none;
  }
  #nav.magic-line a.active{
    color: #00abf0;
    border-bottom: 2px solid #00abf0;
  }

  .investor-list li     {width: 50%;}
  .investor-list a    {width: 75%;}

  .perks .column{
    width: 50% !important;
  }

  .row.jobs{
    padding: 0;
  }

  .notfound{
    padding: 0;
    height: 700px;
  }
  .notfound .container{
    height: auto;
  }

  .text-section{
    height: 350px !important;
    margin-top: 350px;
    width: 100% !important;
  }
  .notfound .inner{
    position: absolute;
    top: 0;
    width: 350px;
    left: 50%;
    transform: translate(-50%,0);
  }
  .cube-section{
    position: absolute !important;
    top: 0;
    height: 400px;
    height: 20px !important;
    width: 100% !important;
  }
  .notfound .base-cube{
    width: 300px;
  }
  .notfound .chain{
    top: 230px;
    left: 105px;
    width: 40px;
  }
  .text-section .inner{
    width: 100%;
  }
  .text-section h2{
    display: none;
  }
  .cube-section h2{
    display: block;
    text-align: center;
    margin-bottom: 40px;
  }
  .text-section h1{
    font-size: 60px;
    margin-top: 50px;
  }

  .article-grid{
    height: 2400px;
  }

  .market-infra .intro{
    width: 100%;
  }
  .market-infra .intro p{
    font-size: 20px;
    line-height: 28px;
  }

  .market-infra-process h2{
    margin-top: 50px;
  }
	
  .hosted-solutions-process {
    margin-top: 100px;
    gap: 0px 50px;
  
}
.menu .proddropdown .sub-menu li{
  background: #00abf0;
  border:none;
  padding: 8px 0;
}




@media only screen and (max-width: 780px){
  .hero-slider{
    width: 95%;
    height: 150px;
  }
  .hero-slider h1{
    font-size: 24px;
  }
  /* 	remove br on mobile view */
  div#hero-slider div.title-slider br {
	display: none;
  }

  header .menu li{
    padding: 0;
  }

  .members      {flex-direction: column;}
  .member       {width: 100%;}

  .culture-gallery .blue-ghost{
    width: 80%;
  }

  .section.social{
    height: auto;
  }
  .social .column{
    height: auto;
    width: 100%;
  }
  .social-grid li{
    width: 50%;
    height: 300px;
  }
  .fader{
    position: static;
    height: 350px;
  }
  .feature-list li  {width: 100% !important;}

  .project-modal    {width: 90%;}
  .testimonial      {border: none;}
  .insider .container{
    padding-right: 10px;
    padding-left: 10px;
  }
  .page-content .intro-text p{
    width: 80%;
  }
  .perks .column{
    width: 100% !important;
  }
  .position strong{
    padding: 10px 0;
    text-align: center;
  }
  .position p   {padding: 5px;}
  .position a{
    float: none;
    margin-top: 25px;
  }
  .position .column{
    text-align: center;
  }

  .job-form   {width: 90%;}
  .item       {width: 80%;}
  .arrow-slider .nextItem{right: 0;}
  .arrow-slider .prevItem{left: 0;}

  .awards-list .small-0 {
     width: 0%;
     height: 0%;
  }

  /* Company
  ============================= */
  .member .headshot{
	 height: 400px;
	 width: 380px;
	 min-height: 220px;
	 min-width: 335px;
	 background-size: cover !important;
	 background-position: center !important;
	}
	
  .member-panel {
	 width: 100%;
  }
	
  .member.leadership div.active-line{
	width: 100%;
  }

  .member:hover div.member-panel div.active-line{
	left: 0%;
  }

  /* Market Infrastructure
  ============================= */
  .market-infra-process {
	grid-template-columns: 1fr;
	gap: 0px;
	grid-template-areas:
		"image1"
		"text1"
		"image2"
		"text2"
		"image3"
		"text3"
		"image4"
		"text4"
		"image5"
		"text5";
  }
  .market-infra-process .text-column1 {
	grid-area: text1;
  }
  .market-infra-process .text-column2 {
	grid-area: text2;
  }
  .market-infra-process .text-column3 {
	grid-area: text3;
  }
  .market-infra-process .text-column4 {
	grid-area: text4;
  }
  .market-infra-process .text-column5 {
	grid-area: text5;
  }
	
  .market-infra-process .img-column1 {
	grid-area: image1;
  }
  .market-infra-process .img-column2 {
	grid-area: image2;
  }
  .market-infra-process .img-column3 {
	grid-area: image3;
  }
  .market-infra-process .img-column4 {
	grid-area: image4;
  }
  .market-infra-process .img-column5 {
	grid-area: image5;
  }
	
  .market-infra-process h2 {
	margin-top: 20px;
    margin-bottom: 10px;
	text-align: center;
  }
	
  .market-infra-process p {
	text-align: center;
  }

  /* Hosted Solutions
  ============================= */
  .hosted-solutions-process {
	grid-template-columns: 1fr;
	gap: 0px;
	grid-template-areas:
		"image1"
		"text1"
		"image2"
		"text2";
  }
  .hosted-solutions-process .text-column1 {
	grid-area: text1;
  }
  .hosted-solutions-process .text-column2 {
	grid-area: text2;
  }
	
  .hosted-solutions-process .img-column1 {
	grid-area: image1;
  }
  .hosted-solutions-process .img-column2 {
	grid-area: image2;
  }
	
  .hosted-solutions-process h2 {
	margin-top: 20px;
    margin-bottom: 10px;
	text-align: center;
  }
	
  .hosted-solutions-process p {
	text-align: center;
  }
	
  .res-men ul li:hover > ul li {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  
  .footer-menu.menu-grid {
	text-wrap: wrap;
  }
	
}

@media only screen and (max-width: 650px){
  .subscribe    {padding: 100px 25px;}
  .subscribe .column{
    height: auto;
  }
  .subscribe .blue-ghost{
    position: static;
    top: 0;
    right: 0;
    transform: translateY(0); 
    padding: 15px;
    margin-top: 50px;
    width: 100%;
    text-align: left;
    font-size: 9px;
  }
  .subscribe .blue-ghost img{
    display: none;
  }
  .login-form{
    width: 80%;
  }
  
}

@media only screen and (max-width: 480px){
  .members    {padding: 0;}
  .culture .container{
    padding: 0;
  }
  .culture .intro{
    padding: 0 25px;
  }

  .market-infra .container{
    padding: 0;
  }
  .market-infra .intro{
    padding: 0 25px;
  }

  .hosted-solutions .container{
    padding: 0;
  }
  .hosted-solutions .intro{
    padding: 0 25px;
  }

  .social-grid li{
    height: 200px;
  }
  .login-form{
    width: 95%;
  }
	
  span.bold.technology-feature-list-desc {
  	padding-left: 0px;
	padding-right: 0px;
  }
 }
}





/* New */
.white-line{
	background-color: #00abf0;
}
.main-menu .current-menu-item a{
	color: #00abf0;
}

body .btn-primary{
	font-size: 16px;
	padding: 15px 20px;
}
body .btn-center{
	margin: 0 auto;
	display: table;
}
body .title-slide .btn-primary{
	margin-top: 50px;
}


.our-technology-section{
	padding: 100px 0;
	background-color: #00233b;
}
.our-technology-title{
	text-align: center;
	margin: 0 0 0 0;
}
.our-technology-title h2{
	color: #fff;
}
.our-technology-title p{
	color: #fff;
	font-size: 22px;
}
.our-technology-image{
	margin: 70px 0 50px 0;
}



/* Contact */
.width-1215{
	max-width: 1265px;
	width: 100%;
	padding: 100px 25px;
}
.contact-row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.contact-col-sm{
	width: 29%;
	padding: 0 15px;
}
.contact-col-lg{
	width: 71%;
	padding: 0 15px;
}
.contact-text h3{
	font-weight: normal;
	font-size: 42px;
	line-height: normal;
	color: #00233b;
  text-transform: uppercase;
	margin: 0 0 33px 0;
}
.contact-text p{
	color: #00233b;
	font-size: 22px;
	line-height: 36px;
	margin: 0 0 30px 0;
}
.contact-text p a{
  color: #00abf0;
}
.contact-data-form form{
	margin: 0;
}
.contact-section{
  padding: 150px 0 156px 0;
}
.contact-section .container.contact{
  margin-top: 0;
  margin-bottom: 0;
}



/* Who We Serve */
.who-we-serve-section{
	padding: 150px 0;	
}
.who-we-serve-text{
	text-align: center;
	max-width: 770px;
	width: 100%;
	margin: 0 auto;
}
.who-we-serve-text h3{
	font-weight: normal;
	font-size: 42px;
	line-height: 56px;
	color: #fff;
	margin: 0 0 20px 0;
}
.who-we-serve-text p,
.who-we-serve-text h6{
	color: #fff;
  	font-size: 22px;
  	line-height: 36px;
  	margin: 0 0 30px 0;
}
.who-we-serve-text h6{
  	font-weight: bold;
  	margin: 0 0 50px 0;
  	font-size: 24px;
  	font-family: "metropolisbold",sans-serif;
}




/* Data Section */
.data-section{
	padding: 150px 0;
}
.data-text h2{
	text-align: center;
	margin: 0 0 70px 0;
	color: #00233b;
	text-transform: uppercase;
}
.data-block img{
	display: table;
	margin: 0 auto;
	max-width: 100%;
}


/* Serve Section */
.serve-parent{
	padding: 60px 0;
}
.serve-parent{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}
.serve-row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -70px;
}
.serve-col{
	width: 50%;
	padding: 0 70px;
}
.serve-block{
	padding: 40px;
	padding-top: 0;
	border-radius: 20px;
	background-color: #fff;
	min-height: 100%;
	box-shadow: 0 2px 23px rgba(0,0,0,0.10),0 0px 11px rgba(0,0,0,0.10);
}
.serve-block ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.serve-block ul li{
  	margin: 0 0 10px 0;
  	font-size: 18px;
  	line-height: 30px;
  	position: relative;
  	padding: 0 0 0 35px;
  	font-family: "MetropolisBoldRegular",sans-serif;
}
.serve-block ul li::before{
	content: "";
	width: 15px;
	height: 15px;
	background-color: #00abf0;
	position: absolute;
	left: 0;
	top: 7px;
}
.serve-block p{
	font-size: 18px;
  	line-height: 30px;
  	margin: 0 0 30px 0;
  	color: #00233b;
  	min-height: 120px;
}
.serve-badge{
	padding: 4px 20px 3px 20px;
	background-color: #00233b;
	font-size: 16px;
	display: table;
	line-height: 25px;
	color: #fff;
	border-radius: 100px;
	font-family: "MetropolisBoldRegular",sans-serif;
	top: -25px;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	position: relative;
}



.news-modal-section{
	background-color: #00486e;
	padding: 20px 0;
}
.news-modal-data{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.news-modal-lg{
	width: 70%;
	padding: 10px;
}
.news-modal-lg h2{
	font-size: 40px;
	line-height: normal;
	margin: 0;
	text-transform: inherit;
	color: #fff;
	text-align: left;
	font-family: "MetropolisBoldRegular",sans-serif;
}
.news-modal-sm{
	width: 30%;
	padding:10px;
}
body .news-modal-sm .btn-primary{
	font-size: 20px;
}



.js-btn-modal {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	position: relative;
	font-family: "metropolisbold",sans-serif;
	letter-spacing: .4px;
	text-align: center;color: #fff;
	background: #00abf0;
	text-transform: uppercase;
	border: none;
  padding: 30px 0;
	transition: all .35s ease;
}
.js-modal{
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 111111;
  overflow-x: hidden;
  overflow-y: auto;
  align-items: center;
  justify-content: center;
}
.news-modal {
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
  margin-top: 50px;
	padding: 74px 72px 62px 59px;
	background: #eee;
	border: 2px solid #ccc;
	box-sizing: border-box;
  position: relative;
}
.news-modal::before{
  content: "";
  width: 257px;
  height: 47px;
  background-image: url('../images/axoni_logo.png');
  background-size: cover;
  position: absolute;
  left: 62px;
  bottom: 65px;
}
.modal-close-btn {
	position: absolute;
	right: 24px;
	top: 28px;
	background-color: transparent;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0px;
	border: none;
	width: 35px;
	height: 35px;
	cursor: pointer;
}
.modal-close-btn img{
	width: 35px;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0);
}
.modal-body p{
	font-size: 24px;
  	line-height: 36px;
  	color: #00486E;
  	max-width: 600px;
  	width: 80%;
  	margin: 0 0 49px 0;
}
.modal-body .hs-richtext p{
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 15px 0;
  padding: 0 10px;
  width: 100%;
  max-width: 100%;
}

.news-from-row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 ;
}
.news-from-col{
	width: 100%;
	padding: 0 10px;
}
.col-half{
	width: 50%;
}	
.form-group{
	margin: 0 0 20px 0;
}
.form-group label,.hbspt-form label{
	color: #00486e;
	font-size: 18px;
	margin: 0 0 1px 0;
	display: block;
}
.form-control,.hbspt-form .hs-input {
	width: 100%!important;
	height: 46px;
	background-color: #fff;
	color: #00486e;
  font-size: 16px;
  font-family: 'MetropolisBookRegular', sans-serif;
	padding-left: 15px;
	border: none;
}
.form-image,.form-button{
	display: flex;
	align-items: center;
	min-height: 100%;
	padding: 30px 0 0 0;
}
.hbspt-form .input{
  margin: 0!important;
}
.blue-btn,.hbspt-form .hs_submit .hs-button {
	font-size: 16px;
	padding: 16px 20px 13px 20px;
	margin: 0 0 0 auto;
	display: table;
	cursor: pointer;
	font-family: "metropolisbold",sans-serif;
	letter-spacing: .4px;
	text-align: center;color: #fff;
	background: #00abf0;
	text-transform: uppercase;
	border: none;
	transition: all .35s ease;
}
.hbspt-form .hs_submit .hs-button{
  margin: 0 0 0 auto;
  display: table;
}
.hbspt-form{
  width: 100%;
}
.hbspt-form .hs-form-field{
  margin-bottom: 20px;
  width: 100%;
  padding: 0 10px;
}
.hbspt-form .hs-error-msgs {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
}
.hbspt-form .hs-error-msgs label{
  color: #ce2020;
}
.hbspt-form  form.hs-form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.hbspt-form .hs_email ,.hbspt-form .hs_date {
  width: 50%;
}
.hbspt-form textarea{
  padding-top: 10px;
  height: 80px!important;
}
.hbspt-form .hs_submit{
  padding: 0 10px;
  width: 50%;
  margin: 0 0 0 auto;
  display: table;
}
.hbspt-form fieldset{
  width: 100%!important;
  max-width: 100%!important;
}
.js-modal::-webkit-scrollbar {
  display: none;
}
.js-modal {
  -ms-overflow-style: none;  
  scrollbar-width: none;
} 

/*================ Product Page ================*/

/* Platform Section */
.platform-section{
	padding: 0 0 0 0;
}
.pd-150{
	padding: 150px 0;
}
.width-1100{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
.platform-image img,.sharing-image img{
	margin: 0 auto;
	max-width: 100%;
	display: table;
}
.sharing-image{
	margin-bottom: 100px;
}
.text-bl h3{
	color: #00486E;
}
.text-bl p{
	color: #707070;
}
.list-data ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	list-style: none;
}
.list-data ul li{
	padding: 0 0 0 35px;
  	font-size: 18px;
  	line-height: 24px;
  	position: relative;
  	color: #00486d;
  	margin: 0 0 24px 0;
}
.list-data ul li::before{
	content: "";
  	width: 14px;
  	height: 14px;
  	background-color: #00abf0;
  	position: absolute;
  	left: 0;
  	top: 4px;
}

/* Source Section */
.source-section{
	padding: 0 0 150px 0;
}
.source-text{
	text-align: center;
}
.source-text h2{
	color: #00486d;
	font-family: 'MetropolisBoldRegular', sans-serif;
	margin: 0 0 40px 0;
}
.source-title {
  margin-bottom: 40px;
}
.source-title p{
  margin-bottom: 0;
}


/* Info Data Section */
.info-data-section{
	padding: 0 0 0 0;
	background-color: #eee;
}

.info-data-row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.info-data-col-lg{
	width: 55%;
	padding: 0 15px;
}
.info-data-col-sm{
	width: 45%;
	padding: 0 15px;
}
.info-data-image,.info-data-wrape{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%;
}
.info-data-text h2{
	margin: 0 0 26px 0;
	text-align: left;
	color: #00486d;
}


/* How It Works */
.how-it-works-block{
	padding: 100px 50px 50px 50px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 20px;
}
.block-title h2{
	text-align: left;
	margin: 0;
	color: #00233b;
}
.how-it-works-item,.block-title{
	margin: 0 auto 50px auto;
	max-width: 950px;
	width: 100%;
}
.how-it-works-row{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.how-it-works-icon{
	width: 100px;
	height: 100px;
	background-color: #00233b;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
}
.how-it-works-sm{
	width: 20%;
	padding: 0 15px;
}
.how-it-works-lg{
	width: 65%;
	padding: 0 15px;
}
.how-it-works-text h2{
	text-align: left;
	margin: 0 0 20px 0;
	color: #00233b;
}




.verification-section{
	padding: 0 0 0 0;
}
.main-content h2{
	font-weight: normal;
	font-size: 40px;
	line-height: normal;
	color: #00233b;
	margin: 0 0 30px 0;
	text-align: center;
}
.main-content p{
	font-size: 20px;
  	line-height: 35px;
  	margin: 0 0 40px 0;
}
.text-wh h2,.text-wh p,.text-wh ul li{
	color: #fff;
}


header .menu li.demo-btn{
  position: relative;
}
header .menu li.demo-btn::before{
  content: "";
  width: 100%;
  height: 40px;
  background-color: #00abf0;
  border: 1px solid #00abf0;
  position: absolute;
  transition: all .35s ease;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
header .menu li.demo-btn:hover{
  color: #00abf0;
}
header .menu li.demo-btn:hover::before{
  background-color:transparent !important;
}
header .menu li.demo-btn a{
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
header .menu li.demo-btn a{
  color: #fff!important;
}

/* Responsive */
@media (min-width:1300px) and (max-width:1550px){
	
}
@media (min-width:1200px) and (max-width:1299px){
	
	/*=============== Contact ===============*/
	.contact-text p,.who-we-serve-text p, .who-we-serve-text h6{
		font-size: 18px;
		line-height: 30px;
	}

	/*========== Who We Serve ==========*/
	.who-we-serve-section{
		padding: 100px 0;
	}	

	/* Data Section  */
	.data-section{
		padding: 100px 0;
	}

	.serve-parent{
		padding: 130px 0 100px  0;
	}

	.news-modal-section .press-container{
		margin: 0 50px;
	}
}
@media (min-width:992px) and (max-width:1199px){
	
	/*=============== Contact ===============*/
	.contact-col-sm{
		width: 40%;
	}
	.contact-col-lg{
		width: 60%;
	}

	.contact-text h3,.who-we-serve-text h3{
		font-size: 35px;
		line-height: 35px;
		margin-bottom: 20px;
	}
	.contact-text p,.who-we-serve-text p, .who-we-serve-text h6{
		font-size: 18px;
		line-height: 30px;
	}


	/*========== Who We Serve ==========*/
	.who-we-serve-section{
		padding: 100px 0;
	}	

	/* Data Section  */
	.data-section{
		padding: 100px 0;
	}

	.serve-parent{
		padding: 130px 0 100px  0;
	}


	.news-modal-lg h2{
		font-size: 30px;
		line-height: 35px;
	}
}
@media (min-width:768px) and (max-width:991px){
	/*=============== Contact ===============*/
	.width-1215{
		padding: 50px 25px;
	}
	.contact-col-lg,
	.contact-col-sm{
		width: 100%;
	}

	.contact-text h3{
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.contact-text p{
		font-size: 16px;
		line-height: 24px;
		margin: 0 0 20px 0;
	}


	/*========== Who We Serve ==========*/
	.who-we-serve-section{
		padding: 50px 0;
	}
	.who-we-serve-text h3{
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.who-we-serve-text p, .who-we-serve-text h6,.serve-block p,
	.serve-block ul li{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	/* Data Section  */
	.data-section{
		padding: 50px 0;
	}
	.data-text h2{
		margin-bottom: 30px;
	}

	.serve-parent{
		padding: 80px  0;
	}
	.serve-row{
		margin: 0 -15px;
	}
	.serve-col{
		padding: 0 15px;
	}
	.serve-block{
		padding: 30px;
		padding-top: 0;
	}
	.serve-badge{
		margin: 0;
	}
	.serve-block ul li{
		margin-bottom: 10px;
	}
	.serve-block ul li::before {
		top: 4px;
	}

	.news-modal-lg h2{
		font-size: 30px;
		line-height: 35px;
	}

  .modal-body p{
    margin-bottom: 20px;
  }
  .news-modal{
    padding: 50px 60px;
  }
  .news-modal::before {
    bottom: 50px;
  }

}
@media (min-width:320px) and (max-width:767px){
	/*=============== Contact ===============*/
	.width-1215{
		padding: 50px 25px;
	}
	.contact-col-lg,
	.contact-col-sm{
		width: 100%;
	}

	.contact-text h3{
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	.contact-text p{
		font-size: 16px;
		line-height: 24px;
		margin: 0 0 20px 0;
	}


	/*========== Who We Serve ==========*/
	.who-we-serve-section{
		padding: 50px 0;
	}
	.who-we-serve-text h3{
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	.who-we-serve-text p, .who-we-serve-text h6,.serve-block p,
	.serve-block ul li{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.data-section{
		padding: 50px 0;
	}
	.data-text h2{
		margin-bottom: 30px;
	}

	.serve-parent{
		padding: 80px 0 20px 0;
	}
	.serve-row{
		margin: 0 -15px;
	}
	.serve-col{
		width: 100%;
		padding: 0 15px;
		margin-bottom: 50px;
	}
	.serve-block{
		padding: 30px;
		padding-top: 0;
	}
	.serve-block p{
		min-height: auto;
	}
	.serve-badge{
		margin: 0;
	}
	.serve-block ul li{
		margin-bottom: 10px;
	}
	.serve-block ul li::before {
		top: 4px;
	}



	.news-modal-section .press-container{
		margin: 0 5px;
	}
	.news-modal-lg,.news-modal-sm{
		width: 100%;
	}
	.news-modal-lg h2{
		font-size: 30px;
		line-height: 35px;
	}
	.news-modal{
		padding: 30px 20px;
    padding-bottom: 60px;
	}
	.modal-body p{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 30px;
	}
	.modal-close-btn img{
		width: 30px;
	}
	.form-group label{
		font-size: 16px;
	}
	.news-from-col{
		width: 100%;
	}
	.news-from-col:first-child,
	.news-from-col:nth-of-type(2){
		width: 50%;
	}
	.form-image, .form-button{
		justify-content: center;
	}
	.form-image{
		padding-top: 10px;
	}
	.form-image img{
		max-width: 170px;
	}
	.blue-btn{
		margin: 0 auto;
	}

  .hbspt-form .hs_email, .hbspt-form .hs_date{
    width: 100%;
  }
  .hbspt-form .hs_submit{
    width: 100%;
    margin: 0 auto;
  }
  .hbspt-form .hs_submit .hs-button{
    margin: 0 auto;
  }
  .news-modal::before {
    width: 200px;
    height: 40px;
    background-size: 200px;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
  }
}






/* CONATCT US */
.verification-parent{
	padding: 150px 0;
	max-width: 770px;
    width: 100%;
    margin: 0 auto;
}
.text-wh{
	text-align: center;
}
.main-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.verification-parent .main-content h3 {
    font-weight: normal;
    font-size: 40px;
    line-height: normal;
    color: #fff;
    margin: 0 0 30px 0;
}
.main-content h2{
	text-transform: lowercase;
	font-weight: 300 !important;
}
.main-content h6{
	font-weight: normal;
    font-size: 18px;
    line-height: 26px;
	color: #fff;
	margin:0 auto;
	padding:10px 0 0 0;
	max-width: 550px;
}


/* Guaranteed */
.guaranteed-section{
	padding: 100px 0 150px 0;
}
.guaranteed-text{
	max-width: 770px;
    width: 100%;
    margin: 0 auto;
}
.guaranteed-text h2{
	font-family: "MetropolisBoldRegular", sans-serif;
    font-size: 24px;
    letter-spacing: .8px;
    text-align: center;
    color: #00233b;
    text-transform: uppercase;
    margin: 50px 0 30px 0;
}
.guaranteed-text p{
	font-family: "MetropolisBookRegular", sans-serif;
    letter-spacing: .5px;
    color: #9f9f9f;
	text-align: center;
	font-size: 20px;
    line-height: 35px;
    margin: 0 0 100px 0;
}
.guaranteed-parent h6{
	font-weight: normal;
    font-size: 18px;
    line-height: normal;
	color: #00233b;
	font-weight: 400;
	margin:0 0 30px 0 ;
}
.guaranteed-parent .list-data{
	max-width: 550px;
	width: 100%;
	margin: 0 auto;
}
.guaranteed-parent .guaranteed-text p strong{
	font-weight: bolder;
}


/* works-section */
.works-section{
	padding:  0 0 100px 0 ;
}
.work-heading h2{
	font-family: "MetropolisBoldRegular", sans-serif;
    font-size: 24px;
    letter-spacing: .8px;
    text-align: center;
    color: #00233b;
    text-transform: uppercase;
    margin:0 0 60px 0;
}
.work-text h3{
	font-family: "MetropolisBoldRegular", sans-serif;
    font-size: 18px;
    letter-spacing: .8px;
    text-align: center;
    color: #00233b;
    text-transform: uppercase;
	margin: 0 0 10px 0;
}
.work-data-row{
	display: flex;
    flex-wrap: wrap;
    margin: 0 55px;
}
.work-data-col-sm {
	width: 33.33%;
    padding: 0 15px;
}
.work-parent .work-text p{
	font-family: "MetropolisBookRegular", sans-serif;
    font-size: 16px;
    line-height: normal;
    letter-spacing: .5px;
    color: #00233b;
}
.work-text{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.works-one{
	width: 40px;
	height:40px;
	background-color: #00abf0;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	font-weight: 800;
	margin:  0 0 40px 0 ;
}



/********** Security-parent  ************/
.security-parent{
	max-width: 770px;
    width: 100%;
    margin: 0 auto;
}
.security-content{
	padding: 150px 0;
}
.security-content .security-text h3 {
    font-weight: normal;
    font-size: 40px;
    line-height: normal;
    color: #fff;
    margin: 0 0 30px 0;
	text-transform: uppercase;
}
.security-parent .security-text .list-data p{
	text-align: start;
}
.security-text p{
	font-family: "MetropolisBookRegular", sans-serif;
    letter-spacing: .5px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    margin: 0 0 30px 0;
}
.security-parent .security-text .list-data{
	padding:100px 0 0 0;
	max-width: 550px;
	margin: 0 auto;
}
.security-parent .security-text .list-data h3{
	 	text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		margin:  0 0 20px 0;
}
.security-parent .security-text .list-data p{
	font-family: "MetropolisBookRegular", sans-serif;
    font-size: 16px;
    line-height: 1.75;
	font-weight: normal;
    letter-spacing: .5px;
	color: #fff;
}
.security-parent .security-text .list-data ul li::before {
	background-color: transparent;
	background-size: cover;
	background-position: center;
	background-image: url('../images/check-icon.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}


/******** provider-section  *******/
.provider-section{
	background-color: #eeeeee;
}
.provider-row{
	display: flex;
    flex-wrap: wrap;
    margin: 0 55px;
	align-items: center;
	padding:60px 0 60px 0 ;
}
.provider-col{
	width: 50%;
    padding: 0 0px;
}
.provider-text h2{
	font-family: "MetropolisBoldRegular", sans-serif;
    font-size: 20px;
    letter-spacing: .8px;
    color:#00486d;
    text-transform: uppercase;
	margin:  0 0 20px 0;
	text-align: start;
}
.provider-text p{
	color: #00233b;
	line-height: normal;
}
.provider-text{
	text-align: start;
}
.provider-text ul {
	list-style: none;
}
.provider-text ul li{
	color: #00233b;
	line-height: 24px;
	font-family: "MetropolisBookRegular", sans-serif;
  	font-size: 16px;
  	letter-spacing: .5px;
  	margin: 0 0 10px 0;
}

/******* secure-section ********/
.secure-section{
	background-color: #ffffff;	
}
.secure-row{
	display: flex;
    flex-wrap: wrap;
    margin: 0 55px;
	align-items: center;
	padding:100px 0 0 0 ;
}
.secure-col{
	width: 50%;
    padding: 0 70px;
}
.secure-img{
	text-align: center;
}
.secure-text h2{
	font-family: "MetropolisBoldRegular", sans-serif;
    font-size: 20px;
    letter-spacing: .8px;
    color:#00233b;
    text-transform: uppercase;
	margin:  0 0 20px 0;
	text-align: start;
}
.secure-text p{
	color: #9f9f9f;
	line-height: normal;
}
.secure-text{
	text-align: start;
}


/******* self-hosted-section ********/
.self-hosted-section{
	background-color: #ffffff;
	
}
.self-hosted-row{
	 display: flex;
   flex-wrap: wrap;
   margin: 0 -8px;
	 padding:0 ;
}
.self-hosted-col{
	width: 50%;
    padding: 0 8px;
}
.self-hosted-text h2{
	margin:  0 0 26px 0;
	text-align: center;
}
.self-hosted-text p{
	color: #9f9f9f;
	line-height: normal;
	text-align: center;
}
.self-hosted-text h3{
	padding:0px 0 0 0;
	font-family: 'MetropolisBoldRegular', sans-serif;
	font-size: 24px;
	letter-spacing: 0.8px;
	color: #00233b;
	text-transform: uppercase;
	text-align: center;
}
.self-hosted-img{
	margin: 0 auto;
	display: table;
}

.sharing-title .who-we-serve-text {
	max-width: 100%;
}



@media (min-width: 992px) and (max-width: 1200px){
	.verification-parent .main-content h3{
		font-size: 35px;
	}
	.verification-parent{
		padding: 100px 0;
	}
	.main-content p{
		font-size: 18px;
	}
	.guaranteed-section{
		padding: 100px 0;
	}
	.guaranteed-text h2{
		margin: 0 0 30px 0 ;
	}
	.security-content{
		padding: 100px 0;
	}
	.security-content .security-text h3{
		font-size: 35px;

	}
	.security-parent .security-text .list-data{
		padding: 50px 0 0 0;
	}
	.width-1100{
		padding: 0 20px;
	}
	.work-text h3{
		margin: 0 0 0 0;
	}

}

@media (min-width: 768px) and (max-width: 991px){

	.secure-col{
		padding: 0 10px;
	}

	.provider-col{
		padding: 0 20px;
	}
	.provider-row{
		margin: 0 20px;
	}

	.verification-parent {
		padding: 70px 0;
	}
	.block-title h2{
		font-size: 20px;
	}
	.how-it-works-text h2{
		font-size: 20px;
	}
	.verification-parent .main-content h3{
		font-size: 34px;
	}
	.guaranteed-section{
		padding: 70px 0;
	}
	.work-data-col-sm{
		padding: 0 10px;
	}
	.work-text h3{
		margin: 0 0 0 0;
		line-height: 26px;
		font-size: 16px;
	}
	.Security-content{
		padding: 70px 0;
	}
	.Guaranteed-text h2{
		margin: 0 0 30px 0;
	}
	.security-content .security-text h3{
		font-size: 34px;
	}
  .source-parent img{
  	width: 100%;
  }
  .provider-img img{
  	max-width: 100%;
  }
  .secure-img img{
  	max-width: 100%;
  }
  .self-hosted-img img{
  	max-width: 100%;

  }
  .info-data-image img{
  	max-width: 100%;
  }
  .width-1100{
  	padding: 0 20px;
  }
  .works-section {
  	padding: 0 0 60px 0;
    }


}
@media (min-width: 320px) and (max-width: 767px){
	.platform-section{
		padding:50px 0;
	}
	.platform-section .platform-image{
		padding:0 20px;
	}
	.sharing-section{
		padding:50px 0;
	}
	.list-data ul li{
		padding: 0 0 0 30px;
		font-size: 16px;
	}
	.source-section{
		padding:0 0 50px 0;
	}
	.sharing-title .list-data ul li{
		line-height: 26px;
	}
	.who-we-serve-text img{
		max-width: 100%;
	}
	.info-data-col-sm{
		width:100%;
	}
	.info-data-image img{
		max-width: 100%;
	}
	.info-data-text h2{
		text-align: center;
	}
	.info-data-text .list-data ul li{
		line-height: 26px;
	}
	.info-data-item{
		margin-bottom:30px;
	}
	.info-data-col-lg {
		width: 100%;
		padding:20px 15px;
	}

	.how-it-works-item, .block-title{
		max-width: 100%;
		margin: 0 0 30px 0;
	}
	.how-it-works-text{
		text-align: center;
	}
	.how-it-works-sm{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.how-it-works-block {
		padding: 40px 20px 0 20px;
	}
	.how-it-works-row{
		flex-direction: column;
	}
	.how-it-works-lg{
		width: 100%;
		padding:20px 15px 0 15px;
	}
	.block-title h2{
		text-align: center;
	}
	.how-it-works-text h2{
		text-align: center;
		font-size: 20px;
	}
	.verification-parent {
		padding: 50px 0;
	}
	.verification-parent .main-content h3{
		font-size: 30px;
	}
	.verification-parent{
		max-width: 100%;
	}
	.main-content p {
		font-size: 16px;
		line-height: 26px;
	}
	.main-content h6{
		max-width: 100%;
	}
	.main-content h6{
		font-size: 16px;
		line-height: 26px;
	}
	.verification-parent .list-data ul li{
		line-height: 26px;
	}
	.guaranteed-section{
		padding:50px 0;
	}
	.guaranteed-text h2{
		margin: 0 0 30px 0 ;
	}
	.guaranteed-text p{
		font-size: 16px;
		line-height: 26px;
		margin: 0 0 50px 0;
	}
	.guaranteed-parent h6{
		text-align: center;
		line-height: 26px;
	}
	.works-section{
		padding: 0 0 50px 0;
	}
	.work-data-col-sm{
		width: 100%;
		padding: 0 10px;
	}
	.work-data-row{
		margin: 0 0;
	}
	.work-text{
		padding:30px 0 0 0;
		text-align: center;
	}
	.work-heading h2{
		margin:0;
	}
	.work-text h3{
		margin: 0;
		font-size: 14px;
	}
	.works-one{
		margin:0 0 20px 0;
	}
	.work-parent .work-text p{
		line-height: 26px;
	}
	.security-content{
		padding:50px 0 50px 0 ;
	}
	.security-content .security-text h3{
		font-size: 30px;
	}
	.security-text p{
		font-size: 16px;
  		line-height: 26px;
	}
	.security-parent .security-text .list-data{
		padding: 30px 0 0 0;
	}
	.security-parent .security-text .list-data h3{
		font-size: 16px;
	}
	.security-parent .security-text .list-data{
		max-width: 100%;
	}
	.security-parent .security-text .list-data p{
		text-align: center;
		margin: 0;
	}

	.provider-img img{
		max-width: 100%;
	}
	.provider-row{
		padding: 50px 0;
		margin: 0;
	}

	.provider-col{
		width: 100%;
		padding: 0;
	}
	.provider-text h2{
		text-align: center;
	}

	.provider-text p{
		text-align: center;
	}

	.secure-col{
		width: 100%;
		padding: 0;
	}
	.secure-row{
		margin: 0;
		padding:50px 0;
	}
	.secure-text h2{
		text-align: center;
	}
	.secure-text p{
		text-align: center;
	}
	.secure-img img{
		max-width: 100%;
	}
	.self-hosted-row{
		padding: 0;
	}
	.self-hosted-img img{
		max-width: 100%;
	}
	.self-hosted-col{
		width: 100%;
	}
	.self-hosted-text{
		text-align: center;
		padding:30px 0 0 0;
	}
	.self-hosted-text h2{
		text-align: center;
	}
	.self-hosted-img{
		text-align: center;
	}

	.self-hosted-row{
	
		padding:0 0 50px 0 ;
	}

	.secure-row{
		flex-direction: column-reverse;
	}
	.security-parent .security-text .list-data {
		padding: 40px 0 0 0;
	}


	.info-data-parent .info-data-row{
		flex-wrap:wrap;
	}

	.platform-section{
		display: flex;
		flex-direction: column-reverse;
	}
	.who-we-serve-text{
		padding-top: 50px;
	}
	
	

}
@media (min-width: 575px) and (max-width: 768px){
	.sharing-col_two{
    width:100%;
    display: flex;
    justify-content: center;
  }
}



.sharing-section{
  padding-bottom: 0!important;
}
.pd-150{
  padding:150px 0 0 0;
}
.source-section {
  padding: 0 0 50px 0;
}
.sharing-row{
  display: flex;
  align-items: center;
  max-width: 968px;
  width: 100%;
  margin: 0 auto;
}
.sharing-col{
  width:70%;
  padding: 0 25px 0 0;
}
.sharing-col_two{
  width:30%;
  padding-left: 25px;
}
.sharing-section .sharing-col_two h3{
  text-align:left;
  margin:0;
  padding:0 0 26px 0;
  font-size: 24px;
  font-family: 'MetropolisBoldRegular', sans-serif;
  color: #00486d;
  line-height: normal;
}
.sharing-section .sharing-image{
  margin: 0;
}
.sharing-image img{
  margin: 0;
}
.source-section .who-we-serve-text h3{
  text-align: center;
  margin: 0;
  padding: 0 0 26px 0;
  font-size: 24px;
  font-family: 'MetropolisBoldRegular', sans-serif;
  color: #00233b;
  /* line-height: normal; */
}
.info-data-section{
  background-color: transparent;
}
.info-data-section .security-text h3{
  font-family: 'MetropolisBoldRegular', sans-serif;
  font-weight: bold;
  font-size: 42px;
  line-height: 56px;
  color: #00486d;
  margin: 0 0 24px 0;
  text-align:center;
  text-transform: uppercase;
}
.info-data-section .security-text p{
  font-size: 20px;
  line-height: 35px;
  margin: 0 0 30px 0;
  color: #9f9f9f;
  text-align:center;
}
.security-text{
  max-width: 770px;
    margin: 0 auto;
}
.self-hosted-row{
  padding:0 0 100px 0; 
}
/* .self-hosted-img img{
  max-width: 400px;
  object-fit: cover;
  width: 100%;
  min-height: 200px;
} */

.self-info{
  background-color:#EAF5FD;
  padding: 41px 56px 10px 54px;
  border-radius: 25px;
  min-height: 498px;
}
.self-hosted-text p{
  color:#011E31;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.sharing-info{
  max-width: 770px;
    margin: 0 auto;
}
.sharing-info h2{
  color: #00486d;
  font-family: 'MetropolisBoldRegular', sans-serif;
	margin: 0 0 20px 0;
}
.sharing-info p{
  max-width: 542px;
  margin-left: auto;
  margin-right: auto;
}
.info-data-item {
  max-width: 850px;
  margin: 0 auto;
  width: 100%;
}
.info-data-image img{
  max-width: 100%;
}
.info-data-item:last-child{
  margin-bottom: 0;
}

.source-section{
  padding: 125px 0 100px 0;
}
.info-data-parent .security-text{
  max-width: 784px;
  margin: 47px auto 77px auto;
}
.info-data-section .security-text p{
  margin-bottom: 0;
}
.self-hosted{
  padding: 100px 0 59px 0;
}

.productsidenav .sidenav {
  z-index: 0;
}



body .title-slide .btn-primary {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.contact .contact-form label{
  font-family: 'MetropolisBoldRegular', sans-serif!important;
  font-size: 14px!important;
  letter-spacing: 0.4px!important;
  text-transform: uppercase!important;
  color: #00233b!important;
  margin-bottom: 20px!important;
  display: block!important;
  transition: all .2s ease!important;
}
.contact .contact-form .hs-input {
  text-align: left!important;
  font-family: 'MetropolisBookRegular', sans-serif!important;
  font-size: 14px!important;
  color: #666666!important;
  border: solid 1px #dddddd!important;
  border-radius: 0 !important;
  padding-left: 15px!important;
  background-color: #EEEEEE!important;
  height: 42px !important;
  outline: none!important;
  width: 100%!important;
  transition: all .2s ease!important;
}
.contact .contact-form .hs-input::placeholder{
  color: #666666!important;
}
.contact .contact-form textarea.hs-input{
  height: 150px!important;
}
.contact .contact-form label.hs-error-msg {
  text-transform: none!important;
  color: #d31717 !important;
  font-size: 14px!important;
  font-family: 'MetropolisBookRegular', sans-serif!important;
}
.contact .contact-form .hs-richtext{
  padding: 0 10px;
  text-align: left;
  margin-bottom: 35px;
}
.contact .contact-form .hs-richtext p{
  color: #011E31;
  margin: 0 0 0 0;
}
.contact .contact-form .hs-richtext p a{
  color: #014582;
}
.contact .contact-form .hbspt-form .hs_submit .hs-button{
    padding: 12px 20px 10px 20px !important;
    margin: 0 0!important;
}
.contact .contact-form .hbspt-form .hs_submit{
  width: 100%!important;
}
.contact .contact-form label{
  font-family: 'MetropolisBookRegular', sans-serif!important;
  color: #9F9F9F!important;
  text-transform: none!important;
  margin-bottom: 5px!important;
  font-size: 16px!important;
}

.info-data-parentdata .info-data-item{
  margin-bottom: 80px;
}
.contact-text{
  padding: 0 50px 0 0;
}
.contact-data-form .contact-form{
  max-width: 852px;
  width: 100%;
  margin: 40px 0 0 auto;
}


/* #hero-slider .btn-primary:hover{
  background-color: #014582 !important;
  opacity: 1;
} */
.news-from-data .hbspt-form .hs_email{
  width: 100%;
}
.hero-slider .btn-primary{
  border: solid 1px #00abf0;
}
.hero-slider .btn-primary:hover {
  border: solid 1px #00abf0;
  color: #00abf0;
  background-color: transparent;
  opacity: 1;
}
/* body .hero-slider .btn-primary:hover{
  background-color: #00abf0!important;
  border: solid 2px #00abf0!important;
  color: #fff!important;
  opacity: 1;
}
 */


.self-hosted-img{
  max-width: 300px;
  width: 90%;
}
.source-parent .source-text img,.self-hosted-img img{
  max-width: 100%;
}

@media (min-width: 1300px) and (max-width: 1550px){
  .contact-text h3{
    font-size: 33px;
  }
  .contact-text p{
    font-size: 18px;
    line-height: 30px;
  }
  .contact-section .press-container{
    max-width: 1080px;
    margin: 0 auto;
  }
  .contact-text{
    padding: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1299px){
  .contact-col-sm{
    width: 38%;
  }
  .contact-col-lg{
    width: 62%;
  }
  .contact-section{
    padding:  80px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
	.info-data-section .security-text h3{
		font-size: 35px;
	}
	.banner{
		margin-bottom:80px !important;
	}

  .list-data ul li{
    margin-bottom: 10px;
  }
  .source-section{
    padding: 70px 0;
  }
  .source-section .who-we-serve-text h3{
    margin-bottom: 30px;
  }
  .source-text h2{
    margin-bottom: 20px;
  }
  .info-data-section .security-text h3{
    line-height: 40px;
    margin-bottom: 20px;
  }
  .info-data-section .security-text p{
    font-size: 18px;
    line-height: 30px;
  }
  .info-data-parent .security-text{
    margin-bottom: 40px;
  }

  .self-hosted{
    padding: 60px 0 0 0;
  }

  .info-data-parentdata .info-data-item{
    margin-bottom: 50px;
  }
  .contact-section{
    padding: 0 0 80px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  .sharing-col{
    width:70%;
  }
  .sharing-col_two{
    width:50%;
  }
  .self-info{
    padding:20px;
  }
  .info-data-section .security-text h3{
    font-size: 30px;
  }

  .list-data ul li{
    margin-bottom: 10px;
  }
  .source-section{
    padding: 70px 0;
  }
  .source-section .who-we-serve-text h3{
    margin-bottom: 30px;
  }
  .source-text h2{
    margin-bottom: 20px;
  }
  .info-data-section .security-text h3{
    line-height: 40px;
    margin-bottom: 20px;
  }
  .info-data-section .security-text p{
    font-size: 16px;
    line-height: 24px;
  }
  .info-data-parent .security-text{
    margin-bottom: 40px;
  }

  .self-hosted{
    padding: 60px 0 0 0;
  }

  .info-data-parentdata .info-data-item{
    margin-bottom: 50px;
  }
  .contact-section{
    padding: 60px 0;
  }
  .contact-text{
    padding: 0;
  }
  .contact-section .container.contact{
    margin: 0;
  }
}

@media (min-width: 320px) and (max-width: 767px){
  
  .sharing-row{
    display: block;
  }
  .sharing-col,.sharing-col_two{
    width:100%;
    padding: 0;
  }
  
  .self-info{
    padding:20px;
    margin: 10px 0;
    min-height: 450px;
  }
  .sharing-section .sharing-col_two h2{
    font-size:20px;
    padding-bottom: 10px;
  }
  .info-data-section .security-text h3{
    font-size:30px;
  }


  .source-title{
    margin-bottom: 30px;
  }
  .list-data ul li{
    margin-bottom: 10px;
  }
  .source-section{
    padding: 50px 0;
  }
  .source-section .who-we-serve-text h3{
    margin-bottom: 30px;
  }

  .info-data-section .security-text h3{
    line-height: 40px;
    margin-bottom: 20px;
  }
  .info-data-parentdata .info-data-item:nth-child(even) .info-data-row{
    flex-direction: column-reverse;
  }
  .info-data-section .security-text p{
    font-size: 16px;
    line-height: 24px;
  }
  .info-data-parent .security-text{
    margin-bottom: 30px;
  }


  .self-hosted{
    padding: 50px 0 0 0;
  }
  .self-hosted-text p{
    font-size: 16px;
  }
  .self-hosted-row{
    padding-bottom: 50px;
  }

  .info-data-parentdata .info-data-item{
    margin-bottom: 30px;
  }

  .contact-section{
    padding: 60px 0;
  }
  .contact-text{
    padding: 0;
  }
  .contact-section .container.contact{
    margin: 0;
  }



}

/**Old Customizer CSS**/
.blog-text strong.source {
	display: none;
}

.hero-nav {
	display: none;
}

.awards-list li {
     height: 350px;
}

table.privacy {
	margin: 0 2em 0 2em;
	font-family: 'GothamBookRegular', sans-serif;
	font-size: 16px;
	color: #00233b;
	text-align: left;
	letter-spacing: 0.5px;
}

table.privacy tr th {
	font-weight: bold;
	padding: 0 0 1em 0;
}

table.privacy tr td {
	font-weight: normal;
	vertical-align: top;
	padding-right: 2em;
}

img[alt="blank"] {
    visibility: hidden;
}
/**Old Customizer CSS**/



.menu .proddropdown .sub-menu{
  top: 77px;
  left: 20px;
  background-color: #00abf0;
  padding: 15px 30px;
  width: 150px;
}
.menu .proddropdown .sub-menu a{
  color:#ffffff;
  font-weight: 400 !important;
  font-family: inherit;
}
.menu .proddropdown .sub-menu li{
  padding: 10px 0;
  width: 100px;
}

.news-modal-section .btn-primary{
  transition: all .25s ease-in-out;
}
.news-modal-section .btn-primary:hover{
  transform: scale(1.1);
}

/* .hs-form-private .hs-button{
  border-radius: 0;
  font-size: 14px;
  padding: 15px 25px !important;
  transition: all .35s ease;
  margin-top: 50px;
  margin: 0 auto !important;
}
.hs-form-private .hs-form-field{
  margin: 0;
  padding: 20px !important;
}
.hs-form-private .hs-fieldtype-textarea{
  height: 150px !important;
}
 */

 div#home-two .container.email-form {
  display: none !important;
}

.menu .proddropdown .nonclick a {
  font-weight: bold !important;
}


li.proddropdown:hover:after {
  content: " ";
  width: 56px;
  border: 1.5px solid  #26abf0;
  background: #26abf0;
  position: absolute;
  bottom: 16px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
}

li.proddropdown:hover a {
  color: #26abf0;
}

li.proddropdown ul li:hover a{
  color: #00233B !important;
}

.menu .proddropdown .nonclick:hover a {
  color: white !important;
}


.info-data-text h3 {
    text-align: left;
    margin: 0;
    padding: 0 0 26px 0;
    font-size: 24px;
    font-family: 'MetropolisBoldRegular', sans-serif;
    color: #00486d;
    line-height: normal;
}

.security-text.scroll-section h2 {
    color: #00486d;
    font-family: 'MetropolisBoldRegular', sans-serif;
    margin: 0 0 40px 0;
}


header .menu li.demo-btn {
  margin: 0px 15px;
}