/** Extra large devices (large desktops) */
body{
    font-family: "helveticaregular";
    font-size: 1rem;
    color: #999999;
}
a {
    font-family:'helveticaregular';
    color: #999999;
    text-decoration: none;
}
a:hover {
    opacity: .8;
    text-decoration: none;
}
.max-width {
  max-width:1280px;width:100%;margin:0 auto;padding:0;
}
.text-helveticaregular {
  font-family:'helveticaregular';
}
.text-helveticabold {
  font-family:'helveticabold';
}
.text-p5rem {
  font-size: .5rem;
}
.text-p6rem {
  font-size: .6rem;
}
.text-p7rem {
  font-size: .7rem;
}
.text-p8rem {
  font-size: .8rem;
}
.text-p9rem {
  font-size: .9rem;
}
.text-1rem {
  font-size: 1rem;
}
.text-1p1rem {
  font-size: 1.1rem;
}
.text-1p2rem {
  font-size: 1.2rem;
}
.text-1p3rem {
  font-size: 1.3rem;
}
.text-1p4rem {
  font-size: 1.4rem;
}
.text-1p5rem {
  font-size: 1.5rem;
}
.text-1p6rem {
  font-size: 1.6rem;
}
.text-1p8rem {
  font-size: 1.8rem;
}
.text-2rem {
  font-size: 2rem;
}
.text-2p2rem {
  font-size: 2.2rem;
}
.text-2p5rem {
  font-size: 2.5rem;
}
.text-3rem {
  font-size: 3rem;
}
.text-lh-p5rem {
  line-height: .5rem;
}
.text-lh-p6rem {
  line-height: .6rem;
}
.text-lh-p7rem {
  line-height: .7rem;
}
.text-lh-p8rem {
  line-height: .8rem;
}
.text-lh-p9rem {
  line-height: .9rem;
}
.text-lh-1rem {
  line-height: 1rem;
}
.text-lh-1p1rem {
  line-height: 1.1rem;
}
.text-lh-1p2rem {
  line-height: 1.2rem;
}
.text-lh-1p3rem {
  line-height: 1.3rem;
}
.text-lh-1p4rem {
  line-height: 1.4rem;
}
.text-lh-1p5rem {
  line-height: 1.5rem;
}
.text-lh-1p6rem {
  line-height: 1.6rem;
}
.text-lh-1p7rem {
  line-height: 1.7rem;
}
.text-lh-1p8rem {
  line-height: 1.8rem;
}
.text-lh-2rem {
  line-height: 2rem;
}
.text-lh-2p2rem{
  line-height: 2.2rem;
}
.text-lh-2p3rem{
  line-height: 2.3rem;
}
.text-lh-2p5rem {
  line-height: 2.5rem;
}
.text-lh-3rem {
  line-height: 3rem;
}
.text-gris-oscuro{
  color:#212121;
}
.text-gris{
  color:#999999;
}
.text-azul {
  color: #1A2636;
}
.text-gold{
  color: #A5925F;
}
.text-verde{
  color:#117749;
}
.bg-gris {
  background-color: #999999;
}
#social-networks{
  position: relative;
}
#social-networks #breadcrumb {
  position: absolute;
  bottom: 20px;
  right: 50px;
  text-align: right;
  line-height: 1.6rem;
  font-family: 'helveticabold';
  color: #1A2636;
  font-size: 1.8rem;
 }
#social-networks #breadcrumb a {
 font-family: 'helveticaregular';
 color: #1A2636;
 font-size: 1.4rem;
}
#social-networks #breadcrumb a:hover {
  opacity: 0.8;
}
#social-networks #breadcrumb .title {
  font-family: 'helveticaregular';
  color: #1A2636;
  font-size: 1.4rem;
}
#social-networks .social-networks-icons {
  position: absolute;
  top: 50px;
  left: 50px;
}
.offcanvas { 
  /*transition: transform .3s ease-in-out;*/
  color: #999999;
}
.offcanvas.offcanvas-start {
    top:78px;
    left: unset;
    /*transform: translateX(-100%);*/
    width: 320px;
}
.bg-offcanvas {
  background-color: #1A2636;
}
.offcanvas-body {
  overflow-y: hidden;
  padding: 16px 28px;
}
.nav-link {
  font-family:'helveticabold';
  color: #999999;
  font-size: 1.2rem;
  line-height: 1.2rem;
  padding: 0.3rem;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color:#FFFFFF;
}
.navbar-nav .nav-link.disabled {
  opacity: 0.6;
}
.nav-link:hover {
  color: white;
  opacity: 1;
}
.offcanvas-body::-webkit-scrollbar{
  width:5px;
  background-color:#1A2636;
}
.offcanvas-body::-webkit-scrollbar-thumb{
  background:#999999;
  border-radius:10px;
}
.offcanvas .social-networks-icons a:hover{
  color: white;
  opacity: 1;
}
.offcanvas .offcanvas-header{
  padding-bottom: 0;
}
.offcanvas .offcanvas-body{
  padding-top: 0;
}
.offcanvas .offcanvas-header a:hover{
  color: white;
  opacity: 1;
}
.material-symbols-outlined {
  vertical-align: -0.35rem;
  font-variation-settings:
  'FILL' 0,
  'wght' 350,
  'GRAD' 0,
  'opsz' 18
}
.carousel-caption {
  position: absolute;
  right: 1rem;
  left: auto;
  bottom: 0.1rem;
  padding:0;
  text-align: end;
  width: 20%;
}
#catalogue .nav-link {
  font-family:'helveticaregular';
  color: #FFFFFF;
  font-size: 0.8rem;
  line-height: 1rem;
  padding: 0.1rem;
}
#catalogue .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color:#A5925F;
}
#catalogue .navbar-nav .nav-link.disabled {
  opacity: 0.6;
}
#catalogue .nav-link:hover {
  color: #A5925F;
  opacity: 1;
}
.btn-filter {
  outline: none;
  border: none;
  border-radius:0;
  color: #1A2636;
  font-family:'helveticaregular';
  font-size: 1rem;   
  padding: 0.1rem 0.25rem 0.1rem 0.25rem;
}
#filters .form-check-input:checked {
    background-color: #A5925F;
    border-color: #A5925F;
}
#filters .form-check-label {
  color: #A5925F;
  font-family: "helveticaregular";
  font-size: 1rem;
}
#filters a {
  color: #1A2636;
  font-family:'helveticaregular';
  font-size: 1rem; 
}
#filters a:hover {
  color: #A5925F;
}
.newsletter-floating-button {
  position: fixed;
  bottom: 1%;
	z-index: 99;
  width:100%;
  margin-left: 15px;
}
.bg_newsletter_contact_modal{
  background-color: rgba(26,38,54,0.8);


}
.active>.page-link, .page-link.active {
  background-color: #999999;
  border-color: #999999;
  padding: 0.1rem 0.4rem;
}
.page-link {
   color: #999999;
   padding: 0.1rem 0.4rem;
   &:hover {
    color:#FFFFFF;
    border-color:#999999;
    background-color:#999999;
   }
  &:focus {
    color:#FFFFFF;
    border-color:#999999;
    background-color:#999999;
    outline: none;
    box-shadow: none;
  }
  &.active,
  .active > & {
    border-color:#999999;
    background-color:#999999;
  }
}
/** Large devices (desktops, less than 1200px) lg*/
@media (max-width: 1200px) {
}
/** Medium devices (tablets, less than 992px) md*/
@media (max-width: 992px) {
  #social-networks #breadcrumb {
    font-size: 1.4rem;
   }
}
/** Small devices (landscape phones, less than 768px) sm*/
@media (max-width: 768px) {  
  /*.offcanvas.offcanvas-start {
    top:0;
  }*/
  .btn-filter {
    font-size: 0.8rem;   
  }
  #filters .form-check-label {
    font-size: 0.8rem;   
  }
  #filters a {
    font-size: 0.8rem;   
  }
  #social-networks .social-networks-icons {
    top: 20px;
    left: 20px;
  }
  .social-icon{
    width: 64px;
  }
}
/** Extra small devices (portrait phones, less than 576px) xs*/
@media (max-width: 576px) {
}