.masthead.parallax { background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.vacio {clear: both;}
.vacio2 {clear: both; margin-bottom: 30px;}
.fl {float: left; margin: 5px 20px 20px 0}
.fm {margin: auto 30px 0;}
.dropdown-item {padding: 0.1rem 1rem;}
.lead {color:#ed1c24}
.lead strong {font-weight: 700}
#about { background-color:#F4F6F9;}
.brojo { background-color: #9C0007}
.bnegro { background-color: #000000}
.bamari { background-color: #e5a400}
.brojo p, .bnegro p { color:#FBFBFB}
.bgris { background-color: #EDEDED}
.bamari p {color:#000000}
.page-section img { background-color: transparent; border: 0;}
.idioma  {position: relative; top: 6px; margin-left: 10px;}
.footer .idioma {top: 0;}

.embed-responsive {position: relative; display: block; width: 100%; padding: 0; overflow: hidden;}
.embed-responsive-16by9::before { padding-top: 56.25%;}
.embed-responsive::before { display: block; content: "";}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;}

.header {
  position: fixed;
  top: 0px;
  z-index: 9999;
  width: 100%;
  background-color: #EDEDED;
}
.progress-container {
  width: 100%;
  height: 6px;
  background: #EDEDED;
}
.progress-bar {
  height: 6px;
  background: #D32E37;
  width: 0%;
}

.navbar .megamenu{ padding: 1rem;}
.megamenu a { text-decoration: none; color: #111}
.megamenu a:hover { text-decoration: none; color: #ed1c24}
.dropdown-menu {border: none; border-radius: 0;}

.btn { text-transform: uppercase; font-weight: bold;}
.esp {margin-right: 1%; margin-left: 1%; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; border:10px solid #fff}
.tiendaonline { background: url(../images/comprar/bot-tiendaonline1.png) no-repeat; background-size: contain;}
.tiendaonline:hover { background: url(../images/comprar/bot-tiendaonline2.png) no-repeat; background-size: contain;}
.tiendaonlinebr { background: url(../images/comprar/bot-tiendaonline1_p.png) no-repeat; background-size: contain;}
.tiendaonlinebr:hover { background: url(../images/comprar/bot-tiendaonline2_p.png) no-repeat; background-size: contain;}
.owl-carousel.owl-drag .owl-item {background-color: #eee; padding: 20px; border-radius: 10px;}
#demos { padding: 3rem 0;}


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

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}	
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
@media(max-width: 768px){
	/*.masthead.parallax { background-attachment: scroll;}*/
	.esp { margin-right: auto; margin-left: auto; }
}
@media(min-width: 401px){
	.masthead.parallax {height: 600px; }
	.hhome { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/home/head.jpg);}
	.hnosotros { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/nosotros/head-nosotros.jpg);}
	.hcatalogo { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/catalogo/head-catalogo.jpg);}
	.hbook1 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book1/book1-portada.jpg);}
	.hbook2 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book2/book2-portada.jpg);}
	.hbook3 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book3/book3-portada.jpg);}
	.hbook4 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book4/book4-portada.jpg);}
	.hbook5 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book5/book5-portada.jpg);}
	.hbook6 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book6/book6-portada.jpg);}
	.hbook7 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book7/book7-portada.jpg);}
	.hbook8 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book8/book8-portada.jpg);}
	.hbook9 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book9/book9-portada.jpg);}
	.hbooks { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/bookstarter/bookstarter-portada.jpg);}
	.hextra { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/extra/extra-portada.jpg);}
	.hdigitalkit { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/digitalkit/head-digitalkit.jpg);}
	.hcomprar { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/comprar/head-comprar_e.jpg);}
	.hcontacto { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/contacto/head-contacto.jpg);}
}
@media(max-width: 400px){
	.masthead.parallax {height: 226px;}
	header.masthead {margin-top: 92px; padding-top: 4.5rem}
	header.masthead .masthead-subheading { margin-bottom: 0;}
	header.masthead .masthead-heading {font-size: 1.5rem; margin-bottom: auto}
	.hhome { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/home/head-cel.jpg);}
	.hnosotros { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/nosotros/head-nosotros-cel.jpg);}
	.hcatalogo { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/catalogo/head-catalogo-cel.jpg);}
	.hbook1 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book1/book1-portada-cel.jpg);}
	.hbook2 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book2/book2-portada-cel.jpg);}
	.hbook3 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book3/book3-portada-cel.jpg);}
	.hbook4 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book4/book4-portada-cel.jpg);}
	.hbook5 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book5/book5-portada-cel.jpg);}
	.hbook6 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book6/book6-portada-cel.jpg);}
	.hbook7 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book7/book7-portada-cel.jpg);}
	.hbook8 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book8/book8-portada-cel.jpg);}
	.hbook9 { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/book9/book9-portada-cel.jpg);}
	.hbooks { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/bookstarter/bookstarter-portada-cel.jpg);}
	.hextra { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/extra/extra-portada-cel.jpg);}
	.hdigitalkit { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/digitalkit/head-digitalkit-cel.jpg);}
	.hcomprar { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/comprar/head-comprar_e-cel.jpg);}
	.hcontacto { background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(0, 0, 0, 0.73)), url(../images/contacto/head-contacto-cel.jpg);}
}