/* Catalogue
--------------------------------*/
#head_catalogue {
    background: url("../img/headers/Catalogo@2x-min.jpg") center top no-repeat;
    background-size: 100vw;
    padding: 60px 0 40px 0;
    position: relative;
    height: 360px;
}

.price{
    font-size: 1.1rem;
}

 /*.modal-backdrop {
     z-index: -1;
 }*/

 .preloader {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
     width: 100%;
     background: rgb(23, 22, 22, 0.5);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 9999;
     transition: opacity 0.3s linear;
 }

 .loader {
     position: relative;
     top: 35%;
     left: 45%;
 }

.align-buttom{
    text-align: right;
    margin-bottom: 10px;
}

.down-color1 {
    color: #FFF;
}

.down-color2 {
    color: #FFF;
}

.down-color3 {
    color: #FFF;
}

.down-color4 {
    color: #FFF;
}

.down-color5 {
    color: #FFF;
}

@media (max-width: 1280px) {
    #head_catalogue {
        background-size: 130vw;
    }
}

@media (max-width: 1134px) {
    #head_catalogue {
        background-size: 120vw;
    }
}

@media (max-width: 1024px) {
    #head_catalogue {
        background-size:140vw;
    }
}

@media (max-width: 1008px) {
    #head_catalogue {
        background-size: 135vw;
    }
}

@media (max-width: 980px) {
    #head_catalogue {
        background-size: 260vw;
    }

    #head_catalogue .display-4 {
        font-size: 3.3rem;
    }

}

@media (max-width: 768px) {
    #head_catalogue {
        background-size: 226vw;
    }
}

@media (max-width: 450px) {
    #head_catalogue {
        background-size: 320vw;
    }

    #head_catalogue .display-4 {
        font-size: 3.2rem;
    }

    .price {
        font-size: .8rem;
        text-align: center;
    }

    .align-buttom {
        text-align: center;
    }

    .loader {
        position: relative;
        top: 35%;
    }

    .button-select {
        position: relative;
        left: -50px;
        width: 17.3rem;
    }

    .button-select2 {
        position: relative;
        left: -90px !important;
        width: 17.3rem;
    }

    .button-select3 {
        position: relative;
        left: -113px !important;
        width: 17.3rem;
    }

    .button-select4 {
        position: relative;
        left: -136px !important;
        width: 17.3rem;
    }

    .product-select {
        position: relative;
        left: -50px;
        width: 25.5rem;
    }

    .product-select2 {
        position: relative;
        left: -76px;
        width: 25.5rem;
    }

    .product-select3 {
        position: relative;
        left: -98px;
        width: 25.5rem;
    }

    .button-select6 {
        position: relative;
        left: -160px !important;
        width: 15rem ;
    }

    .product-select6 {
        position: relative;
        left: -150px;
        width: 25.9rem !important;
    }

    .down-color1 {
        color: #990000 !important;
    }

    .down-color2 {
        color: #FF0000 !important;
    }

    .down-color3 {
        color: #FF6600 !important;
    }

    .down-color4 {
        color: #FFCC00 !important;
    }

    .down-color5 {
        color: #ffff9b !important;
    }
    
}

@media (max-width: 411px) {
    #head_catalogue {
        background-size: 320vw;
    }

    #head_catalogue .display-4 {
        font-size: 3.5rem;
    }

    .price {
        font-size: .8rem;
        text-align: center;
    }

    .align-buttom {
        text-align: center;
    }

    .loader {
        position: relative;
        left: 35%;
    }

    .button-select {
        position: relative;
        left: -50px;
        width: 17.3rem;
    }

    .button-select2 {
        position: relative;
        left: -90px !important;
        width: 17.3rem;
    }

    .button-select3 {
        position: relative;
        left: -113px !important;
        width: 17.3rem;
    }

    .button-select4 {
        position: relative;
        left: -136px !important;
        width: 17.3rem;
    }

    .product-select {
        position: relative;
        left: -50px;
        width: 23rem;
    }

    .product-select2 {
        position: relative;
        left: -76px;
        width: 23.1rem;
    }

    .product-select3 {
        position: relative;
        left: -100px;
        width: 23.1rem;
    }

    .button-select6 {
        position: relative;
        left: -160px !important;
        width: 15rem;
    }

    .product-select6 {
        position: relative;
        left: -150px;
        width: 25.8rem;
    }

    .down-color1 {
        color: #990000 !important;
    }

    .down-color2 {
        color: #FF0000 !important;
    }

    .down-color3 {
        color: #FF6600 !important;
    }

    .down-color4 {
        color: #FFCC00 !important;
    }

    .down-color5 {
        color: #ffff9b !important;
    }

}

@media (max-width: 414px) {
    #head_catalogue {
        background-size: 350vw;
    }

    #head_catalogue .display-4 {
        font-size: 2.5rem;
    }

    .price {
        font-size: .8rem;
        text-align: center;
    }

    .align-buttom {
        text-align: center;
    }

    .loader {
        position: relative;
        left: 35%;
    }

    .button-select {
        position: relative;
        left: -50px;
        width: 17.3rem;
    }

    .button-select2 {
        position: relative;
        left: -90px !important;
        width: 17.3rem;
    }

    .button-select3 {
        position: relative;
        left: -113px !important;
        width: 17.3rem;
    }

     .button-select4 {
         position: relative;
         left: -136px !important;
         width: 17.3rem;
     }

    .product-select {
        position: relative;
        left: -50px;
        width: 22.4rem !important;
    }

    .product-select2 {
        position: relative;
        left: -76px;
        width: 22.6rem;
    }

    .product-select3 {
        position: relative;
        left: -99px;
        width: 22.6rem;
    }

    .button-select6 {
        position: relative;
        left: -160px !important;
        width: 20rem;
    }

    .product-select6 {
        position: relative;
        left: -150px;
        width: 22.8rem !important;
    }

    .down-color1 {
        color: #990000 !important;
    }

    .down-color2 {
        color: #FF0000 !important;
    }

    .down-color3 {
        color: #FF6600 !important;
    }

    .down-color4 {
        color: #FFCC00 !important;
    }

    .down-color5 {
        color: #ffff9b !important;
    }
}

@media (max-width: 393px) {
    #head_catalogue {
        background-size: 380vw;
    }

    #head_catalogue .display-4 {
        font-size: 2.5rem;
    }

    .price {
        font-size: .8rem;
        text-align: center;
    }

    .align-buttom {
        text-align: center;
    }

    .loader {
        position: absolute;
        left: 20%;
    }

    .button-select {
        position: relative;
        left: -50px;
    }

    .button-select2 {
        position: relative;
        left: -90px !important;
        width: 17.3rem;
    }

    .button-select3 {
        position: relative;
        left: -113px !important;
        width: 17.3rem;
    }


    .button-select4 {
        position: relative;
        left: -136px !important;
        width: 17.3rem;
    }

    .product-select {
        position: relative;
        left: -50px;
        width: 21rem !important;
    }

    .product-select2 {
        position: relative;
        left: -76px;
        width: 21.3rem !important;
    }

    .product-select3 {
        position: relative;
        left: -100px;
        width: 21.3rem;
    }

    .button-select6 {
        position: relative;
        left: -160px !important;
        width: 15rem;
    }

    .product-select6 {
        position: relative;
        left: -150px;
        width: 21.5rem !important;
    }

    .down-color1 {
        color: #990000 !important;
    }

    .down-color2 {
        color: #FF0000 !important;
    }

    .down-color3 {
        color: #FF6600 !important;
    }

    .down-color4 {
        color: #FFCC00 !important;
    }

    .down-color5 {
        color: #ffff9b !important;
    }

}

@media (max-width: 375px) {
    #head_catalogue {
        background-size: 380vw;
    }

    #head_catalogue .display-4 {
        font-size: 2.5rem;
    }

    .price {
        font-size: .8rem;
        text-align: center;
    }

    .align-buttom {
        text-align: center;
    }

    .loader {
        position: absolute;
        left: 20%;
    }

    .button-select {
        position: relative;
        left: -50px;
    }

    .button-select2 {
        position: relative;
        left: -90px !important;
        width: 17.3rem;
    }

    .button-select3 {
        position: relative;
        left: -113px !important;
        width: 17.3rem;
    }


    .button-select4 {
        position: relative;
        left: -136px !important;
        width: 17.3rem;
    }

    .product-select {
        position: relative;
        left: -50px;
        width: 20rem !important;
    }

    .product-select2 {
        position: relative;
        left: -76px;
        width: 20rem !important;
    }

    .product-select3 {
        position: relative;
        left: -100px;
        width: 20rem;
    }

    .button-select6 {
        position: relative;
        left: -160px !important;
        width: 15rem;
    }

    .product-select6 {
        position: relative;
        left: -150px;
        width: 20.2rem !important;
    }

    .down-color1 {
        color: #990000 !important;
    }

    .down-color2 {
        color: #FF0000 !important;
    }

    .down-color3 {
        color: #FF6600 !important;
    }

    .down-color4 {
        color: #FFCC00 !important;
    }

    .down-color5 {
        color: #ffff9b !important;
    }

}

@media (max-width: 360px) {
    #head_catalogue {
        background-size: 380vw;
    }

    #head_catalogue .display-4 {
        font-size: 2.5rem;
    }

    .price {
        font-size: .8rem;
        text-align: center;
    }

    .align-buttom {
        text-align: center;
    }

    .loader {
        position: absolute;
        left: 20%;
    }

    .button-select {
        position: relative;
        left: -50px;
    }

    .button-select2 {
        position: relative;
        left: -90px !important;
        width: 17.3rem;
    }

    .button-select3 {
        position: relative;
        left: -113px !important;
        width: 17.3rem;
    }


    .button-select4 {
        position: relative;
        left: -136px !important;
        width: 17.3rem;
    }

    .product-select {
        position: relative;
        left: -50px;
        width: 19rem !important;
    }

    .product-select2 {
        position: relative;
        left: -76px;
        width: 19.3rem !important;
    }

    .product-select3 {
        position: relative;
        left: -100px;
        width: 19rem;
    }

    .button-select6 {
        position: relative;
        left: -160px !important;
        width: 15rem;
    }

    .product-select6 {
        position: relative;
        left: -150px;
        width: 19.4rem !important;
    }

    .down-color1 {
        color: #990000 !important;
    }

    .down-color2 {
        color: #FF0000 !important;
    }

    .down-color3 {
        color: #FF6600 !important;
    }

    .down-color4 {
        color: #FFCC00 !important;
    }

    .down-color5 {
        color: #ffff9b !important;
    }

}

@media (max-width: 320px) {
    #head_catalogue {
        background-size: 430vw;
    }

    #head_catalogue .display-4 {
        font-size: 2.2rem;
    }

    .price {
        font-size: .8rem;
        text-align: center;
    }

    .align-buttom {
        text-align: center;
    }

    .loader {
        position: relative;
        left: 20%;
    }


    .button-select {
        position: relative;
        left: -50px;
        width: 17.3rem;
    }

    .button-select2 {
        position: relative;
        left: -90px !important;
        width: 19rem;

    }

    .button-select3 {
        position: relative;
        left: -113px !important;
        width: 17.3rem;
    }

    .button-select4 {
        position: relative;
        left: -136px !important;
        width: 17.3rem;
    }

    .product-select {
        position: relative;
        left: -50px;
        width: 17.3rem;
    }

    .product-select2 {
        position: relative;
        left: -76px;
        width: 17.5rem;
    }

    .product-select3 {
        position: relative;
        left: -100px;
        width: 17.5rem;
    }

    .button-select6 {
        position: relative;
        left: -160px !important;
        width: 15rem;
    }

    .product-select6 {
        position: relative;
        left: -150px;
        width: 17.6rem;
    }

    .down-color1 {
        color: #990000 !important;
    }

    .down-color2 {
        color: #FF0000 !important;
    }

    .down-color3 {
        color: #FF6600 !important;
    }

    .down-color4 {
        color: #FFCC00 !important;
    }

    .down-color5 {
        color: #ffff9b !important;
    }
        
}

@media (max-width: 280px) {
    #head_catalogue {
        background-size: 485vw;
    }

    #head_catalogue .display-3 {
        font-size: 2.2rem;
    }

    .price {
        font-size: .8rem;
        text-align: center;
    }

    .align-buttom {
        text-align: center;
    }

    .loader {
       position: relative;
       top: 20%;
    }

    .button-select{
        position: relative;
        left: -50px;
        width: 17.3rem;
    }

    .product-select{
        position: relative;
        left: -50px;
        width: 14.5rem;
    }

    .button-select2 {
        position: relative;
        left: -90px !important;
        width: 17.3rem;
    }

    .button-select3 {
        position: relative;
        left: -113px !important;
        width: 17.3rem;
    }

    .button-select4 {
        position: relative;
        left: -136px !important;
        width: 17.3rem;
    }

    .product-select2 {
        position: relative;
        left: -76px;
        width: 15rem;
    }

    .product-select3 {
        position: relative;
        left: -100px;
        width: 15rem;
    }

    .button-select6 {
        position: relative;
        left: -160px !important;
        width: 15rem;
    }

    .product-select6 {
        position: relative;
        left: -150px;
        width: 15rem;
    }

    .down-color1 {
        color: #990000 !important;
    }

    .down-color2 {
        color: #FF0000 !important;
    }

    .down-color3 {
        color: #FF6600 !important;
    }

    .down-color4 {
        color: #FFCC00 !important;
    }

    .down-color5 {
        color: #ffff9b !important;
    }

}

#body_catalogue {
    padding: 0 0 40px 0;
    position: relative;
    background-color: rgb(70, 12, 11);
}

.triangulo9 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 220px;
    border-left: 51px solid transparent;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    background: url("../img/PNGs/1.png") center top no-repeat;
    z-index: 1;
}

.mobile-nav-toggle {
    position: absolute;
}

.text-red{
    color:rgb(70, 12, 11) !important;
}

.text-red2 {
    color: rgb(218, 40, 39) !important;
}

.nav-menu a,
.nav-menu .active>a,
.nav-menu li:hover>a {
    color: rgb(218, 40, 39);
}

.card-header2 {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent !important;
    border-bottom: 3px solid rgb(172, 34, 32);
}

.card2 {
    background-color: transparent !important;
    border: 0;
    border-radius: 0;
}

.card-body2 {
  background-color: rgb(196, 41, 39);
}

.card-body3 {
    background-color:#fff;
}

.card-header3 {
    padding: .5rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent !important;
    border-bottom: 0;
}

p {
    font-family: 'SFUIDisplay-Heavy';
    font-weight: normal;
    font-style: normal;
    font-size: 0.9rem;
}

.form-control2 {
    background-color: white;
    border: 1px solid rgb(70, 12, 12);
    color: rgb(93, 45, 45);
    font-size: 0.8rem !important;
    margin: 0;
    border-radius: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
}

.form-control2:focus {
    background-color: white;
    border: 1px solid rgb(70, 12, 12);
    color: rgb(93, 45, 45);
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.form-control2:disabled,
.form-control2[readonly] {
    background-color: white;
    border: 1px solid rgb(70, 12, 12);
    color: rgb(93, 45, 45);
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.border-bottom{
    border-bottom: 1px solid #000;
}

.btn:focus {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.btn:hover {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.login-text {
    color: white;
    font-size: 0.6rem !important;
}

  .cart-product {
      position: absolute;
      top: 11.4px;
      left: 65%;
      font-size: 0.6rem;
      font-weight: 900;
      color: rgb(204, 120, 11);
      text-shadow: 3px 1px 1px 2px black;
  }