/*=============================================
ESCRITORIO (XL revisamos de 1366px en adelante)
 =============================================*/
 ul,ol{
	list-style:none;
}

a:visited, a:link, a:focus, a:hover, a:active{
  list-style: none;
  text-decoration: none;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.otf');
    src: url('../fonts/Montserrat-Bold.otf?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-Black.otf');
    src: url('../fonts/Montserrat-Black.otf?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.otf');
    src: url('../fonts/Montserrat-Medium.otf?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.otf');
    src: url('../fonts/Montserrat-Regular.otf?#iefix') format('embedded-opentype'),
    url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
  /*=============================================
HEADER
 =============================================*/
html {
  scroll-behavior: smooth;
}

  header .logotipo{
 	width:70%;
 }

 .navbar ul li a{
 	font-size:20px;
 	color:black;
  font-family: "Montserrat-Regular";
 }

 .navbar ul li a:hover{
 	color:#0091CE;
  font-family: "Montserrat-Black";
  list-style:block;
 }

   .redes ul li img{
   	width:40px;
    height:40px;
    padding:8px;
    text-align:center;
    cursor:pointer;
    border-radius:150px;
    border:2px solid #0091CE;
 }


  /*=============================================
CAROUSEL 
 =============================================*/
 .cajas img{
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
 }

 .cajas img:hover{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.25);
 }

 #demo .carousel-caption {
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 100px;
 }

.textoInicial{
	font-size:50.7px;
	font-family: "Montserrat-Black";
	line-height: 30pt;
}

.Empaque{
  font-size:75px;
}

.texto{
	font-size: 19px;
	line-height: 19pt;
  font-family: "Montserrat-Regular";
}

.masinfo{
	 cursor: pointer;
    border: 2px solid white;
    color: white;
    font-size: 15px;
    float: right;
    padding: 7px 7px;
    font-family: "Montserrat-Regular";

}
.texto a{
-webkit-transition:all .5s ease; /* Safari y Chrome */
-moz-transition:all .5s ease; /* Firefox */
-o-transition:all .5s ease; /* IE 9 */
-ms-transition:all .5s ease; /* Opera */
 }

.texto a:hover{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
color:white;
}

/*=============================================
CAROUSEL DOS
 =============================================*/
 #demoo .carousel-control-prev{
  padding:0px;
  width:35px;
 }

  #demoo .carousel-control-next{
  padding:0px;
  width:35px;
 }

 #demoo .carousel-control-prev button{
  background-color: #0091CE;
  padding:15px;
  border-radius: 30px;
  margin-bottom: 86px;
 }

  #demoo .carousel-control-next button{
  background-color: #0091CE;
  padding:15px;
  border-radius: 30px;
  margin-bottom: 86px;
 }

.todoempaque p{
	font-size: 30px;
	font-family: "Montserrat-Black";
	text-align: center;
	top: -50px;
}

/*IMAGENES DEL SEGUNDO CAROUSEL*/

 .carouseldos ul li img{
   	width:216px;
    height:216px;
	text-align:center;
	cursor:pointer;
	padding:15px;

 }

 /*ANIMACION IMAGENES*/
 .carousel ul li img{
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
 }

 .carousel ul li img:hover {
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.25);
}

/*TEXTOS DEL SEGUNDO CAROUSEL*/

 .carouseldos ul li p{
 	font-size: 25px;
 	font-family: "Montserrat-Regular";
 	padding-top: 20px;
 	text-align: center;
 }
  
/*=============================================
CAROUSEL TRES
 =============================================*/
  #demo3 .carousel-indicators{
  display: block;
  left: auto;
  margin-right: 3%;
  margin-bottom: 15%;
 }

 #demo3 .carousel-indicators li{
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background-color: #000;
  border: none;
  margin-top: 5px;
  margin-bottom: 5px;
 }

 #demo3 .carousel-indicators li.active{
  background-color: #0091CE;
 }

  /*=============================================
	IMAGENES Y ELEMENTOS
 =============================================*/
  .imagenes ul li img{
 	width:175px;
  height:175px;
	text-align:center;
	cursor:pointer;
	border-radius:150px;
  border:2px solid black;
 }

  .imagenes ul li p{
	text-align:center;
	padding-top: 15px;
	font-size:35px;
 }

   /*=============================================
		IMPRESORA
 =============================================*/
 .Impresora h1{
 	font-family:"Montserrat-Black";
 	font-size:48px;
 	color:#0091CE;
 }

 .Impresora p{
 	font-size:19.5px;
 	font-family:"Montserrat-Regular";
 }

 .Impresora  strong{
 	font-family:"Montserrat-Black";
  font-size:24px;
 }

  .equipoproduccion img{

    width:1366px;
    height:550px;
  }


   /*=============================================
		SLIDER IMPRESORA
 =============================================*/


.lineAazul {
  position: relative;
  width: 300px;
  height: 10px;
  background: #1394ce;
  overflow: hidden;
  float: right;
  margin-bottom: 20px;
  margin-right: 100px;
}

.lineAazul:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: transparent #564028 transparent transparent;
  right: 0;
  top: 0;
  position: absolute;
}
 * {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 80px;
  position: relative;
  margin: 0px;
}

/* Hide the images by default */
.mySlides {
  display: none;
  padding: 0px;
}

/* Next & previous buttons */
.prev,.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #717171;
  border-radius: 50%;
  display: inline-block;

}

.indicadores{
	margin-top: 200px;
	right:100px;
	transform: rotate(0deg);
	margin-top:40px;
}

/*ESTORBA EN EL FONDO*/

/*.active, .dot:hover {
  background-color: #0091CE;
}*/

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

 /*=============================================
		FOOTER
 =============================================*/
 /*Fondo*/
.footer{
	background-color: #0091CE;
}
/*Textos*/
 .ubicacion{
 	color: white;
 	font-family: "Montserrat-Bold";
 	font-size:13.7px;
 }

 .telefono{
  color: white;
  font-family: "Montserrat-Bold";
  font-size:13px;
 }

 .correo{
  color: white;
  font-family: "Montserrat-Bold";
  font-size:13px;
 }

/*Imagenes de redes sociales*/
.redesdos ul li a img{
   	width:40px;
    height:40px;
    padding:8px;
	text-align:center;
	cursor:pointer;
 }

/*Imagenes de contacto*/
 .footer p img{
 	width:24px;
 	height:24px;
 	margin-right: 2px;
 }
/*Linea vertical*/
.footer ul li p{
  border-left: 2px solid white;
  padding-right: 8px;
  height: 20px;
}

/*Mover redes sociales*/
 .footer ul li{
 	padding-top:6px;
 }

  /*=============================================
TABLET HORIZONTAL (LG revisamos de 1024px)
 =============================================*/

 @media (max-width: 1199px) and (min-width: 992px){

  .redes ul li img{
  width:35px;
  height:35px;
  padding:8px;
  text-align:center;
  cursor:pointer;
  border-radius:150px;
  border:2px solid #0091CE;
  }

   .navbar ul li a{
  font-size:15px;
  color:black;
  font-family: "Montserrat-Regular";
 }

 /*CAROUSEL*/

  .textoInicial{
  font-size:37px;
  font-family: "Montserrat-Black";
  line-height: 19pt;
}

.Empaque{
  font-size:59px;
}

.texto{
  font-size: 16px;
  line-height: 15pt;
  font-family: "Montserrat-Regular";
}

.masinfo{
   cursor: pointer;
    border: 2px solid white;
    color: white;
    font-size: 15px;
    float: right;
    padding: 6px 6px;
    margin-top: 20px;
    font-family: "Montserrat-Regular";

}

/*================================
CAROUSEL DOS
 =================================*/
.todoempaque p{
  font-size: 24px;
  font-family: "Montserrat-Black";
  text-align: center;
  top: -50px;
}

/*CONTROLES PREV Y NEXT DEL CAROUSEL*/
 #demoo .carousel-control-prev{
  padding:0px;
  width:30px;
 }

  #demoo .carousel-control-next{
  padding:0px;
  width:30px;
 }

 #demoo .carousel-control-prev button{
  background-color: #0091CE;
  padding:15px;
  border-radius: 30px;
  margin-bottom: 116px;
 }

  #demoo .carousel-control-next button{
  background-color: #0091CE;
  padding:15px;
  border-radius: 30px;
  margin-bottom: 116px;
 }

 /*IMAGENES*/
  .carouseldos ul li img{
    width:165px;
    height:165px;
    text-align:center;
    cursor:pointer;
    padding:15px;

 }

   /*================================
    IMPRESORA
 ====================================*/
 .Impresora h1{
  font-family:"Montserrat-Black";
  font-size:35px;
  color:#0091CE;
 }

  .Impresora p{
  font-size:16.5px;
  font-family:"Montserrat-Regular";
 }

 .Impresora  strong{
  font-family:"Montserrat-Black";
  font-size:22px;
 }

   .equipoproduccion img{

    width:1024px;
    height:467px;
  }
   /*================================
    FOOTER
 ====================================*/
 /*Textos*/
 .ubicacion{
  color: white;
  font-family: "Montserrat-Bold";
  line-height: 2pt;
  font-size:11px;
 }

 .telefono{
  color: white;
  font-family: "Montserrat-Bold";
  font-size:11px;
 }

 .correo{
  color: white;
  font-family: "Montserrat-Bold";
  font-size:11px;
 }

/*Imagenes de redes sociales*/
.redesdos ul li a img{
    width:35px;
    height:35px;
    padding:9px;
  text-align:center;
  cursor:pointer;
 }

/*Imagenes de contacto*/
 .footer p img{
  width:24px;
  height:24px;
  margin-right: 2px;
 }
/*Linea vertical*/
.footer ul li p{
  border-left: 2px solid white;
  height: 20px;
}

/*Mover redes sociales*/
 .footer ul li{
  padding-top:6px;
 }

}
 /*=============================================
TABLET VERTICAL (MD revisamos de 768px)
 =============================================*/
 @media (max-width: 991px) and (min-width: 768px){

    header .logotipo{
    width:95%;
    height:95%;
    }

  .navbar ul li a{
  font-size:15px;
  color:black;
  font-family: "Montserrat-Regular";
  }

   .redes ul li img{
    width:35px;
    height:35px;
    padding:8px;
    text-align:center;
    cursor:pointer;
    border-radius:150px;
    border:2px solid #0091CE;
    }

    .redes ul li{
      text-align:right;
    }

/*============================
CAROUSEL 
 ===========================*/
 .textoInicial{
  font-size:31px;
  font-family: "Montserrat-Black";
  line-height: 17pt;
}

.Empaque{
  font-size:49px;
  line-height:8pt;
}

.texto{
  font-size: 14px;
  line-height: 14pt;
  font-family: "Montserrat-Regular";
}

.masinfo{
    cursor: pointer;
    border: 2px solid white;
    color: white;
    font-size: 13px;
    float: right;
    padding: 5px 6px;
    margin-top: 20px;
    font-family: "Montserrat-Regular";

}

.cajas img{
  height: 95%;
  margin-left: 10px;
}

/*============================
 SEGUNDO CAROUSEL 
 ===========================*/

.todoempaque p{
  font-size: 20px;
  font-family: "Montserrat-Black";
  text-align: center;
  top: -50px;
}

 .carouseldos ul li img{
    width:124px;
    height:124px;
    text-align:center;
    cursor:pointer;
 }

 .carouseldos ul li p{
  font-size: 19px;
  font-family: "Montserrat-Regular";
  padding-top: 20px;
  text-align: center;
 }

 .poliburbuja{
    margin-right: 30px;
 }
  /*===============================
  IMAGENES Y ELEMENTOS
 ==================================*/
  .imagenes ul li img{
  width:175px;
  height:175px;
  text-align:center;
  cursor:pointer;
  border-radius:150px;
  border:2px solid black;
 }

  .imagenes ul li p{
  text-align:center;
  padding-top: 15px;
  font-size:35px;
 }

   /*=============================================
    IMPRESORA
 =============================================*/
 .Impresora h1{
  font-family:"Montserrat-Black";
  font-size:25px;
  color:#0091CE;
 }

 .Impresora p{
  font-size:14px;
  font-family:"Montserrat-Regular";
 }

 .Impresora  strong{
  font-family:"Montserrat-Black";
  font-size:20px;
 }

 .imgimpresora img{
   margin-top:0px;
   margin-bottom:20px;
   width:95%;
   height:89%;
 }

  .equipoproduccion img{

    width:768px;
    height:312px;
  }

 #demo3 .carousel-indicators {
    display: block;
    left: auto;
    margin-right: 1%;
    margin-bottom: 17%;
}

/*============================
    FOOTER
==============================*/
 /*Textos*/
 .ubicacion{
  color: white;
  font-family: "Montserrat-Bold";
  line-height: 2pt;
  font-size:8px;
 }

 .telefono{
  color: white;
  font-family: "Montserrat-Bold";
  font-size:9px;
 }

 .correo{
  color: white;
  font-family: "Montserrat-Bold";
  font-size:8px;
 }

/*Imagenes de redes sociales*/
.redesdos ul li a img{
    width:25px;
    height:25px;
    padding:5px;
  text-align:center;
  cursor:pointer;
 }

/*Imagenes de contacto*/
 .footer p img{
  width:24px;
  height:24px;
  margin-right: 2px;
 }


/*Linea vertical*/
.footer ul li p{
  border-left: 2px solid white;
  height: 20px;
  margin-top:4px;
  margin-bottom: 0px;
  margin-right:10px;
}

/*Mover redes sociales*/
 .footer ul li{
  padding-top:12px;
 }

}

 /*=============================================
MOVIL HORIZONTAL (SM revisamos de 576px)
 =============================================*/
@media (max-width: 767px) and (min-width: 576px){

/*=============================================
HEADER
 =============================================*/
  header .logotipo{
  width:95%;
  margin-top: 25px;
 }

 .navbar ul li a{
  font-size:12px;
  color:black;
  font-family: "Montserrat-Regular";
 }

 .navbar ul li a:hover{
  color:#0091CE;
  font-family: "Montserrat-Black";
  list-style:block;
 }

   .redes ul li img{
    width:26px;
    height:26px;
    padding:5px;
    text-align:center;
    cursor:pointer;
    border-radius:150px;
    border:2px solid #0091CE;
 }

/*========================
  CAROUSEL 
============================*/
.textoInicial{
  font-size:23px;
  font-family: "Montserrat-Black";
  line-height: 8pt;
}

.Empaque{
  font-size:37px;
}

.texto{
  font-size: 10px;
  line-height: 10pt;
  font-family: "Montserrat-Regular";
}

.masinfo{
   cursor: pointer;
    border: 1px solid white;
    color: white;
    font-size: 10px;
    float: right;
    padding: 4px 4px;
    font-family: "Montserrat-Regular";

}

.cajas{
  height:100%;
}

/*============================
 SEGUNDO CAROUSEL 
 ===========================*/
 /*TEXTO PRINCIPAL*/
.todoempaque p{
  font-size: 17px;
  font-family: "Montserrat-Black";
  text-align: center;
  padding-top: 30px;
  margin-bottom: 0px;
}

/*IMAGENES*/
 .carouseldos ul li img{
  width:82px;
  height:82px;
  text-align:center;
  cursor:pointer;
  padding:0px;
 }

/*TEXTOS*/
  .carouseldos ul li p{
  font-size: 14px;
  font-family: "Montserrat-Regular";
  padding-top: 20px;
  text-align: center;
 }

  #demoo .carousel-control-prev button{
  background-color: #0091CE;
  padding:12px;
  border-radius: 30px;
  margin-bottom: 74px;
 }

  #demoo .carousel-control-next button{
  background-color: #0091CE;
  padding:12px;
  border-radius: 30px;
  margin-bottom: 74px;
 }

/*===================================
IMPRESORA
=====================================*/
 .Impresora h1{
  font-family:"Montserrat-Black";
  font-size:17px;
  color:#0091CE;
 }

 .Impresora p{
  font-size:13px;
  font-family:"Montserrat-Regular";
 }

 .Impresora  strong{
  font-family:"Montserrat-Black";
  font-size:15px;
 }

 .imgimpresora img{
   margin-top:0px;
   margin-bottom:20px;
   width:95%;
   height:89%;
 }

  .equipoproduccion img{
    width:576px;
    height:285px;
  }

 #demo3 .carousel-indicators {
    display: block;
    left: auto;
    margin-right: 0%;
    margin-bottom: 21%;
}

   /*================================
    FOOTER
 ====================================*/
 /*Textos*/
 .ubicacion{
  color: white;
  font-family: "Montserrat-Bold";
  line-height: 2pt;
  font-size:12px;
 }

 .telefono{
  color: white;
  font-family: "Montserrat-Bold";
  font-size:12px;
 }

 .correo{
  color: white;
  font-family: "Montserrat-Bold";
  font-size:12px;
 }

/*Imagenes de redes sociales*/
.redesdos ul li a img{
    width:35px;
    height:35px;
    padding:8px;
    text-align:center;
    cursor:pointer;
    border-radius:150px;
    border:2px solid white;
    margin-right:10px;
 }

/*Imagenes de contacto*/
 .footer p img{
  width:24px;
  height:24px;
  margin-right: 2px;
 }
/*Linea vertical*/
.footer ul li p{
  border-left: 2px solid white;
  height: 20px;
}

/*Mover redes sociales*/
 .footer ul li{
  padding-top:0px;
  margin-bottom: 10px;
 }


}
 /*=============================================
MOVIL VERTICAL (revisamos de 320px)
 =============================================*/
 @media (max-width: 575px){

  .lineAazul{
    display: none;
  }
  
  .linea{
      display:none;
  }
  
  .redesdos {
      display:none;
  }
/*==========================
HEADER
============================*/
  header .logotipo{
    width: 57%;
    margin-right: 8px;
    margin-left: 66px;
    margin-top: 17px;
    margin-bottom: 17px;
 }

/*==========================
CAROUSEL 
 ===========================*/
.textoInicial{
  font-size:31px;
  font-family: "Montserrat-Black";
  line-height: 14pt;
}

.Empaque{
  font-size:49px;
}

.texto{
  font-size: 12px;
  line-height: 12pt;
  font-family: "Montserrat-Regular";
}

.fondo img{

  height:580px;

}

.cajas img{
  height:130%;
}

/*============================
 SEGUNDO CAROUSEL 
 ===========================*/
 /*TEXTO PRINCIPAL*/
.todoempaquedos p{
  font-size: 13px;
  font-family: "Montserrat-Black";
  text-align: center;
  padding-top: 30px;
  margin-bottom: 0px;
}

/*IMAGENES*/
 .carouseldos ul li img{
  width:155px;
  height:155px;
  text-align:center;
  cursor:pointer;
  padding:0px;
 }

/*TEXTOS*/
  .carouseldos ul li p{
  font-size: 25px;
  font-family: "Montserrat-Regular";
  padding-top: 20px;
  text-align: center;
 }

  #demoos .carousel-control-prev button{
  background-color: #0091CE;
  padding:13px;
  border-radius: 30px;
  margin-bottom: 111px;
 }

  #demoos .carousel-control-next button{
  background-color: #0091CE;
  padding:13px;
  border-radius: 30px;
  margin-bottom: 111px;
 }

/*============================
  IMPRESORA 
 ===========================*/
 .Impresora h1{
  font-family:"Montserrat-Black";
  font-size:23px;
  color:#0091CE;
 }

 .Impresora p{
  font-size:12px;
  font-family:"Montserrat-Regular";
  line-height: 12px;
 }

 .Impresora  strong{
  font-family:"Montserrat-Black";
  font-size:13px;
  line-height: 5px;
 }

 .imgimpresora img{
   margin-top:0px;
   margin-bottom:20px;
   width:80%;
   height:90%;
 }

   .equipoproduccion img{
    width:320px;
    height:230px;
  }

 #demo3 .carousel-indicators {
    display: block;
    left: auto;
    margin-right: 0%;
    margin-bottom: 21%;
}

/*============================
  FOOTER
 ===========================*/

 .footermv ul li a img{

    width:45px;
    height:45px;
    padding:11px;
    text-align:center;
    cursor:pointer;
    border-radius:150px;
    border:2px solid #0091CE;
 }


}