@import url('https://fonts.cdnfonts.com/css/helvetica-neue-9');
@import url('https://fonts.cdnfonts.com/css/signpainter');

body
{
    overflow-x: hidden;
}

.footer
  {
    text-align: left!important;
  }

  .newsletter
  {
    text-align: left!important;
  }


/* unvisited link */
a:link {
  text-decoration:none;
  color: #000;
}

/* visited link */
a:visited {
  text-decoration:none;
  color: #000;
}

/* mouse over link */
a:hover {
  text-decoration:none;
  color: #000!important;
}

/* selected link */
a:active {
  text-decoration:none;
  color: #000;
}

ul {
  list-style-type: none;
}

ul {
  margin: 0;
  padding: 0;
}

.wrapper
{
  overflow-x: hidden!important;
}

.swiper-wrapper
{
  height: auto!important;
}

.feature-div
{
  background: linear-gradient(
    to bottom, 
    #ffffff 0%, 
    #ffffff 50%, 
    #000000 50%, 
    #000000 100%
  );

background-image:     -ms-linear-gradient(to bottom, #ffffff 0%, 
#ffffff 50%, 
#000000 50%, 
#000000 100%); 

background-image:      -o-linear-gradient(to bottom, #ffffff 0%, 
#ffffff 50%, 
#000000 50%, 
#000000 100%);

background-image:      -webkit-linear-gradient(to bottom, #ffffff 0%, 
#ffffff 50%, 
#000000 50%, 
#000000 100%);

background-image:      -moz-linear-gradient(to bottom, #ffffff 0%, 
#ffffff 50%, 
#000000 50%, 
#000000 100%);

}

ul.list-agileits li a {
  color: #333;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}

.divider
{
  height: 5em!important;
  background-color:#000!important;
}

.navbar-custom
{
    font-family: 'Helvetica Neue', sans-serif!important;
}

.form-control
{
  font-size: 0.7em!important;
}

.list-agileits
{
    font-family: 'Helvetica Neue', sans-serif!important;
}

.newsletter-head
{
    font-family: 'Helvetica Neue', sans-serif!important;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link 
{
    color: rgba(0,0,0,.9)!important;
}

.navbar-light .navbar-nav .nav-link 
{
    color: rgb(183 183 183)!important;
}

.navbar-nav
{
  text-align: end!important;
}

.banner-head
{
    font-family: 'Helvetica Neue', sans-serif!important;
}

.banner-subhead
{
    font-family: 'SignPainter', sans-serif!important;
}

.features
{
  font-family: 'Helvetica Neue', sans-serif!important;
}

.banner-text
{
    font-family: 'Poppins'!important;
}

  .intro-banner
  {
    background-image: url('../images/introduction.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 700px;
  }
  
  .videohny .history-info {
    background: url(../images/banner3.svg) no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    position: relative;
    z-index: 1;
    display: grid;
    align-items: center;
    min-height: 589px;
    border-radius: #000;
    z-index: 9;
    margin-top: -18em;

  }
  
  .videohny .history-info:before {
    content: "";
    position: absolute;
  } 
  
  .videohny span.video-play-icon:hover {
    transform: scale(1.2);
    transition: 0.3s ease-in-out;
    background: #000;
    border: transparent;
    color: #fff;
  }
  
  .videohny .play-view {
    left: 0;
    right: 0;
    top: calc(50% - 40px);
  }
  
  .videohny span.video-play-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    font-size: 26px;
    padding-left: 2px;
    text-align: center;
    line-height: 76px;
    border-radius: 50%;
    transition: 0.3s ease-in-out;
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
    color: #000;
    border: transparent;
    background: #fff;
  }
  
  @media all and (max-width: 900px) {
    .videohny .history-info {
      min-height: 400px;
      margin-top: -16em;
    }
  }
  
  @media all and (max-width:640px) {
    .videohny .history-info {
      min-height: 350px;
    }
  }
  
  @media all and (max-width:380px) {
    .videohny .history-info {
      min-height: 300px;
    }
  }

  .mfp-hide {
    display: none !important;
  }

  /*-- play icon animation --*/
@-webkit-keyframes ripple {
    0% {
      box-shadow: 0 0 0 0 rgb(255 255 255 / 25%), 0 0 0 10px rgb(255 255 255 / 25%), 0 0 0 20px rgb(255 255 255 / 25%);
    }
  
    100% {
      box-shadow: 0 0 0 10px rgb(255 255 255 / 25%), 0 0 0 20px rgb(255 255 255 / 25%), 0 0 0 40px rgba(50, 100, 245, 0);
    }
  }
  
  @keyframes ripple {
    0% {
      box-shadow: 0 0 0 0 rgb(255 255 255 / 25%), 0 0 0 10px rgb(255 255 255 / 25%), 0 0 0 20px rgb(255 255 255 / 25%);
    }
  
    100% {
      box-shadow: 0 0 0 10px rgb(255 255 255 / 25%), 0 0 0 20px rgb(255 255 255 / 25%), 0 0 0 40px rgba(50, 100, 245, 0);
    }
  }

  .play-button
  {
    margin-top: 1em;
  }

  .intro-logo
  {
    height: 6em!important;
  }

  /* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
  }
  
  /* animate in */
  .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: scale(1);
  }
  
  /* animate out */
  .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    transform: scale(0.8);
    opacity: 0;
  }

  /* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    transition: all 0.2s ease-out;
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
  }
  
  /* animate in */
  .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    transform: translateY(0) perspective(600px) rotateX(0);
  }
  
  /* animate out */
  .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
  }

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

  /* .swiper-container
  {
    z-index: 9!important;
    margin-bottom: -26em!important;
    position: relative!important;
    margin: 0 -0.5em!important;
  } */

  .swiper-button-next, .swiper-button-prev
  {
    color: #969696!important;
  }

  .store-btn {
    display: inline-block;
    padding: 0.3125rem 0.875rem;
    padding-left: 2.8125rem;
    -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    border: 1px solid #e7e7e7;
    background-position: center left 0.75rem;
    background-color: #000;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none;
    border-radius: 10px;
}
.store-btn .store-button-title {
    display: block;
    color: #fff;
    font-size: 1.125rem;
}
.store-btn .store-button-subtitle {
    display: block;
    margin-bottom: -0.25rem;
    color: #fff;
    font-size: 0.75rem;
}
.store-btn:hover {
    background-color: #000;
    text-decoration: none;
}
.apple-btn {
    background-image: url('../images/apple.png');
}
.google-btn {
    background-image: url('../images/playstore.png');
}

/* .downloads
{
    margin-top: 22em!important;
} */

.news-btn
{
  font-size: 0.7em!important;
    letter-spacing: 0.1em!important;
    border-radius: 0!important;
}

.news-text
{
  font-size: 0.6em!important;
}

.social-icons
{
  height: 1.3em!important;
}

.page-lists {
  list-style-type: none;
}

.page-lists {
  margin: 0;
  padding: 0;
}

.page-lists li a {
  color: #333;
  text-transform: uppercase;
  font-weight: 400;
  font-size: .875em;
}

.copy-text
{
  font-size: 0.7em;
}

#small-dialog {
  max-width: 750px;
  position: relative;
}

@media (max-width: 1920px) 
{
  .navbar-nav
{
  background-color: #fff!important;
  text-align:right!important;
  margin-top: 0em!important;
    padding: 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #000!important;
}
  /* .intro-logo {
    height: 11em!important;
}
.intro-head
{
  font-size: 2.5rem;
}
.intro-text
{
  font-size: 1.5em;
} */
/* .swiper-container
{
  margin-bottom: -39em!important;
}
.swiper-button-next, .swiper-button-prev
{
  margin-top: -10em!important;
} */
/* .banner-head
{
  font-size: 3.5rem;
}
.banner-subhead
{
  font-size: 3rem;
} */
}

@media (max-width: 1900px) 
{ 
  /* .swiper-container {
    margin-bottom: -35em!important;
}
.swiper-button-next, .swiper-button-prev {
  top: 54%!important;
} */
.navbar-nav
{
  background-color: #fff!important;
  text-align:right!important;
  margin-top: 0em!important;
    padding: 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #000!important;
}

}

@media (max-width: 1800px) 
{ 
  /* .swiper-container {
    margin-bottom: -31em!important;
}
.swiper-button-next, .swiper-button-prev {
  top: 59%!important;
} */
.navbar-nav
{
  background-color: #fff!important;
  text-align:right!important;
  margin-top: 0em!important;
    padding: 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #000!important;
}

}

@media (max-width: 1600px) 
{ 
  /* .swiper-container {
    margin-bottom: -25em!important;
}
.swiper-button-next, .swiper-button-prev {
  top: 67%!important;
} */
.navbar-nav
{
  background-color: #fff!important;
  text-align:right!important;
  margin-top: 0em!important;
    padding: 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #000!important;
}

}

@media (max-width: 1399.98px) 
{ 
  /* .swiper-container {
    margin-bottom: -27em!important;
}
.swiper-button-next, .swiper-button-prev {
  top: 61%!important;
} */
.navbar-nav
{
  background-color: #fff!important;
  text-align:right!important;
  margin-top: 0em!important;
    padding: 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #000!important;
}
}

@media (max-width: 1280px) 
{ 
  /* .swiper-container {
    margin-bottom: -22em!important;
}
.swiper-button-next, .swiper-button-prev {
  top: 68%!important;
} */
.navbar-nav
{
  background-color: #fff!important;
  text-align:right!important;
  margin-top: 0em!important;
    padding: 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #000!important;
}
}

@media (max-width: 1199.98px) 
{  
  /* .swiper-container {
    margin-bottom: -22em!important;
}

.swiper-button-next, .swiper-button-prev {
  top: 68%!important;
} */
/* .downloads {
  margin-top: 13em!important;
} */
.navbar-nav
{
  background-color: #fff!important;
  text-align:right!important;
  margin-top: 0em!important;
    padding: 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #000!important;
}
}

@media (max-width: 991.98px) 
{ 
  
  /* .swiper-container {
    margin-bottom: -22em!important;
}

.swiper-button-next, .swiper-button-prev {
  top: 68%!important;
} */
.intro-banner
{
  height: auto!important;
}

/* .downloads {
  margin-top: 16em!important;
} */
.videohny .history-info
{
  margin-top: -21em!important;
}
}

@media (max-width: 920px) 
{ 
  /* .swiper-container {
    margin-bottom: -22em!important;
}

.swiper-button-next, .swiper-button-prev {
  top: 68%!important;
} */
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 840px) 
{ 
  /* .swiper-container {
    margin-bottom: -22em!important;
}

.swiper-button-next, .swiper-button-prev {
  top: 68%!important;
} */
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 800px) 
{  
  /* .swiper-button-next, .swiper-button-prev {
    top: 71%!important;
}
  .swiper-container {
    margin-bottom: -21em!important;
  } */
  .intro-banner {
    height: auto!important;
    min-height: 665px!important;
}

/* .downloads {
  margin-top: 12em!important;
} */
.list-agileits
{
  margin-left: 0px!important;
  padding-left: 0px!important;
  margin-top: 2em!important;
}
.social-media {
  text-align: center!important;
  margin-top: 1em;
  margin-bottom: 1em;
}
.videohny .history-info
{
  margin-top: -14em!important;
}
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}

}


@media (max-width: 767.98px) 
{  
  /* .swiper-button-next, .swiper-button-prev {
    top: 59%!important;
  }
  .swiper-container {
    margin-bottom: -25em!important;
  } */
  .intro-banner {
    height: auto!important;
    min-height: 665px!important;
}

/* .downloads {
  margin-top: 12em!important;
} */
.list-agileits
{
  margin-left: 0px!important;
  padding-left: 0px!important;
  margin-top: 2em!important;
}
.social-media {
  text-align: center!important;
  margin-top: 1em;
  margin-bottom: 1em;
}
.videohny .history-info
{
  margin-top: -14em!important;
}
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}

}

@media (max-width: 720px) 
{
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 680px) 
{
  .footer
  {
    text-align: center!important;
  }
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 600px) 
{
  .footer
  {
    text-align: center!important;
  }
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 575.98px) 
{ 
  .footer
{
  text-align: center!important;
}

  .intro-banner {
    height: auto!important;
    min-height: 665px!important;
}

  .videohny span.video-play-icon 
  {
    width: 50px;
    height: 50px;
    font-size: 17px;
  }

  .videohny .history-info {
    margin-top: -14em;
}

.list-agileits
{
  margin-left: 0px!important;
  padding-left: 0px!important;
  margin-top: 2em!important;
}
.social-media {
  text-align: center!important;
  margin-top: 1em;
  margin-bottom: 1em;
}

.store-btn {
  display: block!important;
  margin-top: 1em;
}

.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}


@media (max-width: 530.98px) 
{ 
  .footer
{
  text-align: center!important;
}

  .intro-banner {
    height: auto!important;
    min-height: 665px!important;
}

  .videohny span.video-play-icon 
  {
    width: 50px;
    height: 50px;
    font-size: 17px;
  }

  .videohny .history-info {
    margin-top: -14em;
}

.list-agileits
{
  margin-left: 0px!important;
  padding-left: 0px!important;
  margin-top: 2em!important;
}
.social-media {
  text-align: center!important;
  margin-top: 1em;
  margin-bottom: 1em;
}

.store-btn {
  display: block!important;
  margin-top: 1em;
}
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 498.98px) 
{ 

  .intro-banner {
    height: auto!important;
    min-height: 665px!important;
}

  .videohny span.video-play-icon 
  {
    width: 50px;
    height: 50px;
    font-size: 17px;
  }

  .videohny .history-info {
    margin-top: -14em;
}
.list-agileits
{
  margin-left: 0px!important;
  padding-left: 0px!important;
  margin-top: 2em!important;
}
.social-media {
  text-align: center!important;
  margin-top: 1em;
  margin-bottom: 1em;
}

.store-btn {
  display: block!important;
  margin-top: 1em;
}
.footer
{
  text-align: center!important;
}
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 464px) 
{
  .footer
  {
    text-align: center!important;
  }
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 414px) 
{
  .footer
  {
    text-align: center!important;
  }
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 400px) 
{
  .footer
  {
    text-align: center!important;
  }
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 390px) 
{
  .footer
  {
    text-align: center!important;
  }
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 380px) 
{
  .footer
  {
    text-align: center!important;
  }
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 360px)
{
  .footer
  {
    text-align: center!important;
  }

.videohny .history-info {
  margin-top: -13em!important;
}

.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}

@media (max-width: 320px)
{
.videohny .history-info {
  margin-top: -13em!important;
}
.footer
{
  text-align: center!important;
}
.navbar-nav
{
  background-color: #000!important;
  text-align: center!important;
  margin-top: 0.5em!important;
    padding: 1em 0!important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
  color: #fff!important;
}
}