@charset "utf-8";
/* CSS Document */
/*PREVIOUS STYLES*/

@font-face {
  font-family: miso;
  font-style: normal;
  font-weight: normal;
  src: url(/static/VitriCategory/N1/Aire-libre-jardin-y-mascotas/n1-mascotas-v1/fonts/misofont/miso-webfont.ttf);
}



ul>p {
line-height: 1.5em;
}

.img-responsive{
    display: block;
    max-width: 100%;
    
}

#myCarousel .fa-angle-left, #myCarousel .fa-angle-right {
  position: absolute;
  top: calc(40%);
  border: none;
  background: none;
  color:#858585;
}

#myCarousel .carousel-control.right, #myCarousel .carousel-control.left {
      background-image:none;

}

#myCarousel .carousel-control {
  text-shadow:none;
}


/*#myCarousel .svg-icono-right {
right: 0;
  background-image: url(static/categorias_N1/organizacion/images/organizacion-viaje-sodimac-mexico.svg);
  background-repeat: no-repeat;
  background-size: 73px;
  padding: 0px 30px 104px 30px;
}
#myCarousel .svg-icono-left {
  left: 0;
  background-image: url(static/categorias_N1/organizacion/images/organizacion-viaje-sodimac-mexico.svg);
  background-repeat: no-repeat;
  background-size: 73px;
  padding: 0px 10px 106px 52px;
}*/


/* items */

#element::-webkit-scrollbar {
  display: none;
}


/* AGREGADOS */


.nivel0-titulo {
  font-size: 2.6em;
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: bold;
  line-height: 1.5em;
}

.div-blog{
 /* margin-top: -13.3rem;*/
  color: #ffffff !important;
  font-size: 2em;
  line-height: 150%;
  text-align: right;
  font-family: "Miso";
  position: absolute;
  top: 20px;
  right: 10px;
}

.text-center-web{
  text-align: -webkit-center; 
}

.carousel-indicators li {

  background-color: #a3a3a3 !important;
 
}

.mobile-icons >div>div>a>img {
  width:40px;
}

#carousel-desk>div> a{
  display: inline-block;
  color: #777;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}


#carousel-desk>div> a:hover{
color: #0072CE;
background-color:rgba(183, 213, 232, 0.20)
}

#carousel-desk-2>div> a{
  display: inline-block;
  color: #777;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}


#carousel-desk-2>div> a:hover{
color: #0072CE;
background-color:rgba(183, 213, 232, 0.20)
}


#carousel-desk-3>div> a{
  display: inline-block;
  color: #777;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}


#carousel-desk-3>div> a:hover{
color: #0072CE;
background-color:rgba(183, 213, 232, 0.20)
}

div.scrollmenu {
  
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: #777 !important;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  color: #0072CE !important;
  background-color:rgb(230, 236, 240);
}

/* width */
#element::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#element::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
#element::-webkit-scrollbar-thumb {
  background: rgb(182, 179, 179); 
  border-radius: 5px;
}

/* Handle on hover */
#element::-webkit-scrollbar-thumb:hover {
  background: #706e6e; 
}

.margin-carousel-desktop {
  margin-bottom: 35px;
  margin-top: 10px;
}

.indicadores-margen {
  bottom: -10px !important;
}

#carousel-desk > div > a > p {
  margin-top: 12px;
}

#carousel-desk > div > a > img {
  width: 40px !important;
}

#carousel-desk-2 > div > a > p {
  margin-top: 12px;
}

#carousel-desk-2 > div > a > img {
  width: 40px !important;
}

#carousel-desk-3 > div > a > p {
  margin-top: 12px;
}

#carousel-desk-3 > div > a > img {
  width: 40px !important;
}

#element > a > p {
  margin-top: 12px;
}



.blog-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}




.padding-icons {
  margin-left: -10px;
  margin-right: -10px;
}

.padding-icons-div {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.height-secundarias {
  min-height: 60px;
}

/* ----------- media query iPad Pro ----------- */


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

.nivel0-titulo {
  font-size: 2em;
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: bold;
}



  #carousel-desk>div> a {
    font-size: 10px;
}

#carousel-desk > div > a > img {
  width: 40px !important;
}

  #carousel-desk-2>div> a {
    font-size: 10px;
}

#carousel-desk-2 > div > a > img {
  width: 40px !important;
}

  #carousel-desk-3>div> a {
    font-size: 10px;
}

#carousel-desk-3 > div > a > img {
  width: 40px !important;
}

.div-blog {
    /* margin-top: -13.3rem; */
    color: #ffffff !important;
    font-size: 2.5em;
    line-height: 150%;
    text-align: right;
    font-family: "Miso";
    position: absolute;
    top: 10px;
    right: 5px;
}
    
.height-secundarias {
  min-height: 100px;
}


}


/* mobile y ipad normal */

@media screen and (max-width: 780px) {

  .nivel0-titulo {
  font-size: 2.1em;
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: bold;
}


  #carousel-desk>div> a {
    font-size: 10px;
}

#carousel-desk > div > a > img {
  width: 40px !important;
}

  #carousel-desk-2>div> a {
    font-size: 10px;
}

#carousel-desk-2 > div > a > img {
  width: 40px !important;
}

  #carousel-desk-3>div> a {
    font-size: 10px;
}

#carousel-desk-3 > div > a > img {
  width: 40px !important;
}

  .colinis {
    padding-bottom: 10px;
    width: auto !important;
  }

  .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    padding-bottom: 30px;
  }

  
  .sty1{
    margin-top:0px;
  }



}