body {
  overflow-x: hidden;
}

:root {
  --color-negro: #000000;
  --color-1: #e9eae1;
  --color-2: #95bf4d;
  --blanco: #ffff;
  --deg-1: linear-gradient(90deg, rgb(206, 234, 166) 0%, rgba(139,197,63,1) 100%);
  --deg-2: linear-gradient(90deg, rgba(139,197,63,1) 0%, rgba(145,175,25,1) 100%);
  --deg-3: linear-gradient(90deg, rgba(145,175,25,1) 0%, rgba(95,112,34,1) 100%);
  --deg-4: linear-gradient(90deg, rgba(95,112,34,1) 0%, rgba(101,118,36,1) 100%);
}

@font-face {
  font-family: 'Coconat';
  src: url('../fonts/Coconat-Regular.woff2') format('woff2'),
    url('../fonts/Coconat-Regular.woff') format('woff'),
    url('../fonts/Coconat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Coconat-BoldExt.woff2') format('woff2'),
    url('../fonts/Coconat-BoldExt.woff') format('woff'),
    url('../fonts/Coconat-BoldExt.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium.woff2') format('woff2'),
    url('../fonts/Gotham-Medium.woff') format('woff'),
    url('../fonts/Gotham-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roslindale';
  src: url('../fonts/Roslindale-TextMedium.woff2') format('woff2'),
    url('../fonts/Roslindale-TextMedium.woff') format('woff'),
    url('../fonts/Roslindale-TextMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HK-Grotesk-R';
  src: url('../fonts/HKGrotesk-Regular.woff2') format('woff2'),
    url('../fonts/HKGrotesk-Regular.woff') format('woff'),
    url('../fonts/HKGrotesk-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HK-Grotesk-B';
  src: url('../fonts/HKGrotesk-Bold.woff2') format('woff2'),
    url('../fonts/HKGrotesk-Bold.woff') format('woff'),
    url('../fonts/HKGrotesk-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HK-Grotesk-SB';
  src: url('../fonts/HKGrotesk-SemiBold.woff2') format('woff2'),
    url('../fonts/HKGrotesk-SemiBold.woff') format('woff'),
    url('../fonts/HKGrotesk-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ------------------ HIDDEN ELEMENTS ------------------ */
/* ------------------ GENERAL CSS ------------------ */
#anticipatestore .bn-1 {
  font-family: 'Montserrat' !important;
  font-size: 5.5rem;
  line-height: 5.5rem;
  font-weight: 700;
}

#anticipatestore .bn-1a {
  font-family: 'Montserrat' !important;
  font-size: 9rem;
  line-height: 135px;
}

#anticipatestore .bn-2 {
  font-family: 'Montserrat' !important;
  font-size: 4rem;
  line-height: 4.3rem;
}

#anticipatestore .bn-3 {
  font-family: 'Montserrat' !important;
  font-size: 2.2rem;
  line-height: 2.2rem;
  font-weight: 400;
}

#anticipatestore .bn-4 {
  font-family: 'Montserrat' !important;
  font-size: 2.5rem;
  line-height: 40px;
  font-weight: 700;
}

#anticipatestore .bn-5 {
  font-family: 'Montserrat' !important;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

#anticipatestore .bn-6 {
  font-family: 'Montserrat' !important;
  font-size: 1.6rem;
  line-height: 25px;
}

#anticipatestore .cn-1 {
  font-family: 'Montserrat' !important;
  font-size: 9rem;
  -webkit-text-stroke: 2px var(--blanco);
  color: transparent;
  line-height: 10rem;
}

#anticipatestore .cn-1b {
  font-family: 'Montserrat' !important;
  font-size: 3.2rem;
  -webkit-text-stroke: 2px var(--blanco);
  color: transparent;
  line-height: 3rem;
}

#anticipatestore .cn-2 {
  font-family: 'Montserrat' !important;
  font-size: 7rem;
  line-height: 7.2rem;
  color: var(--blanco);
}

#anticipatestore .cn-2b {
  font-family: 'Montserrat' !important;
  font-size: 4.3rem;
  line-height: 4.6rem;
  color: var(--blanco);
}

#anticipatestore .cn-3 {
  font-family: 'Montserrat' !important;
  font-size: 2.2rem;
  line-height: 2.4rem;
  color: var(--blanco);
}

#anticipatestore .cn-4 {
  font-family: 'Montserrat' !important;
  font-size: 1.3rem;
  line-height: 27px;
  color: var(--blanco);
}

#anticipatestore .cn-4b {
  font-family: 'Montserrat' !important;
  font-size: 1.1rem;
  line-height: 25px;
  color: var(--color-negro);
}

#anticipatestore .cn-5 {
  font-family: 'Montserrat' !important;
  font-size: 1.7rem;
  line-height: 35px;
}

#anticipatestore .cn-5b {
  font-family: 'Montserrat' !important;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
}

#anticipatestore .cn-6 {
  font-family: 'Montserrat' !important;
  font-size: 1rem;
  line-height: 40px;
  letter-spacing: 5px;
}

#anticipatestore .cn-7 {
  font-family: 'Montserrat' !important;
  font-size: 1rem;
  font-weight: 700;
}
.logo {
  width: 40%;
}
.fs-5 {
  font-size: 1.2rem!important;
  padding-left: 10px;
}
.btn-modal {
  padding: 0 0;
}

ul li {
    text-align: left;
    margin-bottom: 20px;
}

#web,#mobile,#inflight,#sms,#dashboard,#people{background-size:cover;background-repeat:no-repeat;background-position:center center;height:250px;}
#capabilities{background-size:cover;background-repeat:no-repeat;background-position:center center;height:300px;}
/* #slider{background-image:url('../img/background/back1.jpg');} */
#people{background-image:url('../assets/img/banners/back3.jpg');}
#web{background-image:url('../assets/img/banners/web.jpg');}
#mobile{background-image:url('../assets/img/banners/phone.jpg');}
#inflight{background-image:url('../assets/img/banners/inflight.jpg');}
#sms{background-image:url('../assets/img/banners/sms.jpg');}
#dashboard{background-image:url('../assets/img/banners/dashboard.jpg');}
#capabilities{background-image:url('../assets/img/banners/img_cap.jpg');}

.txt_medio h3{color:#FFF;font-size:2.3em;margin:0;padding:100px 0;}
#slider .img-responsive{width:100%;}

.a-row {
  padding-left: 3rem;
  padding-right: 3rem;
}

.mod-btn {
  background-color: var(--color-negro);
  color: white;
  padding: .4rem 3rem;
  text-align: center;
  font-size: 1.5rem;
  border-radius: 0;
}
.mod-btn:hover {
  background-color: var(--color-2);
  color: var(--color-1);
}

.btn-yellow:hover {
  background-color: var(--color-negro);
  color: var(--color-1);
}

.btn-yellow {
  background-color: var(--color-2);
  color: var(--color-negro);
}

.btn-white {
  background-color: var(--blanco);
  color: var(--color-negro);
}

.btn-white:hover {
  background-color: var(--color-negro);
  color: var(--blanco);
}

/* -------------------------------- NAVBAR -------------------------------- */
#menuNav {
  background-color: var(--color-1);
  padding-bottom: 1rem;
}

#menuNav a {
  font-family: 'Montserrat' !important;
  color: var(--color-negro) !important;
  font-size: 1.2rem;
}

#menuNav a:hover {
  color: var(--color-2) !important;
}

#navbarsExample08 ul {
  display: flex;
  justify-content: center;
}

#navbarsExample08 ul .nav-item {
  margin-left: 20px;
}

/* -------------------------------- HEADER SECTION -------------------------------- */
.header-section, .footer-section {
  background-color: var(--color-1);
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.header-section h2 {
  font-family: 'Montserrat' !important;
  font-size: 3rem;
}

.header-section h4 {
  font-family: 'Montserrat' !important;
  font-size: 1rem;
  letter-spacing: 3px;
  margin-bottom: 1rem;
}

/* -------------------------------- FOOTER SECTION -------------------------------- */

.footer-section .logo {
  width: 20%;
}

.footer-section p {
  font-family: 'Montserrat' !important;
}
.footer-section .country {
  font-size: 0.9rem;
}
.footer-section .address {
  font-size: 0.85rem;
  color: #333;
}
.footer-section .address a {
  color: var(--color-2);
}

/* ------------------ HOME  BANNER ------------------ */
#home-banner {
  min-height: 650px;
  background-color: var(--color-negro);
}

/* ------------------ HOME 1a ------------------ */
#home-1a {
  background-color: var(--color-1);
  padding-top: 2rem;
  padding-bottom: 2rem;
  min-height: 600px;
}

#home-1a .section-title {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
  padding-top: 4rem;
}

/* ---------------------- */
#home-1a .section-img {
  position: relative;
}

#home-1a .section-img img {
  position: absolute;
  top: 16rem;
  left: -3rem;
}

/* ---------------------- */
#home-1a .section-txt {
  padding-top: 1rem;
}

#home-1a .section-txt * {
  text-align: center;
}

#home-1a .section-txt p {
  width: 30rem;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}

/* ------------------ HOME 2a ------------------ */
#home-2a {
  padding-left: 3rem;
  padding-right: 3rem;
}

#home-2a .top-txt {
  margin-top: 5rem;
  margin-bottom: 3rem;
}

#home-2a .mid-txt {
  padding-left: 0rem;
}

#home-2a .mid-txt .mid-txt-1 {
  margin-bottom: 1rem;
}

#home-2a .mid-txt-2 {
  margin-bottom: 2rem;
}

/* ------------------ HOME 3a ------------------ */
#home-3a {
  background-color: var(--color-1);
}

/* ------------ slider ---------- */
#home-carousel {
  position: relative;
  margin-top: 3rem;
}

#home-carousel .owl-nav {
  position: absolute;
  width: 100%;
  top: 30%;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

#home-carousel .owl-prev::after {
  content: '';
  background-image: url('../assets/arrow-left.svg');
  width: 3rem;
  height: 3rem;
  display: block;
  position: absolute;
  left: -70px;
}

#home-carousel .owl-next::before {
  content: '';
  background-image: url('../assets/arrow-right.svg');
  width: 3rem;
  height: 3rem;
  display: block;
  position: absolute;
  right: -70px;
}

#home-carousel button {
  outline: none;
}

.owl-carousel .owl-item {
  cursor: pointer;
}

#home-carousel button span {
  display: none;
}

/* ------------------ HOME 4a ------------------ */
#home-4a img {
  width: 100%;
}

/* ------------------ HOME 5a ------------------ */
#home-5a {
  background: var(--deg-1);
}

#home-5a img {
  width: 95%;
}

/* ------------------ HOME 6a ------------------ */
#home-6a {
  background: var(--deg-2);
}

#home-6a img {
  width: 80%;
}

/* ------------------ HOME 7a ------------------ */
#home-7a {
  background: var(--deg-3);
}

#home-7a img {
  width: 100%;
}

/* ------------------ HOME 8a ------------------ */
#home-8a {
  background: var(--deg-4);
}

#home-8a img {
  width: 90%;
}

/* --------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------- */
/* - */
/* -------------------------------- LISTING -------------------------------- */
/* ------------------ Listing 1a ------------------ */
#listing-1a {
  background: var(--deg-3);
}

#listing-1a img {
  position: absolute;
  width: 29rem;
  top: 1.5rem;
  left: 2rem;
}

/* ------------------ Listing 2a ------------------ */
#listing-2a {
  background: var(--color-1);
}

/* --------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------- */
/* - */
/* -------------------------------- FLAVOUR HOME -------------------------------- */
#flavourHome-1a {
  background-color: var(--color-1);
  padding-top: 2rem;
  padding-bottom: 2rem;
  min-height: 600px;
}

#flavourHome-1a .section-title {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2;
}

#flavourHome-1a img {
  width: 38rem;
}

/* --------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------- */
/* - */
/* -------------------------------- RESPONSIVE -------------------------------- */
/* -------------------------------- home-8a -------------------------------- */
#home-8a {
  overflow: hidden;
}

@media (max-width: 767.98px) {

  /* -------------------------------- FONTS -------------------------------- */
  .logo {
    width: 70%;
  }
  #menuNav a {
    font-size: 1rem;
  }
  #anticipatestore .bn-1 {
    font-size: 4rem;
    line-height: 55px;
  }

  #anticipatestore .bn-1a {
    font-size: 6rem;
    line-height: 77px;
  }

  #anticipatestore .bn-3 {
    font-size: 2.2rem;
    line-height: 30px;
  }

  #anticipatestore .bn-5 {
    font-size: 1.2rem;
    line-height: 20px;
  }

  #anticipatestore .bn-6 {
    font-size: 1.2rem;
  }

  #anticipatestore .cn-1 {
    font-size: 7rem;
  }

  #anticipatestore .cn-2 {
    font-size: 6rem;
    line-height: 80px;
  }

  #anticipatestore .cn-2b {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }

  #anticipatestore .cn-4 {
    font-size: 1rem;
    line-height: 22px;
  }

  #anticipatestore .cn-4b {
    font-size: .9rem;
    line-height: 18px;
  }

  /* -------------------------------- GENERAL -------------------------------- */
  .mod-btn {
    font-size: 1.2rem;
    display: inline-grid;
    align-items: center;
  }

  /* -------------------------------- NAVBAR -------------------------------- */
  #menuNav button {
    display: none;
  }

  #menuNav .navbar-collapse {
    display: flex;
  }

  #menuNav .navbar-collapse .navbar-nav {
    display: flex;
    flex-flow: wrap;
  }

  #menuNav .navbar-collapse .navbar-nav a {
    margin-bottom: 0;
  }

  /* -------------------------------- home-1a -------------------------------- */
  #home-1a {
    overflow: hidden;
  }

  #home-1a .section-title {
    align-items: flex-start;
    padding-top: 0;
  }

  #home-1a .section-txt {
    margin-top: 7rem;
  }

  #home-1a .section-txt p {
    width: 100%;
  }

  #home-1a .section-img img {
    top: 8rem;
  }

  /* -------------------------------- home-2a -------------------------------- */
  #home-2a {
    padding-left: 0;
    padding-right: 0;
  }

  #home-2a .top-txt {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  #home-2a .mid-txt {
    padding-left: 0;
  }

  #home-2a img {
    width: 100%;
  }

  /* -------------------------------- home-3a -------------------------------- */
  .owl-carousel .owl-item img {
    padding: 0 7rem;
  }

  /* -------------------------------- home-5a -------------------------------- */
  #home-5a {
    padding: 0 1rem;
  }

  /* -------------------------------- home-7a -------------------------------- */
  #home-7a {
    padding: 0 1rem;
  }

  /* -------------------------------- home-6a -------------------------------- */
  #home-6a {
    overflow: hidden;
    padding: 0 1rem;
  }

  #home-6a .pl-5 {
    padding-left: 0 !important;
  }

  /* -------------------------------- home-8a -------------------------------- */
  #home-8a {
    padding: 0 1rem;
    overflow: hidden;
  }

  /* -------------------------------- FLAVOUR HOME -------------------------------- */
  #flavourHome-1a img {
    width: 100%;
  }

  /* -------------------------------- LISTING HOME -------------------------------- */
  .ts-1 {
    padding-top: 0rem !important;
  }

  .ts-1 .cont {
    padding-top: 1rem !important;
  }

  .ts-2 {
    padding-top: 0 !important;
  }

  #listing-1a {
    overflow: hidden;
  }

  #listing-1a .ts-2 img {
    width: 100%;
    top: -10rem;
    left: 3rem;
  }

  .ts-3 {
    padding: 0 2rem;
  }

  .ts-3 .ts-3-1 {
    margin-bottom: 1rem !important;
  }

  #listing-2a {
    padding: 0 2rem;
    padding-bottom: 5rem;
  }

  #listing-2a>.container {
    padding: 0 2rem !important;
  }

  #listing-2a .fs-1 {
    padding-top: 0 !important;
  }

  #listing-2a .fs-1>.row {
    margin-left: 0;
    margin-right: 0;
  }

  #listing-2a .fs-2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 2rem;
  }

  #listing-2a .fs-2 .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #listing-2a .fs-3, #listing-2a .fs-4, #listing-2a .fs-5 {
    padding-top: 1rem !important;
  }

  #listing-2a .s-sp1::after {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    background-color: var(--color-negro);
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  #home-carousel .owl-prev::after {
    content: '';
    background-image: url('../assets/arrow-left.svg');
    width: 3rem;
    height: 3rem;
    display: block;
    position: static;
  }
  
  #home-carousel .owl-next::before {
    content: '';
    background-image: url('../assets/arrow-right.svg');
    width: 3rem;
    height: 3rem;
    display: block;
    position: static;
  }
}

@media (max-width: 575.98px) { 
  
  .logo {
    width: 90%;
  }

  #home-banner {
    min-height: auto;
  }

  #home-1a {
    min-height: 816px;
  }

  #home-1a, #home-2a {
    overflow: initial;
  }

  #anticipatestore .bn-5 {
    font-size: 1rem;
    line-height: 20px;
  }

  #anticipatestore .bn-1, #anticipatestore .bn-4 {
    font-size: 2.5rem;
    line-height: 55px;
  }

  #home-1a .section-txt {
    margin-top: 0rem;
  }

  #anticipatestore .bn-3 {
    font-size: 1.4rem;
    line-height: 30px;
  }

  #home-1a .section-img img {
    top: 13rem;
    left: 0;
    width: 100%;
  }

  .mod-btn {
    font-size: 1.2rem;
    display: inline-grid;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 1rem 0.5rem;
  }

  #anticipatestore #home-4a .bn-3 {
    font-size: 2rem;
  }
  .fs-5 {
    font-size: 1.2rem!important;
    padding-left: 0;
  }

  #anticipatestore .bn-2 {
    font-size: 2rem;
    line-height: normal;
    margin-bottom: 0;
  }

  #home-4a .container .row .imple {
    transform: translateX(-15px) !important;
  }

  #home-4a .container .row .archie {
    transform: translateX(15px) !important;
  }

  .u-fade-type-right.is-active {
    transform: translateX(-15px) !important;
  }

  #anticipatestore .cn-1 {
    font-size: 4rem;
  }

  #anticipatestore .container .row .col-12 .row .cn-2 {
    font-size: 3rem;
    margin-left: 1rem;
    margin-bottom: 0 !important;
  }

  #home-5a img, #home-6a img, #home-7a img, #home-8a img {
    width: 100%;
  }

  #home-5a .container .row .col-12 .row, #home-6a .container .row .col-12 .row, #home-7a .container .row .col-12 .row, #home-8a .container .row .col-12 .row  {
    align-items: center;
  }

  #anticipatestore #home-6a .container .row .col-12 .row .cn-2, #anticipatestore #home-7a .container .row .col-12 .row .cn-2, #anticipatestore #home-8a .container .row .col-12 .row .cn-2 {
    font-size: 2rem;
    margin-left: 1rem;
    margin-bottom: 0 !important;
    line-height: normal;
  }
  #home-6a div.u-fade-type-down {
    margin-bottom: 0 !important;
  }
  #home-7a img, #home-7a div.u-fade-type-up, #home-7a .container .row div {
    padding-top: 0 !important;
  }
  .footer-section .logo {
    width: 50%;
  }
  .footer-section .address {
    padding-bottom: 2rem;
  }
  #listing-1a img {
    position: initial !important;
    padding-top: 0 !important;
  }
  #listing-1a .container .row .u-fade-type-down .position-relative {
    padding-top: 0 !important;
  }
  #anticipatestore .cn-2b {
    font-size: 2rem;
    line-height: 2.4rem;
    padding-top: 1rem;
    display: block;
  }
  #anticipatestore .list-group {
    padding-left: 15px;
    padding-right: 15px;
  }

}



/* -------------------------------- CAPABILITIES -------------------------------- */

#anticipatestore #products h2 {
  color: var(--color-2);
  font-family: 'Montserrat' !important;
}

#anticipatestore #products p {
  font-family: 'Montserrat' !important;
}