@-webkit-keyframes arrowbounce {
  0% {
    bottom: 50px;
  }
  80% {
    bottom: 30px;
  }
  100% {
    bottom: 50px;
  }
}

@keyframes arrowbounce {
  0% {
    bottom: 50px;
  }
  80% {
    bottom: 30px;
  }
  100% {
    bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .main-menu-mobile {
    position: fixed;
    background: #222;
    top: 0;
    left: -200px;
    width: 200px;
    bottom: 0;
    padding-top: 15px;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
    z-index: 9999;
    font-size: 24px;
    color: #fff;
  }
  body.show-menu .main-menu-mobile {
    left: 0;
  }
  .main-menu-mobile ul {
    list-style-type: none;
    padding-left: 15px;
  }
  .main-menu-mobile ul > li > a {
    color: #fff;
    text-transform: uppercase;
  }
  #menu-trigger {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: #222;
    color: #eee;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
  }
  #menu-trigger button {
    position: relative;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    line-height: 40px;
    vertical-align: top;
  }
  #menu-trigger button .menu-bars,
  #menu-trigger button .menu-bars::before,
  #menu-trigger button .menu-bars::after {
    height: 3px;
    width: 20px;
    background: white;
    display: block;
    content: "";
    position: absolute;
  }
  #menu-trigger button .menu-bars {
    margin-left: 10px;
    position: absolute;
    left: 0;
    top: 44%;
    -webkit-transition: background 0.3s 0.5s ease;
    transition: background 0.3s 0.5s ease;
  }
  #menu-trigger button .menu-bars::before {
    top: -7px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
    -webkit-transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
    transition: top 0.3s 0.6s ease, transform 0.3s ease;
    transition: top 0.3s 0.6s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  #menu-trigger button .menu-bars::after {
    bottom: -7px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: bottom 0.3s 0.6s ease, -webkit-transform 0.3s ease;
    -webkit-transition: bottom 0.3s 0.6s ease, -webkit-transform 0.3s ease;
    transition: bottom 0.3s 0.6s ease, transform 0.3s ease;
    transition: bottom 0.3s 0.6s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  #menu-trigger button.animate .menu-bars {
    background: transparent;
    -webkit-transition: background 0.3s 0s ease;
    transition: background 0.3s 0s ease;
  }
  #menu-trigger button.animate .menu-bars::before {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
    transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
    transition: top 0.3s ease, transform 0.3s 0.5s ease;
    transition: top 0.3s ease, transform 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
  }
  #menu-trigger button.animate .menu-bars::after {
    bottom: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transition: bottom 0.3s ease, -webkit-transform 0.3s 0.5s ease;
    transition: bottom 0.3s ease, -webkit-transform 0.3s 0.5s ease;
    transition: bottom 0.3s ease, transform 0.3s 0.5s ease;
    transition: bottom 0.3s ease, transform 0.3s 0.5s ease, -webkit-transform 0.3s 0.5s ease;
  }
  #menu-trigger button:focus {
    outline: none;
  }
  #menu-trigger.otherColor {
    color: #ffc600;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #menu-tabs {
    height: 0px;
    opacity: 0;
    padding: 0;
    overflow: hidden;
  }
  body.show-menu #menu-trigger {
    left: auto;
    right: 0;
  }
  body.show-menu #menu-tabs {
    height: 230px;
    opacity: 1;
  }
  .main-menu .navbar ul.navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
  }
}

@media screen and (min-width: 1400px) {
  #homepageMain .left-meerkat {
    height: 45vh;
    width: 270px;
  }
  #homepageMain .right-meerkat {
    height: 35vh;
    width: 240px;
  }
}

@media screen and (max-width: 1199px) {
  #homepageMain h1 {
    font-size: 3.14286em;
  }
}

@media screen and (max-width: 768px) {
  .show-menu #homepageMain .homepage-motto h1,
  .show-menu #homepageMain .homepage-motto p {
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
  }
  #homepageMain .homepage-motto {
    top: 20%;
  }
  #homepageMain h1 {
    font-size: 2.7em;
    margin-bottom: 30px;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  #homepageMain p {
    margin-bottom: 35px;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  #homepageMain .left-meerkat {
    height: 20vh;
  }
  #homepageMain .right-meerkat {
    height: 14vh;
  }
  #homepageMain .book-a-demo-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
  #homepageMain .book-a-demo-form .form-group {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #homepageMain .book-a-demo-form .form-group input[type="text"] {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    padding: 10px;
  }
  #homepageMain .book-a-demo-form .form-group .input-group-btn {
    width: 100%;
  }
  #homepageMain .book-a-demo-form .form-group button {
    background: #000;
    color: white;
    font-weight: bold;
    width: 100%;
  }
  .examples-section .example-card {
    padding: 20px 10px;
  }
  .examples-section .example-card::after {
    content: " \f86c \f86c \f86c \f86c \f86c \f86c \f100 \f86c \f101 \f86c \f86c \f86c \f86c \f86c \f86c";
  }
  .examples-section .example-card:nth-of-type(even) > .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .examples-section .example-card .example-card-text strong {
    font-size: 1.21429em;
  }
  .examples-section .example-card .example-card-text p {
    height: auto;
    margin: 5px 0;
  }
  .examples-section .example-card .example-card-text button {
    margin: 0 0 15px 0;
  }
  .home-team .team-card {
    padding: 0 3px;
  }
  .home-team .team-card .back-side {
    left: 3px;
    right: 3px;
  }
  .home-team .team-card .back-side h3 {
    font-size: 1.35714em;
    padding: 5px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .home-team .team-card .back-side p {
    padding: 5px;
    font-size: 1.07143em;
    -webkit-transform: translateY(125px);
    transform: translateY(125px);
  }
}

@media screen and (max-width: 768px) {
  .footer-upper .sectionTitle {
    margin: 0;
  }
  .footer-upper .map iframe {
    height: 200px;
  }
  .footer-upper .footer-contact {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: 10px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-upper .footer-contact .footer-mail,
  .footer-upper .footer-contact .footer-tel {
    padding: 5px 0;
    font-size: 1.42857em;
  }
  .footer-upper .homepage-nl-form .form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer-upper .homepage-nl-form .form-group input[type=text],
  .footer-upper .homepage-nl-form .form-group input[type=submit] {
    width: 100%;
    margin: 5px 0 0 0;
  }
  .footer-upper p {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .book-demo-page {
    padding-top: 0px;
  }
}

@media screen and (max-width: 768px) {
  ul.pricing {
    margin: 0 0 30px 0;
  }
  ul.pricing li {
    font-size: 1.42857em;
  }
  ul.pricing li:first-of-type {
    text-align: center;
  }
  ul.pricing li:last-of-type {
    border-bottom: 3px solid #ccc;
  }
}

@media screen and (max-width: 1199px) {
  .container {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .header-wrapper .logo .logo-core {
    font-size: 56px;
  }
}

@media screen and (max-width: 768px) {
  .main-container {
    margin-top: 50px;
  }
  .header-wrapper {
    padding: 0;
  }
  .header-wrapper .logo {
    padding: 0;
    width: 120px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .header-wrapper .logo .logo-core {
    font-size: 48px;
    line-height: 30px;
  }
  .header-wrapper.scroll-style .logo {
    padding-left: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .header-wrapper.scroll-style .logo .logo-core {
    font-size: 48px;
    line-height: 30px;
  }
  .top-banner-img {
    position: static;
    text-align: center;
  }
  .top-banner-img img {
    max-width: 100%;
  }
  .home-section h2 {
    font-size: 2em;
    margin-bottom: 25px;
  }
  .home-section .input-group-btn .btn-default {
    margin: 0;
    height: 40px;
  }
  .home-features .feature-box {
    padding: 20px 0;
  }
  .home-features .feature-box:hover:after {
    display: none;
  }
  .home-features .feature-box span {
    font-size: 24px;
  }
  .homepage-numbers p {
    font-size: 2em;
  }
  .homepage-numbers span {
    font-size: 1.4em;
  }
  .home-reviews p {
    font-size: 1.42857em;
  }
  .home-reviews .review-author span {
    font-size: 2.14286em;
  }
  .home-reviews .review-author {
    margin-bottom: 50px;
  }
  .home-maze img {
    max-width: 100%;
    padding: 0 20px;
  }
  .home-map .map .map-face {
    left: 8%;
    width: 60px;
  }
  .home-map .map .map-face img {
    max-width: 100%;
  }
}
/*# sourceMappingURL=responsive.css.map */