*{
  height: auto;
}
/*Delivery clients*/
.fixedNav {
  width: 100%;
  top: 0px !important;
  left: 15px;
  position: fixed;
  overflow: hidden !important;
  z-index: 999;
}

.deliveryStickyMenu {
  background: rgba(22, 22, 27, 1);
  padding-top: 15px;
  padding-bottom: 15px;
}

.deliveryStickyMenu .logoDeliveryContainer {
  display: flex;
  align-items: center;
}

.deliveryStickyMenu .logoDeliveryContainer figure {
  margin-bottom: 0;
}

.deliveryStickyMenu .logoDeliveryContainer figure img {
  max-width: 163px;
  margin-left: 70px;
}

.deliveryStickyMenu .logoDeliveryContainer figure img.logoRestaurantes {
  max-width: 252px;
  margin-left: 70px;
  width: 100%;
}

.deliveryStickyMenu .menuDelivery ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
  list-style: none;
}

.deliveryStickyMenu .menuDelivery ul li {
  margin-right: 32px;
}

.deliveryStickyMenu .menuDelivery ul li:last-child {
  margin-right: 0;
}

.deliveryStickyMenu .menuDelivery ul li a {
  color: rgba(245, 245, 245, 1);
  font-size: 13px;
}

.deliveryStickyMenu .menuDelivery ul li a.generalButton {
  padding: 7px 53px !important;
  font-size: 14px;
}

/*Header*/
.deliveryHeaderContainer {
  padding-top: 11rem;
  background: linear-gradient(0deg, rgba(246, 246, 246, 1) 10%, rgba(250, 250, 250, 1) 10%);
}

.deliveryHeaderContainer h1 {
  font-size: 48px;
  font-weight: 500;
  color: rgba(59, 69, 89, 1);
  margin-bottom: 24px;
}

.deliveryHeaderContainer h2 {
  font-size: 24px;
  font-weight: 400;
  color: rgba(59, 69, 89, 1);
  margin-bottom: 12px;
}

.deliveryHeaderContainer p {
  font-size: 21px;
  font-weight: 700;
  color: rgba(59, 69, 89, 1);
  margin-bottom: 16px;
}

.deliveryHeaderContainer .logoStoreContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.deliveryHeaderContainer .logoStoreContainer a:after {
  display: none;
}

.deliveryHeaderContainer .logoStoreContainer a img {
  max-width: 152px;
  margin-right: 8px;
  width: 100%;
}

.deliveryHeaderContainer .logoStoreContainer a:last-child img {
  margin-right: 0;
}

.deliveryHeaderContainer .hedaerDeliveryImgContainer {
  display: flex;
  justify-content: flex-end;
}

.deliveryHeaderContainer .hedaerDeliveryImgContainer img {
  margin-right: -15px;
  max-width: 896px;
  width: 100%;
}

/*Header*/
/*Carousels container*/
.carouselsContainer {
  padding-top: 83px;
  background: rgba(246, 246, 246, 1);
}

.carouselsContainer .carouselsDeliveryTitle h2 {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 48px;
  color: rgba(59, 69, 89, 1);
}

.carouselsContainer .carouselsRow .carouselDeliveryContainer {
  text-align: center;
  margin-bottom: 40px;
}

.deliveryCarouselItem {
  text-align: center;
  display: flex;
  justify-content: center;
}

.carouselsContainer .carouselsRow .carouselDeliveryContainer img {
  max-width: 194px;
  width: 100%;
}

.carouselsContainer .carouselsRow .carouselItem {
  margin-bottom: 83px;
}

.carouselsContainer .carouselsRow .carouselDeliveryDescription {
  text-align: center;
}

.carouselsContainer .carouselsRow .carouselDeliveryDescription h3 {
  font-weight: 700;
  font-size: 21px;
  color: rgba(59, 69, 89, 1);
}

.carouselsContainer .carouselsRow .carouselDeliveryDescription p {
  font-weight: 500;
  font-size: 21px;
  color: rgba(59, 69, 89, 1);
}

/*Carousels container*/
/*Restaurants cloud*/
.restaurantCloudContainer {
  padding-top: 64px;
  background: rgba(250, 250, 250, 1);
}

.restaurantCloudContainer .restCloudTitle {
  margin-bottom: 20px;
}

.restaurantCloudContainer .restCloudTitle h2 {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 48px;
  color: rgba(59, 69, 89, 1);
}

.restaurantCloudContainer .restCloudRow .restCloudItem {
  margin-bottom: 20px;
  text-align: center;
}

.restaurantCloudContainer .restCloudRow .restCloudItem h3 {
  font-size: 36px;
  font-weight: 700;
  color: rgba(59, 69, 89, 1);
}

/*Restaurants cloud*/
/*Brands carousel*/
.brandsCarouselContainer {
  padding-top: 53px;
  background: rgba(250, 250, 250, 1);
  padding-bottom: 60px;
  width: calc(100% + 30px);
  margin-left: -15px;
}

.brandsCarouselContainer .slick-track {
  display: flex;
}

.brandsCarouselContainer .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}

.brandLogoItem {
  text-align: center;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.brandLogo {
  max-width: 120px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 1);
  aspect-ratio: 1/1;
}

/*Brands carousel*/
/*Delivery icons*/
.deliveryIcons {
  background: rgba(246, 246, 246, 1);
  padding-top: 104px;
  padding-bottom: 82px;
}

.deliveryIconContainer {
  text-align: center;
  margin-bottom: 40px;
}

.deliveryIconContent {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.deliveryIconContent .deliveryBack {
  background: rgba(253, 253, 253, 1);
  border-radius: 25vw;
  padding: 31px;
  max-width: 128px;
  min-width: 128px;
  max-height: 128px;
  min-height: 128px;
}

.deliveryIconText h3 {
  font-size: 22px;
  font-weight: 700;
  color: rgba(50, 60, 89, 1);
  margin-bottom: 14px;
}

.deliveryIconText p {
  font-size: 18px;
  font-weight: 400;
  color: rgba(59, 69, 89, 1);
}

/*Delivery icons*/

/*Delivery clients*/
/*Delivery Restaurants*/
.restaurantsPosition {
  position: relative;
  z-index: 1;
}

.deliveryRestaurantHeader {
  background: rgba(34, 36, 48, 1);
  padding-top: 10.7rem;
}

.deliveryRestaurantHeader h1 {
  color: rgba(245, 245, 245, 1);
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 0;
  max-width: 530px;
}

.deliveryRestaurantHeader h2 {
  color: rgba(245, 245, 245, 1);
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 37px;
}

.deliveryRestaurantHeader h2 span {
  font-weight: 600;
}

.deliveryRestaurantHeader p {
  font-size: 24px;
  font-weight: 400;
  color: rgba(245, 245, 245, 1);
  max-width: 520px;
}

.restaurantsDeliveryImgContainer img {
  margin-right: -15px;
}

.restaurantslogoStoreContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 94px;
}

.restaurantslogoStoreContainer img {
  max-width: 152px;
  margin-right: 8px;
}

.restaurantsdescriptionsContainer {
  padding-top: 127px;
  padding-bottom: 20px;
  background: rgba(246, 246, 246, 1);
}

.restaurantsDescriptionItem {
  margin-bottom: 117px;
}

.restaurantsdescriptionsImageContainer {
  display: flex;
  justify-content: center;
}

.restaurantsdescriptionsContainer img {
  max-width: 551px;
  width: 100%;
}

.restaurantsdescriptionsContainer h2 {
  font-size: 36px;
  color: rgba(59, 69, 89, 1);
  font-weight: 700;
}

.restaurantsdescriptionsContainer p {
  font-size: 21px;
  color: rgba(59, 69, 89, 1);
  font-weight: 500;
}

.restaurantsdescriptionsContainer p span {
  font-size: 14px;
  color: rgba(59, 69, 89, 1);
  font-weight: 300;
  margin-top: 16px;
  display: block;
}

.formDeliveryRestaurants {
  background: rgba(250, 250, 250, 1);
  padding-top: 102px;
  padding-bottom: 65px;
}

.deliveryFormTitle {
  text-align: center;
}

.deliveryFormTitle h2 {
  font-weight: 700;
  font-size: 36px;
  color: rgba(59, 69, 89, 1);
  margin-bottom: 59px;
}

.restaurantsButtonContainer {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

.restaurantsButtonContainer .generalButton {
  padding: 16px 50px !important;
}

.formRestaurantsContainer .mat-input-outer label {
  color: rgba(117, 120, 123, 1);
  font-weight: 500;
}

.formRestaurantsContainer .mat-input-outer input {
  font-weight: 500;
  color: rgba(59, 69, 89, 1);
}

.fullRowRestaurants {}

.fullRowRestaurants img {
  max-width: 100%;
  width: 100%;
  margin-left: -15px;
}

.fullRowRestaurants h2 {
  font-size: 36px;
  color: rgba(59, 69, 89, 1);
  font-weight: 700;
}

.fullRowRestaurants p {
  font-size: 21px;
  color: rgba(59, 69, 89, 1);
  font-weight: 500;
}

.fullCakeRow {
  background: rgba(43, 46, 56, 1);
}

.fullCakeRow h2 {
  font-size: 36px;
  font-weight: 600;
  color: rgba(245, 245, 245, 1);
}

.fullCakeRow p {
  font-size: 21px;
  font-weight: 500;
  color: rgba(245, 245, 245, 1);
}

.rowCakeImageContainer img {
  margin-right: -15px;
  max-width: 100%;
  width: 100%;
}

.rowCakeImageContainer img.cakeResp {
  margin-right: 0;
}

/*Delivery Restaurants*/
/*Faqs*/

.appFaqsTitles {
  text-align: center !important;
  margin-bottom: 47px;
}

.appFaqsTitles h2 {
  font-weight: 700;
  color: rgba(59, 59, 59, 1);
}

.appFaqs .faqsContainer .card {
  box-shadow: 0 2px 36px 0 rgba(0, 0, 0, 0.07);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 1);
}

.appFaqs .faqsContainer .card .card-header {
  border: none;
  background: rgba(245, 245, 245, 0);
}

.appFaqs .faqsContainer .card .card-header h2 button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  color: rgba(59, 69, 89, 1);
}

.appFaqs .faqsContainer .card .card-body p {
  font-size: 16px;
  font-weight: 500;
  color: rgba(59, 69, 89, 1);
}

.appFaqs .faqsContainer .card .card-header h2 button::after {
  color: rgba(151, 151, 151, 1);
  top: 0;
}

.appFaqs .faqsContainer .card .card-body a {
  font-size: 16px;
}

.appFaqs .faqsContainer .card .card-header h2 button.collapsed::after {
  color: rgba(151, 151, 151, 1);
  top: 0;
}

.appFaqs .faqsContainer .card .card-body ul li {
  font-size: 16px;
  font-weight: 500;
  color: rgba(59, 69, 89, 1);
}

/*Faqs*/
/*Terms*/
.deliveryterms {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-top: 50px;
}

.deliveryterms a {
  font-size: 14px;
}

.deliveryterms a:after {
  display: none;
}

/*TyC*/
.faqsMainContainer {
  background: rgba(255, 255, 255, 1);
}

.faqsToggleContainer {
  padding-top: 5vh;
}

.faqsMainContainer .faqsLargeContainer .faqsCardsContainer {
  padding-top: 5vh;
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsBackSupport a {
  font-weight: 700;
  font-size: 16px;
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsBackSupport a::before {
  content: "\e803";
  font-family: "totalplayicons";
  margin-right: 1rem;
  font-size: 14px;
}

.faqsToggleContainer .stickyContainer {
  height: 100%;
  position: relative;
}

.faqsToggleContainer .stickyContainer .stickyMenu {
  position: sticky;
  top: 2vh;
  width: 100%;
  height: 100vh;
  padding: 0;
}

.faqsQuestionContainer {
  margin-bottom: 2rem;
}

.faqsContainerTitle {
  margin-top: 2rem;
  margin-bottom: 0 !important;
}

.faqsContainerTitle h1 {
  font-size: 30px !important;
  line-height: 37px;
  color: rgba(59, 69, 89, 1);
  font-weight: 700 !important;
  margin-bottom: 16px;
}

.faqsContainerTitle h2 {
  font-size: 22px;
  line-height: 24px;
  color: rgba(59, 69, 89, 1);
  font-weight: 700;
}

.faqsQuestionContainer h3 {
  font-size: 16px;
  line-height: 24px;
  color: rgba(59, 69, 89, 1);
  font-weight: 700;
}

.faqsQuestionContainer ul {
  list-style: inside;
}

.faqsMainContainer .faqsLargeContainer .faqsToggleContainer .faqsItem a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/*TyC*/
/*Terms*/
/*Mobile Menu*/
.mobileMenuDeliveryContainer {
  width: 100%;
  position: fixed;
  z-index: 10000;
  height: auto;
  left: 0;
  top: 0;
}

.mobileMenuDelivery {
  width: 100%;
  background: rgba(30, 30, 40, 1);
  height: 100vh;
  padding-top: 2rem;
}

.closeMenuDelivery {
  text-align: right;
}

.closeMenuDelivery a:after {
  display: none;
}

.closeMenuDelivery a span {
  color: rgba(245, 245, 245, 1);
  font-size: 20px;
  margin-right: 16px;
  font-size: 29px;
}

.mobileMenuDelivery ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobileMenuDelivery ul li {
  border-bottom: rgba(245, 245, 245, 1) solid 1px;
}

.mobileMenuDelivery ul li:last-child {
  border-bottom: 0;
  display: flex;
  justify-content: center;
  padding-top: 2rem;
}

.mobileMenuDelivery ul li a:after {
  display: none;
}

.mobileMenuDelivery ul li a {
  color: rgba(245, 245, 245, 1);
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 15px;
}

.mobileMenuDelivery ul li a:hover {
  background: rgba(245, 245, 245, 0.25);
}

/*Mobile Menu*/
/*Pasos Piloto*/

.pilotLogos {
  margin-left: 70px;
  display: flex;
  align-items: center;
  color: rgba(245, 245, 245, 1);
}

.pilotImage {
  max-width: 314px !important;
  margin-left: 0 !important;
  margin-right: 5px;
}


.pilotImageRestaurants {
  max-width: 123px !important;
  margin-left: 5px !important;
}

.formPilotContainer {
  padding-top: 3.5rem;
  height: 100vh;
  background: url(../../img/nuevos/delivery/landingPiloto/backGen.png) top center no-repeat;
  background-size: 100% auto;
  background-position: 0 3.5rem;
}

.pilotTextContainer p,
.pilotTextContainerStep2 p {
  font-size: 18px;
  color: rgba(59, 69, 89, 1);
  font-weight: 400;
}

.pilotTextContainer h2,
.pilotTextContainerStep2 h2 {
  font-size: 32px;
  color: rgba(59, 69, 89, 1);
  font-weight: 700;
}

.pilotTextContainerStep2 h2 {
  max-width: 273px;
  margin-bottom: 0;
}

.bottomRow {
  margin-top: 2rem;
}

.formPilotContainer .bottomRow p {
  font-size: 14px;
}

.bottomRow .generalButton {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bottomRow .generalButton span {
  position: relative;
  left: 5px;
}

.mat-input-outer input {
  font-weight: 500;
  font-size: 18px;
  color: rgba(59, 69, 89, 1);
}

.pilotStep2Container {
  height: 100vh;
  padding-top: 6.5rem;
}

.pilotTextContainerStep2 img {
  max-width: 80px;
}

.pilotStep2Container .step2ImageContainer img {
  max-width: 329px;
  width: 100%;
}

.storesLogos {
  margin-top: 57px;
  margin-bottom: 24px;
  white-space: nowrap;
}

.storesLogos a {
  margin-right: 15px;
}

.storesLogos a:last-child {
  margin-right: 0;
}

.storesLogos a::after {
  display: none;
}

.storesLogos a img {
  max-width: 120px;
  width: 100%;
  margin-left: 0;
}

.step3Container {
  height: 100vh;
  padding-top: 6.5rem;
}

.step3Container p {
  font-size: 18px;
  color: rgba(59, 69, 89, 1);
  font-weight: 400;
  margin-bottom: 21px;
}

.step3Container p span {
  font-size: 15px;
  color: rgba(59, 69, 89, 1);
  font-weight: 600;
  margin-bottom: 21px;
  max-width: 320px;
  display: block;
}

.step3Container h3 {
  font-size: 18px;
  color: rgba(59, 69, 89, 1);
  font-weight: 600;
}

.step3Container h3 {
  font-size: 24px;
  color: rgba(59, 69, 89, 1);
  font-weight: 600;
  margin-bottom: 14px;
}

.step3Container h2 {
  font-size: 32px;
  color: rgba(59, 69, 89, 1);
  font-weight: 700;
  margin-bottom: 20px;
  max-width: 395px;
}

.step3ImageContainer img {
  max-width: 240px;
  width: 100%;
}

.step3Container .bottomRow {
  margin-top: 36px;
}

.step3Container .bottomRow p {
  font-size: 15px;
  font-weight: 600;
}

/*Pasos Piloto*/
/*Footer*/
.footerWhatsapp {
  border-top: solid rgba(216, 216, 216, 1) 2px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: fixed;
  bottom: 0;
  text-align: center;
  background: rgba(245, 245, 245, 1);
  width: 100%;
}

.footerWhatsapp p {
  margin-bottom: 0;
}

.footerWhatsapp a:after {
  display: none;
}

.footerWhatsapp a {
  color: rgba(59, 69, 89, 1);
  font-size: 14px;
  font-weight: 500;
}

.footerWhatsapp img {
  position: relative;
  top: -2px;
  margin-right: 10px;
}

.modalThanksContainer .modal-content {
  border: none;
}

.modalThanksContainer .modalCheckboxContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modalThanksContainer p.checkBox {
  width: 32px;
  height: 32px;
  background: rgba(123, 179, 66);
  color: rgba(245, 245, 245, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
  aspect-ratio: 1/1;
}

.modalThanksContainer .modaltextContainer p {
  color: rgba(59, 69, 89, 1, 1);
}

.modalThanksContainer .modalCtaContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modalThanksContainer .modalCtaContainer .generalButton {
  border: solid rgba(123, 179, 66, 1) 1px;
  color: rgba(123, 179, 66, 1);
  background: transparent;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  display: block;
}

/*Footer*/

/*Breakpoints Nuevo TV*/

/*Minimals*/

/*Small devices (landscape phones, 576px and up)*/

@media (min-width: 320px) and (max-width: 767px) {}

/*Medium devices (tablets, 768px and up)*/

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

/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {}

/*Maximals*/

/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {
  .deliveryHeaderContainer h1 {
    font-size: 32px;
    margin-bottom: 18px;
  }

  .deliveryHeaderContainer h2 {
    font-size: 20px;
  }

  .carouselsContainer .carouselsDeliveryTitle h2 {
    font-size: 28px;
    margin-bottom: 30px;
    text-align: center;
  }

  .restaurantCloudContainer .restCloudTitle h2 {
    font-size: 28px;
    text-align: center;
  }

  .restaurantCloudContainer .restCloudRow .restCloudItem h3 {
    font-size: 24px;
  }

  .appFaqsTitles h2 {
    font-size: 24px;
  }

  .deliveryRestaurantHeader h1 {
    font-size: 36px;
  }

  .deliveryRestaurantHeader h2 {
    font-size: 21px;
  }

  .formPilotContainer {
    padding-top: 6.5rem;
  }

  .footerWhatsapp {}

}

@media (max-width: 767.98px) and (orientation: landscape) {}

/*Medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {
  header .mainNav .logoContainer {
    margin: 0 !important;
  }

  .deliveryStickyMenu .logoDeliveryContainer figure img {
    margin-left: 0;
  }

  .deliveryStickyMenu .logoDeliveryContainer figure img.logoRestaurantes {
    margin-left: 0;
    display: flex;
    justify-self: center;
  }

  .deliveryHeaderContainer {
    padding-top: 15rem;
    text-align: center;
  }

  .deliveryHeaderContainer .logoStoreContainer {
    justify-content: center;
    margin-bottom: 2rem;
  }

  .deliveryHeaderContainer .hedaerDeliveryImgContainer {
    justify-content: center;
  }

  .deliveryHeaderContainer .hedaerDeliveryImgContainer img {
    margin-right: 0;
  }

  .deliveryRestaurantHeader {
    padding-top: 12rem;
    text-align: center;
  }

  .restaurantslogoStoreContainer {
    justify-content: center;
  }

  .restaurantsdescriptionsImageContainer {
    margin-bottom: 2rem;
  }

  .restaurantsDescriptionItem {
    text-align: center;
  }

  .restaurantsdescriptionsContainer h2 {
    font-size: 24px;
  }

  .deliveryRestaurantHeader h1 {
    max-width: none;
  }

  .deliveryRestaurantHeader p {
    max-width: none;
  }

  .restaurantsdescriptionsContainer p {
    font-size: 18px;
    margin-bottom: 2rem;
  }

  .deliveryFormTitle h2 {
    font-size: 28px;
  }

  .restaurantsDeliveryImgContainer {
    padding-left: 0;
    padding-right: 0;
  }

  .restaurantsDeliveryImgContainer img {
    margin-right: 0;
    width: calc(100% + 30px);
    max-width: none;
  }

  .rowCakeImageContainer {
    padding-left: 0;
    padding-right: 0;
  }

  .fullRowRestaurants h2 {
    margin-top: 4rem;
    text-align: center;
    font-size: 24px;
  }

  .fullRowRestaurants p {
    margin-bottom: 4rem;
    text-align: center;
    font-size: 18px;
  }

  .fullCakeRow h2 {
    margin-top: 4rem;
    text-align: center;
    font-size: 24px;
  }

  .fullCakeRow p {
    margin-bottom: 4rem;
    text-align: center;
    font-size: 18px;
  }

  .pilotTextContainer h2 {
    font-size: 24px;
    max-width: 286px;
  }

  .pilotLogos {
    margin-left: 0;
  }

  .pilotTextContainerStep2 h2 {
    font-size: 24px;
    max-width: 200px;
  }

  .storesLogos {
    margin-top: 16px;
  }

  .pilotTextContainerStep2 img {
    margin-left: 35px;
  }

  .step3Container h2 {
    max-width: none;
    font-size: 24px;
  }

  .step3Container h3 {
    font-size: 18px;
  }

  .step3Container p span {
    max-width: none;
  }

  .modalThanksContainer .modalCtaContainer .generalButton {
    margin-top: 16px;
  }
}

@media (max-width: 1200px) {}

/* Samsung Galaxy S5 ----------- */

@media screen and (max-width: 360px) and (max-height: 640px) and (-webkit-min-device-pixel-ratio: 1) {}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}

@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {}

/* Galaxy S10 ----------- */

@media only screen and (min-device-height: 412px) and (min-device-width: 869px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3.5) {}

@media only screen and (min-device-height: 412px) and (min-device-width: 869px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3.5) {}

/* iPhone 4 ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/*Pixel 2*/

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) {}

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) and (orientation: portrait) {}

@media only screen and (min-width: 411px) and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 2.6) and (orientation: landscape) {}

/*Pixel 2XL*/

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) {}

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) and (orientation: portrait) {}

@media only screen and (min-width: 411px) and (max-width: 823px) and (-webkit-min-device-pixel-ratio: 3.5) and (orientation: landscape) {}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPhone SE ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .formPilotContainer {
    height: 120vh;
  }

  .pilotStep2Container {
    height: 110vh;
  }

  .step3Container {
    height: 120vh;
  }
}

/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {}

/* iPhone 6, 7, 8 ----------- */

/* Portrait and Landscape */

@media only screen and (min-width: 375px) and (max-height: 667px) and (-webkit-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}

/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {}

/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {}

/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/* ----------- iPhone 11 ----------- */

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .deliveryHeaderContainer h1 {
    font-size: 40px;
  }
}

/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .formPilotContainer {
    padding-top: 9.5rem;
  }
}

/* Landscape */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .deliveryHeaderContainer h1 {
    font-size: 40px;
  }
}

/* ----------- iPad Air----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .formPilotContainer {
    padding-top: 10.5rem;
  }
}

/* Landscape */

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {}

/* Landscape */

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}

/* ----------- Ana Movil" ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 412px) and (max-device-width: 877px) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Portrait */

@media only screen and (min-device-width: 412px) and (max-device-width: 877px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* Landscape */

@media only screen and (min-device-width: 412px) and (max-device-width: 877px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2.5) {}

/* ----------- Non-Retina Screens ----------- */

@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1701px) and (max-width: 2560px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Ana*/

@media screen and (max-width: 1440px) and (max-height: 900px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 720px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1920px) and (max-height: 1080px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1366px) and (max-height: 768px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1400px) and (max-height: 720px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Ipod*/

@media screen and (max-width: 320px) and (max-height: 568px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Breakpoints Nuevo TV*/

@media screen and (max-width: 320px) and (max-height: 568px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Breakpoints TyC*/
/* ----------- Non-Retina Screens ----------- */

@media screen and (min-width: 1200px) and (max-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1701px) and (max-width: 2560px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (min-width: 1280px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1) {
  .faqsToggleContainer .stickyContainer .stickyMenu {
    height: 115vh !important;
  }
}

/*Ana*/

@media screen and (max-width: 1440px) and (max-height: 900px) and (-webkit-min-device-pixel-ratio: 1) {
  .faqsToggleContainer .stickyContainer .stickyMenu {
    height: 100vh;
  }
}

@media screen and (max-width: 1280px) and (max-height: 720px) and (-webkit-min-device-pixel-ratio: 1) {
  .faqsToggleContainer .stickyContainer .stickyMenu {
    height: 100vh;
  }
}

@media screen and (max-width: 1280px) and (max-height: 950px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1280px) and (max-height: 682px) and (-webkit-min-device-pixel-ratio: 1) {
  .faqsToggleContainer .stickyContainer .stickyMenu {
    height: 110vh !important;
  }
}

@media screen and (max-width: 1920px) and (max-height: 1080px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1366px) and (max-height: 768px) and (-webkit-min-device-pixel-ratio: 1) {}

@media screen and (max-width: 1400px) and (max-height: 720px) and (-webkit-min-device-pixel-ratio: 1) {}

/*Breakpoints TyC*/
/*Breakpoints Delivery*/