@font-face {
  font-family: 'Montserrat', Regular !important;
  font-style: normal;
  font-weight: 400 !important;
  src : url('../tienda/fonts/Montserrat-Regular.ttf') format('truetype');
  position: relative;
  
}

@media (max-width: 575px) { 
  h1 {
      font-size: 1.3rem;
  } 
  h2 {
      font-size: .9rem !important;
  }
  h4 {
    font-size: 0.88rem !important;
  }

  h6 {
    font-weight: 700 !important;
  }  
  .comprandopara{
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #015E9B !important;
  }   
}

@media (min-width: 575px) and (max-width: 768px) {
  h1 {
      font-size: 1.3rem;
  } 
  h2 {
      font-size: 1rem!important;
  }
  h4 {
    font-size: 0.88rem !important;
  }

  h6 {
    font-weight: 700 !important;
  }  

  .comprandopara{
    font-size: 0.7rem !important;
    font-weight: 500 !important;
    color: #015E9B !important;
  }    
}
 
@media (min-width: 768px) and (max-width: 991px) {

  h1 {
      font-size: 1.5rem;
  }
  h2 {
      font-size: 1rem !important;
  }
  h4 {
    font-size: 0.88rem !important;
  }

  h6 {
    font-weight: 700 !important;
  }  
  .comprandopara{
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #015E9B !important;
  }    
}

@media (min-width: 991px) and (max-width: 1200px) {
  header  {
      font-family: 'Montserrat', Regular !important;
      font-style: normal;
      font-weight: 400 !important;
      font-size: 1em;
      line-height: 1.6rem;
      letter-spacing: -.4px;
  }
 
  nav{
      font-size: 0.75rem !important;  
  }
  h1 {
      font-size: 1.7rem;
  }
  h2 {
      font-size: 1.2rem !important;
  }
  h4 {
      font-size: 0.88rem !important;
  }

  h6 {
    font-weight: 700 !important;
  }
  
  .categorias  {
      font-size: 0.9rem !important;
      font-weight: 600 !important;
      color: #015E9B !important;
  }
  
  .comprandopara{
      font-size: 1rem !important;
      font-weight: 500 !important;
      color: #015E9B !important;
  }    
}

@media (min-width: 1200px) and (max-width: 2000px) {
  header nav ul li a  {
      font-family: 'Montserrat', Regular !important;
      font-style: normal;
      font-weight: 400 !important;
      font-size: .89rem;
      line-height: 1.6rem;
      letter-spacing: -.4px;
  }

  nav{
      font-size: 0.75rem !important;  
  }

  h1 {
      font-size: 1rem;
  }

  h2 {
      font-size: 1.5rem !important;
  }

  h4 {
      font-size: 0.88rem !important;
  }

  h6 {
      font-weight: 700 !important;
  }
  
  .categorias  {
      font-size: 1.3rem !important;
      font-weight: 700 !important;
      color: #015E9B !important;
  }

  .comprandopara{
      font-size: 1.2rem !important;
      font-weight: 600 !important;
      color: #015E9B !important;
  }

  .enquetrabajas {
      color: #015E9B !important;   
  }
}

body {
  font-family: 'Montserrat', Regular !important;
  font-style: normal;
  font-size: 1.1rem;
  font-weight: 400 !important;
  background-color: #fff !important;   
}

header  {
  background-color: #005D9B !important;
}  

header nav button span{
  color: #fff !important;
}

header nav ul li a{
  color: #fff !important;
}

header nav ul li a:hover{
  color: #fffb00 !important;
}

 .contenedor-micuenta{
   width: 90%;
   margin-top: 12%;
   margin-left: auto;
   margin-right: auto;
 }
 .container-slider{
  width: 100%;
  margin-left: auto;
  margin-right: auto; 

 }
 .container-search{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;

 }
 .container-garantia{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
 }
 .container-garantia img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
 } 
 .container-expertos{
  margin-top: 3%;
 }
 .container-novedades{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
 }
 .centrar{
  margin-left: auto;
  margin-right: auto;
  display: block;
 }
 .container-comunidad{
  margin-top: 5%;
 }
 .boton-siguenos{
   width: 250px;
   margin-left: auto;
   margin-right: auto;
 }
 .container-maps{
  margin-top: 2%;

 }
 .carousel-inner {
  height: 100%;
}
.navbar-nav .nav-item .nav-link{
  margin-left: 10px;
  border-radius: 5px;
}
.navbar .navbar-nav .nav-item a{
  color:  #0063a8;
  /* text-align: center; */
  text-decoration: none;
}
/*******/
.dropdown-menu{
  background-color: #005D9B;
}
.navbar .dropdown-menu a:not(.active) {
    color: #000;
}

.dropdown .dropdown-menu .dropdown-item, .dropup .dropdown-menu .dropdown-item, .dropleft .dropdown-menu .dropdown-item, .dropright .dropdown-menu .dropdown-item {
    padding: .5rem;
    margin-left: 0;
    font-size: .9rem;
}
.navbar .dropdown-menu a {
    padding: 10px;
    font-size: .9375rem;
    font-weight: 300;
}
a.waves-effect, a.waves-light {
    display: inline-block;
}
.waves-effect {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
/*******/
.navbar .navbar-nav .nav-item .dropdown-menu a{
  color:  #0063a8;
  text-decoration: none;
  text-align: left;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.navbar-nav .nav-item:hover a:hover {
  background-color: #337ab7;
  color:#fff;
}
.nav-tabs{
  background-color: #494b4de0;
  border-radius: .25rem;

}
/* .nav .nav-item{
  background-color: #337ab7;
  color:#fff;
}   */
.nav .nav-item .nav-link.active{
  background-color: #337ab7;
  color:#fff;
}
.nav .nav-link{
  color:#fff;
}
.dropdown-menu .dropdown-item:hover{
  background-color: #337ab7;
  color:#fff;
}
.btn-ver{
  display: inline-block;
  background-color: #337ab7;
  color:#fff !important;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.bg-header-0 {
  background-color: #337ab7!important;
  color:#fff;
}

.nav-tabs>li.active>a{
  background-color: #337ab7;
  color:#fff;
}
.nav-tabs .nav-item:hover a:hover{
  background-color: #337ab7;
  color:#fff;
}
.bg-navbar {
  background-color: #e5eaf0ad !important
}
.counter{
    text-align: center;
    font-size: 50px;
  }
.signo{
    text-align: center;
    font-size: 50px;
  }
.ml-fas{
  margin-left: 20px;
}
.mc-fas{
  margin-left: auto;
  margin-right: auto;
}

/*css Aplicaciones y propiedades de imagenes tienda*/
.col-centered {
   margin: 0 auto;
   float: none;
}

.imagenDetalle {
   width: 85px;
   height: 84px;
}

.imgVerProducto {
   /* width: 100%; */
   /* height: 100%; */
   width: 300px;
   height: 250px;
}
.navbar {
  background-color: rgba(255, 255, 255, 0.308) transparent;
}
.navbar.collapse {
  display:flex;
}
.navbar.collapsing,
.navbar.show {
  background:rgba(255, 255, 255, 0.308) !important;
}

.loader-busqueda{ 
  /* display: none; */
  position: absolute;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1000;
  background-color: #fff !important;

}

/*css imagenes tienda*/
 
/* @media (max-width: 991.98px) {
 .offcanvas-header{ display:block; } 
   .offcanvas-collapse {
    position: fixed;
    top: 105px;/
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fbfdff98;
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  } 

  .navbar .navbar-nav .nav-item a{
  font-weight: 500;
  }  
}*/
.offcanvas-collapse.open {
  visibility: visible;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
/* .offcanvas-header{ display:none; }
@media (max-width: 992px) {
  .offcanvas-header{ display:block; }
  .navbar-collapse {
    position: fixed;
    top:0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #101011ad;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
  }

  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(-100%);
  }


  .navbar .navbar-nav .nav-item a{
    color:  #fff;

  }

} */

/* @media (min-width: 572px) {
  .offcanvas-header{ display:block; }
  .navbar-collapse {
    position: fixed;
    top:0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #101011ad;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
  }

  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(-100%);
  }


  .navbar .navbar-nav .nav-item a{
    color:  #fff;

  }

} */

/***** Efecto Over img card ******************/
.desc-novedades{
  padding: 1.5em 0em;
}
.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
  }

  .hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	background-color: rgba(128, 125, 125, 0.7);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  }

  .hovereffect:hover .overlay {
	background-color: rgba(235, 243, 243, 0.247);
  }

  .hovereffect img {
	display: block;
	position: relative;
  }

  .hovereffect h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	margin-top: 30%;
	padding: 10px;
	background: rgba(0, 0, 0, 0.493);
	-webkit-transform: translateY(45px);
	-ms-transform: translateY(45px);
	transform: translateY(45px);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
  }

  .hovereffect:hover h2 {
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px);
  }

  .hovereffect a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px;
	text-transform: uppercase;
	color: #fff;
	/* border: 1px solid #fff; */
	background-color: #0063a0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-weight: normal;
	margin: 20% 0 0 0;
	padding: 10px 32px;
  }

  .hovereffect:hover a.info {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
  }

  .hovereffect a.info:hover {
	box-shadow: 0 0 5px #fff;
  }
  /* .novedad {
    padding-left: 100px;
  } */
  .novedad h1 {
    color: #B4B1AB;
    font-family: abel;
    font-size: 48px;
    margin-top: 50px;
}

.iframe-img {
  position: relative;
  display: block;
  height: 61px;
  margin-bottom: 10px;
  border: 2px solid #CCCCC6;
  border-radius: 3px;
}

.capHeight {
  max-height: 158px;
  overflow-y: scroll;
}