@font-face {
  font-family: GoboldRegular;
  src: url("../fonts/Gobold\ Regular.otf") format("opentype");
}
@font-face {
  font-family: GoboldLowPLus;
  src: url("../fonts/GOBOLD\ LOWPLUS.TTF") format("truetype");
}
@font-face {
  font-family: Camelia;
  src: url("../fonts/RNSCAMELIA-MEDIUM.OTF") format("opentype");
}
@font-face {
  font-family: Gnuolane_RG;
  src: url("../fonts/gnuolane_rg.ttf") format("truetype");
}
/* @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,300&display=swap"); */

.positionZ1{
  z-index: -1;
}

.positionZ2{
  z-index: -1;
}

.selectedIpad{
  opacity: 100%;
}
.UnselectedIpad{
  opacity: 50%;
}

.txtUppercase {
  text-transform: uppercase;
}

.heightRowSolutionsProducts {
  margin: 0;
}
.colSolutionsProducts {
  padding: 0;
  position: relative;
}
.divInfoSolutionsProducts {
  padding: 7% 5%;
  position: absolute;
  top: 0;
  width: 100%;
}
.imgSolutionsProducts {
  z-index: -1;
}

/* html,  */
.bgDegradado {
  /* background: url("../images/STMS_CORPORATE_ASSETS/Degradado.png"); */
  background: #F2F2F2;
  background-size: cover;
}
.bgDegradadoZIndex {
  z-index: -6; /*Ver si se debe aplicar aqui o crear clase nueva*/
  position: relative;
}
.bgSolid {
  background-color: var(--menu-txt-color);
}
.bgSolid2 {
  background-color: var(--submenu-bg-color);
}
.bgDegradadoInvertido {
  /* background: url("../images/STMS_Power_HLP_Assets/STMS_Power_HLP_03.png"); */
  background-size: cover;
  background: linear-gradient(180deg, #FFFFFF 30%, #F1F1F2 76.51%, #F1F1F2 100%);
}

.carousel-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 100%;
}
.carousel-indicators {
  bottom: -7px;
}

.mtSection {
  margin-top: 10em;
}
.mbFooter {
  margin-bottom: 10%;
}
.ptopSection {
  padding-top: 5vh;
}

.ptSection {
  padding: 4vh 0 !important;
  /* padding: 1vh 0 !important; */
}
.ptSection15 {
  padding-top: 40%;
}
.padding1 {
  padding: 1em !important;
}

.btnOrg {
  border: var(--menu-bg-color);
  background-color: var(--menu-bg-color);
  color: var(--menu-txt-color) !important;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0px !important;
  padding: 0.4rem 1.5rem !important;
}
.btnOrg:hover,
.btnOrg:active {
  border: var(--btn-bg-sm-hv) !important;
  background-color: var(--btn-bg-sm-hv) !important;
  color: var(--menu-txt-color) !important;
}

/* span */ 
.bodyBannerSolutionsProducts span,
.elementListNavItemPowerHLP span,
/* .info_OpenSans span, */
.info_OpenSans_Bold span,
#formInquiries label span,
.Subtitle4vw span,
.spanOrange
{
  color: var(--title-color);
}

/* TITULOS y SUBTITULOS */
.titleBgGoboldRegular {
  font-family: GoboldRegular;
  color: var(--menu-txt-color) !important;
  font-size: 5.5em;

  text-transform: uppercase;
}
.titleBgGoboldRegularNaranja {
  font-family: GoboldRegular;
  color: var(--title-color) !important;
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 5.5em;
}
.subTitleBgOpenSans {
  font-family: "Open Sans", sans-serif;
  color: var(--subTitle2-color) !important;
}
.subTitleBgOpenSans span {
  font-family: "Open Sans", sans-serif;
  color: var(--title-color);
  margin: 5px;
}
.titleGoboldRegular {
  font-family: GoboldRegular;
  color: var(--title-color) !important;
  line-height: 1.3;
  text-transform: uppercase;
  font-size: 5em;
}
.subTitleGoboldRegular {
  font-family: GoboldRegular;
  color: var(--subTitle-color) !important;
  line-height: 1.2;
  margin-bottom: 2vw;
  font-size: 2.5em;

  text-transform: uppercase;
}

.info_Camelia_Bold {
  font-family: Camelia;
  color: var(--body-txt-color) !important;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.7em;
  margin-bottom: 0.5rem;
}

.info_OpenSans_Bold {
  font-family: "Open Sans", sans-serif;
  color: var(--body-txt-color) !important;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.7em;
  margin-bottom: 0.5rem;
}
.info_OpenSans {
  font-family: "Open Sans", sans-serif;
  color: var(--body-txt-color) !important;
  line-height: 1.3;
  margin-bottom: 0.5rem;
  font-size: 1.42vw;
}
.info2_OpenSans {
  font-family: "Open Sans", sans-serif;
  color: var(--body-txt-color) !important;
  font-size: 1em;
}
.info3_GoboldLowPlus {
  font-family: GoboldLowPLus;
  color: var(--subTitle-color) !important;
  margin: 0;
  font-size: 1.3em;
  line-height: 2;

  text-transform: uppercase;
}

.titleBgCamelia {
  font-family: Camelia;
  color: var(--title-color) !important;
  /* line-height: 1.5; */
  line-height: 1.2;
  text-transform: uppercase;
  font-size: 5.5em;
}

.titleBgCamelia span{
  color: black;
}

.titleCamelia {
  font-family: Camelia;
  color: var(--title-color) !important;
  line-height: 1;
  text-transform: uppercase;
  font-size: 5em;
}

.titleCamelia2 {
  font-family: Camelia;
  color: var(--title-color) !important;
  line-height: 1;
  font-size: 5em;
}

.subTitleCamelia {
  font-family: Camelia;
  color: var(--subTitle-color) !important;
  line-height: 1.3;
  font-size: 2.5em;
}

.infoBannerOpenSans {
  font-family: "Open Sans", sans-serif;
  color: var(--menu-txt-color) !important;
  font-weight: 700;
  font-size: 1.3vw;
}
.titleBannerOpenSans {
  font-family: GoboldRegular;
  color: var(--menu-txt-color) !important;
  font-weight: 700;
  font-size: 4vw;
  text-transform: uppercase;
}

.subTitleForma_OpenSans {
  font-family: "Open Sans", sans-serif;
  color: var(--body-txt-color) !important;
  font-size: 1.5vw;
}

.subTitleForma_Camelia {
  font-family: Camelia;
  color: var(--body-txt-color) !important;
  font-size: 1.4vw;
}

.watchVideo {
  font-family: GoboldLowPLus;
  color: var(--title-color);
  text-transform: uppercase;
  font-size: 1.5em;
}
.watchVideo:hover {
  color: var(--title-color);
}
.icoWatch {
  color: var(--body-txt-color);
  font-size: 30px;
  font-size: 1.2em;
}

/*----------------------------------------------------------------------------------*/
.title2 {
  font-family: GoboldLowPLus;
  color: var(--title-color) !important;
  line-height: 1.5;
  text-transform: uppercase;
  font-size: 64px;
}

.titleBannerMyth {
  font-family: Camelia;
  line-height: 1;
  text-transform: uppercase;
  margin-left: 3%;
}
.subTitleBannerMyth {
  font-family: Camelia;
  margin-bottom: 1.5em;
  margin-left: 3%;
}
.titleBannerSolutionsProducts {
  font-family: GoboldRegular;
  line-height: 1;
  text-transform: uppercase;
  margin-left: 3%;
}
.subTitleBannerSolutionsProducts {
  font-family: GoboldRegular;
  margin-bottom: 0.8em;
  color: var(--subTitle-color);
  margin-left: 3%;
  text-transform: uppercase;
}
.learnMoreBanner {
  font-family: "Open Sans", sans-serif;
  color: var(--menu-txt-color);
  text-decoration: underline;
  line-height: 1;
  font-weight: bold;
  font-size: 0.85vw;
  margin-left: 3%;
}
.learnMoreBanner:hover,
.learnMoreBanner:active {
  color: var(--subTitle2-color);
}
.subTitlePowerHLP {
  line-height: 1.2;
  margin-bottom: 10vh;
}
.learnMorePowerHLP {
  color: #2b2c2e;
  text-decoration: underline;
  font-size: 1.5em;
  font-weight: bold;
}

/* SECCION IMAGENES */
.imgAuto_MultiDevice {
  margin: auto;
  width: 100%;
  z-index: 9;
}

.logoFooter {
  width: auto;
}

.img100W {
  width: 100%;
}
.imgAuto,
.imgAnimatic {
  width: auto;
  margin: auto;
}
.imgSecurity {
  width: auto;
}
.imgBanner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.alingImgR {
  text-align: right;
}

.imgARLogo {
  margin-bottom: 5%;
}

.imgAbsoulte {
  position: absolute;
}
.imgAbsoulteZindex {
  position: absolute;
  z-index: -1;
}
.imgRelativeZindex {
  position: relative;
  z-index: -1;
}

#imgMultiDevice2 {
  position: absolute;
  left: 36%;
  bottom: 0%;
  z-index: -1;
}

#imgChagePlus {
  width: auto;
  margin: auto;
}

/* SECCION TAMAÑOS DIVS */
.divZindex0{
  z-index: 0;
  position: relative;
}

.ImagesDiv {
  position: relative;
}
.rowRigth {
  position: absolute;
  z-index: -1;
  top: -50%;
  right: -10vw;

  overflow-x: hidden;
  overflow-y: hidden;
}
.rowLeft {
  position: absolute;
  left: 0vw;
  top: 60%;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 21;
}

.divBanner60 {
  width: 60%;
  margin: auto;
}
.divInfo60 {
  width: 60%;
  margin: auto 0 auto auto;
}
.divInfo60R {
  width: 90%;
  margin: 0 0 auto 0;
}
.divInfo70 {
  width: 70%;
  margin: auto 0 auto 19vw;
}
.divInfo70R {
  width: 90%;
  margin: 0 0 auto 0;
}
.divInfo80 {
  width: 80%;
  margin: auto 0 auto auto;
}
.divInfo80R {
  width: 80%;
  margin: auto;
}
.divBanner90 {
  width: 90%;
}

#inovations {
  height: 25vw;
}

.rowCorporate {
  height: 100%;
}
#confidence {
  height: 80vh;
}

#infovalue,
#infoSecurity {
  width: 90%;
  margin: auto;
}

.divRelativeImg {
  position: relative;
}

.bgMYTHBag {
  background: url("../images/STMS_CTA_BG_01.jpg");
  background-size: cover;
  height: 50vh;
  background-position: top center;

  padding: 7% 3%;
}
.bgPowerKick {
  background: url("../images/STMS_CTA_BG_02.jpg");
  background-size: cover;
  height: 50vh;
  background-position: top center;

  padding: 7% 3%;
}
.bgSchoolSolutions {
  background: url("../images/STMS_CTA_BG_03.jpg");
  background-size: cover;
  height: 50vh;
  background-position: top center;

  padding: 7% 3%;
}
.bgBusinessSolutions {
  background: url("../images/STMS_CTA_BG_04.png");
  background-size: cover;
  height: 50vh;
  background-position: top center;

  padding: 7% 3%;
}

.bannerSolutionsProducts {
  color: var(--menu-txt-color);
}

/*FOOTER*/
.footer {
  background: var(--footer-bg-color);
  border: 1px solid;
  color: var(--footer-txt-color);
}
.footer .row {
  margin: 3em 0;
}
.footer ul {
  padding-inline-start: 0px;
  list-style: none;
}
.footer ul a,
.socialMedia a {
  color: var(--footer-txt-color);
}
.socialMedia a:hover {
  color: var(--suscribir-bg-color);
  text-decoration: none;
}

/*SECCION SUSCRIBIRSE*/
.suscribirse {
  background-color: var(--suscribir-bg-color);
  padding: 5% 0;
}
.rowSuscribirse {
  display: block;
  margin: 0;
  background-color: var(--suscribir-bg-color);
}
.rowSuscribirse h1 {
  font-family: GoboldRegular;
  color: var(--title-color);
  line-height: 1.5;
  text-transform: uppercase;
  font-size: 1.59vw;
}

.rowSuscribirse input {
  border-radius: 5px;
  border: 1px solid var(--suscribir-bg-color);
  padding: 10px;
  margin: 5px;
  color: var(--privacyPolicy-txt-color);
  font-family: "Open Sans", sans-serif;
}
.txtPrivacyPolicy {
  width: 50%;
  margin: 1em auto;
  color: var(--privacyPolicy-txt-color);
  font-size: 1.1vw;
}
.privacyPolicy {
  text-decoration: underline;
  color: var(--privacyPolicy-txt-color);
}
.privacyPolicy:hover {
  text-decoration: underline;
  color: var(--title-color);
}
.btnSubmit {
  border: var(--btn-Submit-subscribe);
  background-color: var(--btn-Submit-subscribe);
  position: absolute;
  left: 82%;
  top: 17%;
  padding: 6px;
  border-radius: 5px;
  color: var(--menu-txt-color);
  text-transform: uppercase;
}

/*CARDS*/
.card {
  background-color: var(--card-bg-color);
  overflow: hidden;
}
.card img {
  transform: scale(0.9);
  transition: transform 0.5s ease;
}
.card img:hover {
  transform: scale(1);
}
.card-body {
  text-align: center;
}
.card-title {
  font-family: Camelia;
  color: var(--subTitle-color);
  /* font-size: 3.5vw !important; */
  font-size: 3vw !important;
}
.card-text {
  font-family: "Open Sans", sans-serif;
  color: var(--body-txt-drk-color);
  font-size: 1em;
}


.trasparenCard {
  background-color: transparent;
  border: none;
}



/* Grace */
.card-body {
  padding: 0.25rem;
  padding-bottom: 2.25rem;
}

.card-body-Myth {
  padding-bottom: 0rem;
}

.btnColorSleeveBlue_Diamonds {
  background-image: url("../images/Colors/Grace/STMS_Color_Blue_Diamonds.jpg");
}
.btnColorSleeveCloud_Grey
 {
  background-image: url("../images/Colors/Grace/STMS_Color_Cloud_Grey.jpg");
}
.btnColorSleeveCoral {
  background-image: url("../images/Colors/Grace/STMS_Color_Coral.jpg");
}
.btnColorSleeveHunter_Green {
  background-image: url("../images/Colors/Grace/STMS_Color_Hunter_Green.jpg");
}
.btnColorSleeveNight_sky {
  background-image: url("../images/Colors/Grace/STMS_Color_Night_sky.jpg");
}
.btnColorSleevePurple {
  background-image: url("../images/Colors/Grace/STMS_Color_Purple.jpg");
}
.btnColorSleevePurple_Diamonds {
  background-image: url("../images/Colors/Grace/STMS_Color_Purple_Diamonds.jpg");
}
.btnColorSleeveTeal_Dot {
  background-image: url("../images/Colors/Grace/STMS_Color_Teal_Dot.jpg");
}
/* stories */

.btnColorStories_Black {
  background-image: url("../images/Colors/Stories/STMS_Color_Black.jpg");
}
.btnColorStories_Blue {
  background-image: url("../images/Colors/Stories/STMS_Color_Blue.jpg");
}
.btnColorStories_Grey {
  background-image: url("../images/Colors/Stories/STMS_Color_Grey.jpg");
}
.btnColorStories_Purple {
  background-image: url("../images/Colors/Stories/STMS_Color_Purple.jpg");
}

/* Streets */
.btnColorStreetBlue {
  background-image: url("../images/Colors/Streets/STMS_Color_Blue.png");
}
.btnColorStreetBrown {
  background-image: url("../images/Colors/Streets/STMS_Color_Brown.png");
}
.btnColorStreetGreen {
  background-image: url("../images/Colors/Streets/STMS_Color_Green.png");
}
.btnColorStreetGrey {
  background-image: url("../images/Colors/Streets/STMS_Color_Grey.png");
}

.btnColorBlackSmoke {
  background-image: url("../images/STM_Product-List-Ipad/Colores/STMS_Color_Black_smoke.jpg");
}

.button_Color_DarkGreenSmoke {
  background-image: url("../images/STM_Product-List-Ipad/Colores/STMS_Color_Dark_green_smoke.jpg");
  border: 2px solid #3f6792;
}
.btnColorDarkPurple {
  background-image: url("../images/STM_Product-List-Ipad/Colores/STMS_Color_Dark_purple.jpg");
}
.button_Color_DutcheBlue {
  background-image: url("../images/STM_Product-List-Ipad/Colores/STMS_Color_DutcheBlue.jpg");
  border: 2px solid #3f6792;
}

.Titile6vw {
  /* height: 6vw; */
  height: 8vw;
}
.Subtitle4vw {
  height: 4.5vw;
}
.FakeButtons {
  height: 2.2vw;
  margin-bottom: 2.1vw;
}
.displayNone {
  display: none;
}
.ipad11Class {
  width: 3.5vw;
  margin-left: 2vw;
}
.ipad12Class {
  width: 3.5vw;
}
.diplay-mobile {
  display: none;
}

#rowImgTopCortada {
  height: 25vw;
}
.img360Dux {
  z-index: -2;
  position: absolute;
  left: 44vw;
  top: 0;
  width: 9.35vw;
}
.imgTopCortada {
  left: 9%;
  width: 70vw;
  top: -41vw;
  position: relative;
  z-index: -1;
}

.pt10 {
  padding-top: 10vw !important;
}
.bgSectionDux {
  background-color: var(--submenu-bg-color);
}

.imgBannerListings {
  background-size: contain;
  background-repeat: no-repeat;
  height: 20vw;
  background-position: right;
}
#bannerProductListiPadPro {
  background-image: url("../images/STMS_Product-List_iPad_Pro/STMS_Product-List_iPad_Pro_01.jpg");
}
#bannerProductListiSurfacePro {
  background-image: url("../images/STMS_Product-List_Surface/SurfacePro/STMS_Product-List_banner_Surface-Pro.jpg");
}
#bannerProductListiSurfaceLaptop {
  background-image: url("../images/STMS_Product-List_Surface/SurfaceLaptop/STMS_Product-List_banner_Surface-Laptop.jpg");
}
#bannerProductListiSurfaceGo {
  background-image: url("../images/STMS_Product-List_Surface/SurfaceGo/STMS_Product-List_banner_Surface-Go.jpg");
}
#bannerProductListiWireless {
  background-image: url("../images/STM_Product-List_Power/Wireless/STMS_Product-List_Power_Wireless_.jpg");
}
#bannerProductListiCable {
  background-image: url("../images/STM_Product-List_Power/Cable/STMS_Product-List_Accesories_Cables.jpg");
}
#bannerProductListiHubs {
  background-image: url("../images/STM_Product-List_Power/Hubs/STMS_Product-List_Accesories_Hubs.jpg");
}
#bannerProductListiScreenProtector {
  background-image: url("../images/STM_Product-List_Power/ScreenProtector/STMS_Product-List_Accesories_Screen-protector.jpg");
}
#bannerProductListiBackPack18L {
  background-image: url("../images/STM_Product-List_BackPacks/18L/STMS_Product-List_Bag_Backpack_18L_01.png");
}
#bannerProductListiBackPAck20L {
  background-image: url("../images/STM_Product-List_BackPacks/20L/STMS_Product-List_Bag_Backpack_20L.jpg");
}
#bannerProductListiBackPAck22L {
  background-image: url("../images/STM_Product-List_BackPacks/22L/STMS_Product-List_Bag_Backpack_22L.jpg");
}
#bannerProductListiBackPAck24L {
  background-image: url("../images/STM_Product-List_BackPacks/24L/STMS_Product-List_Bag_Backpack_24L.jpg");
}
#bannerProductListiBackPAck28L {
  background-image: url("../images/STM_Product-List_BackPacks/28L/STMS_Product-List_Bag_Backpack_28L_01.png");
}
#bannerProductListiBackPAck31L {
  background-image: url("../images/STM_Product-List_BackPacks/31L/STMS_Product-List_Bag_Backpack_31L_01.png");
}



#bannerProductListiPad {
  background-image: url("../images/STM_Product-List-Ipad/iPad/STMS_Product-List_iPad.jpg");
}
#bannerProductListiPadAir {
  background-image: url("../images/STM_Product-List-Ipad/iPadAir/STMS_Product-List_iPad_Air.jpg");
}
#bannerProductListiPadMini {
  background-image: url("../images/STM_Product-List-Ipad/iPadMini/STMS_Product-List_iPad_Mini.jpg");
}
#bannerProductListiSleeves16 {
  background-image: url("../images/STM_Product-List_BackPacks/Sleeves/STMS_Product-List_Bag_Sleeves_16.jpg");
}
#bannerProductListiSleeves13 {
  background-image: url("../images/STM_Product-List_BackPacks/Sleeves/STMS_Product-List_Bag_Sleeves_13.jpg");
}
#bannerProductListiSleeves12 {
  background-image: url("../images/STM_Product-List_BackPacks/Sleeves/STMS_Product-List_Bag_Sleeves_12.jpg");
}
#bannerProductListiSleeves11 {
  background-image: url("../images/STM_Product-List_BackPacks/Sleeves/STMS_Product-List_Bag_Sleeves_11.jpg");
}
#bannerProductListiBackPAck16L {
  background-image: url("../images/STM_Product-List_BackPacks/16/STMS_Product-List_Bag_Briefs_16.jpg");
}
#bannerProductListiStashBag {
  background-image: url("../images/STM_Product-List_BackPacks/MythCollection/STMS_Product-List_Accesories_StashBag.jpg");
}
#bannerProductListiMythCollection {
  background-image: url("../images/STM_Product-List_BackPacks/MythCollection/STMS_Product-List_Bags_Myth.jpg");
  background-size: cover;
}
#bannerProductListiStoriesCollection {
  background-image: url("../images/STM_Product-List_BackPacks/24L/STMS_Product-List_Bags_Stories_3.jpg");
  background-size: cover;
}
#bannerProductListiStreetCollection {
  background-image: url("../images/STM_Product-List_BackPacks/22L/STMS_Product-List_Bags_Streets.jpg");
  background-size: cover;
}
#bannerProductListiMagSafe{
  background-image: url("../images/STM_Product-List_MagSafe/STMS_Product-List_banner_MagSafe.jpg");

}




.imgAbsoulteGridMyth {
  position: absolute;
  left: 0;
  top: 0;
}
.superIndiceGridMyth {
  top: -1em;
  font-size: 60%;
}

.bodyBannerSolutionsProducts {
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}
.learnmore {
  /* height: 0.99vw; */
  height: 2vw;
}
.learnMoreTextList {
  font-family: "Open Sans", sans-serif;
  color: var(--menu-txt-color);
  text-decoration: underline;
  font-weight: bold;
  height: 0.99vw;
}

@media only screen and (min-width: 768px) {
  .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 100%;
  }
  .carousel-indicators {
    bottom: 7px;
  }


  #inovations {
    height: 25vw;
  }

  #collapsingNavbarLg {
    opacity: 0;
  }

  .imgBannerDuxDuo {
    width: 70vw;
  }

  .rowIdealViewing {
    position: relative;
    height: 40vw;
  }
  .divIdealViewing {
    z-index: -1;
    position: absolute;
    width: 100vw;
    top: 0;
  }
  .imgIdealViewing {
    position: absolute;
    width: 75vw;
    left: 20vw;
    top: 0;
  }

  .rowDuxTabletHLP {
    height: 30vw;
    position: relative;
  }
  .divDuxTabletHLP {
    z-index: -1;
    position: absolute;
    width: 95vw;
    top: 0;
    height: 100%;
  }
  .imgDuxTabletHLP {
    position: absolute;
    width: 50vw;
    left: 16vw;
    top: -5vw;
  }

  .ptSection15 {
    padding-top: 10vw;
  }

  #fromDesing,
  #businessSolution,
  #banner2 {
    height: 45vw;
  }

  .infoBannerOpenSans {
    font-size: 1.3vw;
  }

  .divSmarter {
    height: auto;
  }
  #imgSmarter {
    position: absolute;
    top: -20vw;
    left: 20%;
    z-index: -1;
    width: 35vw;
  }

  .imgExpertise {
    width: 48vw;
    position: relative;
    left: 10vw;
  }
  #trust {
    height: 25vw;
  }

  .imgProtection {
    width: 35vw;
  }

  .mbMyth {
    margin-bottom: 6.7vw;
  }
  .subTitleBannerSolutionsProducts {
    font-size: 3.3vw !important;
  }
  #imgChagePlus {
    margin: auto;
    width: 65vw;
    position: relative;
    left: 10vw;
  }

  .orderPosition-img-left {
    order: 1;
  }
  .orderPosition-img-right {
    order: 2;
  }

  .orderPosition-content-left {
    order: 1;
  }
  .orderPosition-content-right {
    order: 2;
  }

  .btnOrg,
  .btnOrgMarginAuto {
    font-size: 0.85vw;
    border-radius: 0.25em;
    margin-top: 3%;
  }
  .learnMorePowerHLP {
    color: var(--txt-learnMore-Dark);
    font-size: 1.1vw !important;
  }
  .learnMorePowerHLP:hover {
    color: var(--body-txt-drk-color);
  }
  /* SECCION IMAGENES */

  /*--------------------------*/
  /* SECCION TAMAÑOS DIVS */

  .divInfo60,
  .divInfo60R,
  .divInfo70R,
  .divInfo80,
  .divInfo80R {
    margin: auto;
  }
  .divBanner60,
  .divInfo60 {
    width: 90%;
  }
  #divSmarter {
    margin-top: 0;
  }

  .txtPrivacyPolicy {
    width: 50vw;
  }
  .btnSubmit {
    left: 86%;
  }

  /*--------------------------*/

  /* SECCION GRIDS */

  /* CORPORATE */

  .fitContentInfoRight {
    /* width: fit-content;*/
    width: 30vw;
    margin: auto 0 auto 19vw;
  }
  .fitContentInfoCenter {
    width: fit-content;
    margin: auto;
  }
  .divInfo60 {
    width: 100%;
  }
  .titleGoboldRegular {
    font-size: 4.3vw !important;
  }
  .titleCamelia, .titleCamelia2 {
    font-size: 4.3vw !important;
  }
  .subTitleGoboldRegular {
    font-size: 2.085vw !important;
  }
  .info_OpenSans_Bold {
    font-size: 1.25vw !important;
  }
  .info_Camelia_Bold {
    font-size: 1.25vw !important;
  }

  /*PrimerCarrusel*/
  .infoCarruselSmarter{
    font-size: 1vw !important;
  }

  .info2_OpenSans {
    font-size: 1vw !important;
    line-height: 3;
  }
  .img50W {
    width: 40vw;
  }
  .imgAuto {
    width: 40vw;
  }
  .imgARLogo {
    width: 6.4vw;
  }

  .titleBgGoboldRegular {
    font-size: 6vw !important;
  }
  .titleBgGoboldRegularNaranja {
    font-size: 4.6vw !important;
  }

  .info3_GoboldLowPlus {
    font-size: 1.2vw !important;
  }
  .watchVideo {
    font-size: 1.25vw !important;
    line-height: 5;
  }
  .subTitleCamelia {
    font-size: 2.085vw !important;
  }
  /*Primer Carrusel*/
.subTitleCarruselSmarter{
  font-size: 1.5vw !important;
}

  .titleBgCamelia {
    font-size: 4.6vw !important;
  }
  .subTitlePowerHLP {
    margin-bottom: 7vw !important;
  }

  .imgAuto_MultiDevice {
    width: 50vw;
  }
  .imgReloj {
    width: 25vw;
    z-index: -1;
  }
  .rowRigth {
    top: -50%;
    right: -27vw;
    width: 50%;
  }
  .rowLeft {
    left: 0vw;
    width: 50%;
    top: 58%;
  }
  #imgMultiDevice3 {
    width: 20vw;
  }

  .divMultiDevice2 {
    margin: auto;
    z-index: 20;
  }

  .img70W {
    width: 70%;
  }

  .divGeneralRelativeAR {
    position: relative;
  }

  .divGeneralAbsoluteAR {
    left: 0%;
    right: 0%;
  }

  .imgAR {
    width: 40vw;
  }

  .logoFooter {
    width: 20vw;
  }

  .divPowerBankBanner {
    display: grid;
    grid-template-rows: repeat(29, 2vw);
    z-index: 1;
    grid-template-columns: repeat(14, 4vw);
    margin: auto;
  }

  #divPowerBank1 {
    grid-column: 1/15;
    grid-row: 1/30;
    z-index: -1;
    padding: 0;
  }

  #divPowerBank2 {
    grid-column: 1/6;
    grid-row: 7/19;
  }

  #divPowerBank3 {
    grid-column: 12/15;
    grid-row: 10/14;
  }

  #divPowerBank4 {
    grid-column: 12/15;
    grid-row: 19/24;
  }


  /* MagArm */
  .imgSturdy{
    width: 35vw;
  }

  .divEaslyProp{
    height: 30vw;
  }

  .imgEaslyProp{
    width: 60vw; 
    left: 20%; 
    bottom: 0;
  }

  .imgQuickEasy{
    
    width: 60vw; 

  }

  .contentQuickEasy{
    position: relative; 
    right: 15vw;
  }

  .widthParagraph{
    width: 70%;
  }


  .imgLoopIngeniouslty{
    position: relative;
    right: 5%;
  }

  .divClever{
    height: 40vw;
  }

  .imgClever{
    width: 60vw;
    right: 20%;
    position: relative;
    bottom: 25vw;
    z-index: -1;
  }

  /* Secuencia corcholata */
  .imgClever01{
    width: 60vw;
    right: -3vw;
    top: -25vw;
  }

  /* Imagen MagLoop */
  .imgClever02{
    width: 60vw;
    right: -3vw;
    top: -22vw;
  }











  @media screen and (max-height: 800px) {
    .divGeneralRelativeAR {
      position: relative;
      /* height: 60vh; */
      /* height: 70vh; */
    }
  }
}

@media only screen and (max-width: 767px) {
  .FakeButtons {
    height: 5.2vw;
  }
  .Titile6vw{
    height: 15vw;
  }
  .card-title {
    font-size: 6vw !important;
  }
  .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 100%;
  }
  .carousel-indicators {
    bottom: -7px;
  }

  .Subtitle4vw {
    height: 13.5vw;
  }
  .subTitleForma_OpenSans {
    font-family: "Open Sans", sans-serif;
    color: var(--body-txt-color);
    font-size: 4vw;
  }

  .subTitleForma_Camelia {
    font-family: Camelia;
    color: var(--body-txt-color);
    font-size: 3.5vw;
  }

  #inovations {
    height: 60vw;
  }

  #collapsingNavbarLg {
    opacity: 1;
  }

  .imgARLogo {
    width: 14vw !important;
  }
  .sectionar_text {
    margin-top: 20vw;
  }
  .imgDuxTabletHLP {
    position: absolute;
    width: 50vw;
    left: 16vw;
    top: -5vw;
  }

  .imgBannerDuxDuo {
    width: 70vw;
  }

  .imgIdealViewing {
    width: 80vw;
    position: relative;
    left: 5vw;
  }

  /*CLASE ANGEL*/
  .corporate_title_mobile {
    font-size: 2.5rem !important;
  }

  .ptSection15 {
    padding-top: 30vw;
  }

  #fromDesing,
  #businessSolution,
  #banner2 {
    height: 80vw;
  }

  .infoBannerOpenSans {
    font-size: 2.5vw;
  }

  .divSmarter {
    height: 35vw;
  }
  #imgSmarter {
    position: absolute;
    top: -34vw;
    left: 24vw;
    z-index: -1;
    width: 53vw;
  }

  .imgExpertise {
    width: 60vw;
    position: relative;
    left: 20vw;
  }
  #trust {
    height: 50vw;
  }

  .imgProtection {
    width: 40vw;
  }

  .imgGallery {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 25% 0;
  }

  .divAR {
    /* width: 24vw; */
    width: fit-content !important;
  }

  /* input[type="text"] {
 width: 66vw;
  } */

  .navbar-nav {
    margin-left: 0.1vw !important;
  }

  .rowSuscribirse h1 {
    font-size: 2.8vw;
  }

  .txtPrivacyPolicy {
    font-size: 2vw;
  }
  #imgChagePlus {
    margin: auto;
    margin-top: 5%;
    width: 140vw;
    position: relative;
    left: 20vw;
  }

  .orderPosition-img-left {
    order: 1;
  }
  .orderPosition-img-right {
    order: 1;
  }

  .orderPosition-content-left {
    order: 2;
  }
  .orderPosition-content-right {
    order: 2;
  }
  .btnOrg,
  .btnOrgMarginAuto {
    border-radius: 0.25em;
  }
  .learnMorePowerHLP {
    color: var(--txt-learnMore-Dark);
    font-size: 2.085vw !important;
  }
  .learnMorePowerHLP:hover {
    color: var(--body-txt-drk-color);
  }
  .info_OpenSans {
    font-size: 3vw;
  }

  .marginspace {
    margin-bottom: 5vh;
  }

  .subTitlePowerHLP {
    margin-bottom: 1vh !important;
  }

  /* Divs */

  .fitContentInfoRight {
    width: fit-content;
    margin: auto auto auto auto;
    text-align: center;
  }

  .fitContentInfoCenter {
    width: fit-content;
    margin: auto auto auto auto;
    text-align: center;
  }
  .divBanner60 {
    text-align: center !important;
    width: 100%;
  }
  .divInfo60 {
    width: 100%;
  }
  .divInfo70 {
    margin: auto;
  }
  .divInfo80 {
    margin: auto auto auto auto;
    text-align: center;
    width: 100%;
  }

  /* Sections */
  .imgAuto,
  .imgAnimatic,
  .imgSecurity {
    width: 100%;
  }
  .img50W {
    width: 80vw;
  }
  .logoFooter {
    width: 60vw;
  }

  /* Main */
  .info3_GoboldLowPlus {
    font-size: 2.085vw !important;
  }
  .titleGoboldRegular {
    font-size: 9.2vw !important;
  }
  .titleBgGoboldRegular {
    font-size: 18vw !important;
  }
  .titleBgGoboldRegularNaranja {
    font-size: 10vw !important;
  }
  .subTitleGoboldRegular {
    font-size: 5vw !important;
    line-height: 1.3;
  }
  .watchVideo {
    line-height: 4;
    font-size: 3vw !important;
  }
  .titleBgCamelia {
    font-size: 10vw !important;
    line-height: 1.2;
  }
  .subTitleCamelia {
    font-size: 3vw !important;
  }
  
  /*Primer Carrusel*/
.subTitleCarruselSmarter{
  font-size: 3vw !important;
}

  .titleCamelia, .titleCamelia2 {
    font-size: 8vw !important;
  }

  /* general */
  .info_OpenSans_Bold {
    font-size: 2.7vw !important;
  }
  .info_Camelia_Bold {
    font-size: 2.7vw !important;
  }
/*PrimerCarrusel*/
  .infoCarruselSmarter{
    font-size: 2.7vw !important;
  }

  .info2_OpenSans {
    font-size: 2.3vw !important;
    line-height: 3;
  }

  /* .divSubmit {
 width: 70vw;
  } */

  .btnSubmit {
    left: 73%;
  }

  .imgAuto_MultiDevice {
    width: 80%;
  }
  .imgReloj {
    width: 80%;
    z-index: -1;
  }
  .rowRigth {
    top: -25%;
    right: -20vw;
    width: 50%;
  }
  .rowLeft {
    left: -10vw;
    width: 50%;
    top: 85%;
  }
  #imgMultiDevice3 {
    width: 60%;
  }

  .divGeneralRelativeAR {
    position: relative;
    /* height: 60vh; */
  }
  .divGeneralAbsoluteAR {
    left: 0%;
    right: 0%;
  }

  .imgAR {
    width: 70vw;
  }

  @media screen and (max-height: 800px) {
    .divGeneralRelativeAR {
      position: relative;
    }
  }

  .learnMoreBanner {
    font-size: 3vw !important;
  }
  .titleBannerSolutionsProducts,
  .subTitleBannerSolutionsProducts,
  .titleBannerMyth {
    font-size: 11vw !important;
  }

  .titleBannerMyth {
    line-height: 0.8;
  }

  .subTitleBannerMyth {
    font-size: 8vw !important;
  }

  .bodyBannerSolutionsProducts {
    font-size: 3vw !important;
    margin-bottom: 0 !important;
  }

  .btnOrgLeftBanner,
  .btnOrgRightBanner {
    position: relative;
    top: 2vw;
  }


  .imgBannerListings {
    background-size: contain;
    background-repeat: no-repeat;
    height: 25vw;
    /* background-position: inherit; */
    background-position: right;
  }


  .learnmore {
    height: 7vw;
  }


  /* MagArm */
  .imgSturdy{
    width: 60vw;
  }

  .divEaslyProp{
    /* height: 30vw; */
    height: 40vw;
  }

  .imgEaslyProp{
    width: 60vw; 
    left: 20%; 
    bottom: 0;
  }

  .imgQuickEasy{
    width: 80vw;
  }


  .widthParagraph{
    width: 90%;
    /* margin: auto; */
    margin-left: auto;
    margin-right: auto;
    }


  /* MagLoop */
  .imgLoopIngeniouslty{
    position: relative;
    right: 15%;
  }

  .divClever{
    height: 75vw;
  }

  .imgClever{
    width: 95vw;
    left: 5%;
    position: relative;
    bottom: 15vw;
    z-index: -1;
  }


    /* Secuencia corcholata */
    .imgClever01{
      width: 60vw;
      right: -3vw;
      top: -25vw;
    }
  
    /* Imagen MagLoop */
    .imgClever02{
      width: 60vw;
      right: -3vw;
      top: -22vw;
    }
  







  .divTxtClever{
   text-align: center; 
  }





}