@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
    font-family: 'Outfit', sans-serif;
    /*src: url('/font/Futura-Book-font.ttf') format('truetype');*/
    /*font-weight: 500;*/
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calluna-It';
    src: url('/font/Calluna-It.otf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


body , *{
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
    padding: 0;
    font-weight: 300;
}

h2 {
    font-family: 'Outfit', sans-serif;
}

.sombra {
    /*display: grid;*/
    /*flex-flow:wrap;*/
    box-shadow: 1px 1px 5px 5px #dedede;
    /*margin: auto;*/
    /*padding: 2rem;*/
    /*margin-top: 2%;*/
    /*margin-left: 1%;*/
}

/*ANIMACION CINCHITO*/

/*.navbar {*/
/*    top: 33px !important;*/
/*}*/

.overlap-container {
    position: relative !important;
}

.overlap-content {
    background-color: white !important;
    bottom: -40px !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: absolute !important;
    width: 80% !important;
}

.img-responsive {
    display: inline-block;
}

.athletes-section-background {
    background-color: #F9F9F9;
}

.pagewide {
    height: 33px !important;
}

.promo-background {
    background-color: rgb(249, 3, 3)
}

.text-monto-descuento {
    color: #EF3340 !important;
}

.tipo-descuento-background{
    position: relative;
    top: -22px;
    background-color: #EF3340 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    font-size: 15px !important;
}

.animacion-promo {
    background: 50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom, rgb(255, 255, 255), transparent, transparent);
    -webkit-background-clip: text;
    background-clip: text;
    color: rgb(239, 236, 236);
    font-weight: bold;
    line-height: 33px;
    height: 35px;
    font-size: 15px;
    font-family: "Source Sans Pro", sans-serif;
    -webkit-animation: reveal infinite 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
    animation: reveal infinite 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
}
@-webkit-keyframes reveal {
    80% {
        letter-spacing: 2px;
    }
    10% {
        background-size: 30% 30%;
    }
}
@keyframes reveal {
    80% {
        letter-spacing: 2px;
    }
    10% {
        background-size: 30% 30%;
    }
}
@-webkit-keyframes glow {
    40% {
        text-shadow: 0 0 3px rgb(255, 255, 255);
    }
}
@keyframes glow {
    20% {
        text-shadow: 0 0 3px rgb(255, 255, 255);
    }
}
/*FIN ANIMACION CINCHITO*/

.link-style-ironwrx {
    text-decoration: underline;
}

.link-no-style:hover {
    text-decoration: none;
    color: black;
}

.link-no-style:visited {
    text-decoration: none;
    color: black;
}

.link-no-style:active {
    text-decoration: none;
    color: black;
}

.link-no-style:link {
    text-decoration: none;
    color: black;
}

.cursor-iron {
    cursor: pointer;
}

.goal-color-link {
    margin-right: 15px !important;
    margin-left: 15px !important;
    /*border-radius: 40.0714px;*/
}

.btn, .form-control {
    border-radius: 10px !important;
}

.btn {
    font-family: 'Outfit', sans-serif !important;
    font-weight: bold !important;
}



.img-hover-ironwrx:hover {
    width: 80%;
    transition-duration: 500ms;
}

.element-absolute-end {
    position: absolute;
    bottom: 10px;
}

.caracteristic-font-ironwrx {
    font-size: 10.24px;
    font-weight: 700;
}

.sticky-product-ironwrx {
    color: white;
    height: 55px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 85px;
    z-index: 1000;
}

.sticky-product-ironwrx p {
    line-height: 55px;
}

.heavy-font {
   font-weight: 800;
}

.medium-weight-ironwrx {
    font-weight: 700 !important;
}

.text-active {
    font-weight: 700;
}

.text-muted {
    color: rgba(0,0,0,0.8);
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #6e6c6c;
    position: absolute;
    right: -15px;
    z-index: 200;
    bottom: -5px;
}


.font-medium-size {
    font-size: 16px;
}

.font-large-size {
    font-size: 20px;
}

.font-extra-large-size {
    font-size: 30px;
}

.font-small-size {
    font-size: 12px;
}

.black-links-no-slyles:link{
    color: black;
    text-decoration: underline;
}

.text-black {
    color: black;
}

.text-light-ironwrx {
    font-family: 'Outfit', sans-serif;
    font-weight: 300 !important;
}

/*.caption-ironworx-slides .carousel-caption {*/
/*    width: 100% !important;*/
/*    left: 0;*/
/*}*/

.ironwrx-carousel-indicators {
    position: absolute;
    height: 50px;
    width: 200px;
    left: 50%;
}
.ironwrx-carousel-indicators .indicators {
    position: relative;
    height: 50px;
    width: 200px;
    left: -50%;
    /*background-color: gray;*/
}

#three-categories-icon-1 {
    background-image: url(img/category-1.svg);

}
#three-categories-icon-2 {
    background-image: url(img/category-2.svg);

}
#three-categories-icon-3 {
    background-image: url(img/category-3.svg);

}

.icon-social-media-ironwrx-instagram {
    background-image: url(img/instagram.svg);

}
.icon-social-media-ironwrx-facebook {
    background-image: url(img/facebook.svg);

}
.icon-social-media-ironwrx-tiktok {
    background-image: url(img/tiktok.svg);

}

.icon-flecha-arriba-ironwrx{
    background-image: url(img/flecha-arriba.svg);
    display: block;
    /*background: no-repeat 50% / 100% 100%;*/
    width: 20px;
    height: 20px;

}

.icon-ironwrx {
    display: inline-block;
    background: no-repeat 50% / 100% 100%;
}

.icon-ironwrx-2 {
    display: inline-block;
}

.icon-ironwrx-sm {
    width: 36px;
    height: 36px;
}

.whatsapp-button-ironwrx {
    background-color: #5C973B !important;
}

.icon-ironwrx-lg {
    width: 50px;
    height: 50px;
}

#returnToTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #000000; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 100%; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#returnToTop:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

/*PERSONALIZACIONES BOOTSTRAP*/

.button-margin-top-no-label {
    margin-top: 32px !important;
}

.custom-select {
    border-radius: 0 !important;
}

.rating-small-ironwrx span span svg {
    width: 0.7em;
}

label {
    font-weight: 700;
}

.p-ironworx {
    font-weight: 300 !important;
}

.indicators .carousel-control-prev-icon {
    background-image: url(img/left-arrow.svg);
}

.indicators .carousel-control-next-icon {
    background-image: url(img/right-arrow.svg);
}

.carousel-control-prev-icon {
    background-image: url(img/arrow-prev.svg) !important;
    width: 35px !important;
    height: 35px !important;
}

.carousel-control-next-icon {
    background-image: url(img/arrow-next.svg) !important;
    width: 35px !important;
    height: 35px !important;
}



.titulo-productos {
    font-size: 39.06px !important;
}

.light-font {
    /*font-family: Futura-light, "Lucida Console", monospace, sans-serif;*/
    font-size: 16px;
}

.line-top {
    height: 65px;
    background: black;
}

.slider-titles {
    /*font-family: FuturaDemiC, "Lucida Console", monospace, sans-serif;*/
    /*font-family: Outfit;*/
    font-size: 2rem;
    font-weight: 500;
}
.slider-team {
    /*font-family: FuturaDemiC, "Lucida Console", monospace, sans-serif;*/
    /*font-family: Outfit;*/
    font-size: 1.5rem;
    font-weight: 500;
    position: absolute;
    margin-top: -20px;
    top: 68%;
    left: -15%;
}

.right-combo {
    border-radius: 0px 30px 30px 0px  !important;
    background-color: #070603 !important;
}

.right-combo p {
    color: white !important;
    font-size: 20px;
}

.right-combo span {
    color: white !important;
    font-weight: bold;
    font-size: 50px;
}

.down-combo {
    border-radius: 0px 0px 10px 10px  !important;
    margin-top: -16px;
    padding-top: -30px;
    margin-right: 2%;
}

.down-combo p {
    color: white !important;
    font-size: 35px;
    font-weight: bold;
}
.titulo-propiedades{
    font-weight: bold;
    font-size: 19px;
}
.titulo-descripcion{

}
.titulo-contenido{
    font-size: 35px;
    font-weight: bold;
}

.left-combo img {
    margin-top: -40px !important;
}

.left-combo {
    border-radius: 30px 0px 0px 30px !important;
}

.left-combo  h2 {
    font-size: 50px !important;
}


.slider-parrafos {
    /*font-family: FuturaDemiC, "Lucida Console", monospace, sans-serif;*/
    /*font-family: Outfit;*/
    font-size: 1.5rem;
    font-weight: 300;
    position: absolute;
    top: 87%;
    left: -15%;
}


.slider-subtitles {
    font-family: Calluna-It, "Lucida Console", monospace, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
}

.border-bottom-boxes {
    border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.border-right-boxes-dark {
    border: 0; border-right: 1px solid rgba(0, 0, 0, 0.6);
}
.border-right-boxes {
    border: 0; border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.background-gray-ironwrx {
    background-color: #D6D8DB !important;
}

.background-gray-dark-ironwrx {
    background-color: #999999 !important;
}

.background-red-ironwrx {
    background-color: #FF5000 !important;
}

.border-radius-detalle-top {
    border-top-right-radius: 3px;
}

.border-radius-detalle-bottom {
    border-bottom-right-radius: 3px;
}



.img-full-height {
    min-height: 150px;
}

.hr-background-dark {
    background-color: rgba(0, 0, 0, 0.6);
}

.border-ironwrx-dark-color {
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
}

#navbar-ironwrx {
    background-color: #000000 !important;
    /*max-height: 84px;*/
    /*top: -0.25px !important;*/
   /* min-height: 40px;*/
}

@media only screen and (max-width: 576px) {

    .precio{
        font-size: 25px !important;
    }

    .imagen-instagram{
        width: 350px !important;
        height: 350px !important;
    }

    .sticky-product-ironwrx {
        color: white;
        height: 80px;
    }

    .sticky-product-ironwrx p {
        font-size: 16px;
        line-height: 20px;
    }

    .slider-titles {
        font-size: 1.5rem;
    }
    .slider-team {
        font-size: 1rem;
        transform: translate(0%, 85%);
    }
    .right-combo {
        border-radius: 0px 0px 30px 30px  !important;
        background-color: #070603 !important;
    }

    .right-combo p {
        color: white !important;
        font-size: 20px;
    }

    .right-combo span {
        color: white !important;
        font-weight: bold;
        font-size: 50px;
    }
    .down-combo {
        border-radius: 0px 0px 10px 10px  !important;
        margin-top: -16px;
        padding-top: -30px;
    }

    .down-combo p {
        color: white !important;
        font-size: 17px;
        font-weight: bold;
    }

    .down-combo h6 {
        color: white !important;
        font-size: 10px;
        font-weight: bold;
    }

    .left-combo img {
        margin-top: -40px !important;
    }

    .left-combo {
        border-radius: 30px 30px 0px 0px !important;
    }

    .left-combo  h2 {
        font-size: 50px !important;
    }
    .slider-atleta {
        font-size: 1rem;
        transform: translate(0%, 85%);
    }
    .slider-parrafos {
        font-size: 0.5rem;
        transform: translate(0%, 140%);
    }

    .slider-subtitles {
        font-size: 1rem;
    }

    .ironwrx-carousel-indicators {
        width: 90px;
    }

    .ironwrx-carousel-indicators .indicators {
        width: 90px;
    }

    .row {
        margin: auto !important;
    }
    .titulo-propiedades{
        font-size: 13px;
        font-weight: bold;
    }
    .titulo-descripcion{
        font-size: 23px;
    }
    .titulo-contenido{
        font-size: 23px;
        font-weight: bold;
    }

}
@media only screen and (max-width: 991px) {

    .carousel-control-prev, .carousel-control-next {
        width: 6.5% !important;
    }

    .precio{
        font-family: 'Outfit', sans-serif !important;
        font-size: 39px;
        font-weight: 700;
    }

    .imagen-instagram{
        width: 350px !important;
        height: 350px !important;
    }
    .sticky-product-ironwrx {
        top: 75px;
    }
    .navbar-nav-ironwrx {
        flex-direction: row !important;
    }
    .navbar-nav-ironwrx li{
        padding-left: 10px !important;
    }
}
    #telefono {
        margin-top: 45px !important;
    }

    .logo-principal-ironwrx {
        height: 50px;
    }

@media only screen and (min-width: 992px) {
    .precio{
        font-family: 'Outfit', sans-serif !important;
        font-size: 39px;
        font-weight: 700;
    }
    .imagen-instagram{
        width: 350px !important;
        height: 350px !important;
    }
    .mt-lg-10-ironwrx {
        margin-top: 6rem !important;
    }
    .top-page {
        margin-top: -65px !important;
    }
    .bg-dark-ironwrx {
        background-color: rgba(0,0,0,0.0) !important;
        border-bottom: solid 1px gray !important;
        margin-top: -1px !important;
        color: rgba(255, 255, 255, 1) !important;
    }

    .bg-dark-ironwrx .navbar-collapse {
        max-height: 84px;
        min-height: 74px;
    }

    .carousel-control-prev, .carousel-control-next {
        width: 6.5% !important;
    }

    .bg-dark-ironwrx .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 1) !important;
        margin-left: 2px;
    }

    .scrolled {
        background-color: rgba(255,255,255,1) !important;
        color: rgba(0, 0, 0, 1) !important;
    }

    .navbar-dark.scrolled .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 1) !important;
        margin-left: 2px;
    }

    .slider-titles {
        /*font-family: FuturaDemiC, "Lucida Console", monospace, sans-serif;*/
        font-size: 76.29px;
        font-weight: 800;
    }
    .slider-team {
        /*font-family: FuturaDemiC, "Lucida Console", monospace, sans-serif;*/
        font-size: 76.29px;
        font-weight: 800;
    }


    .slider-atleta {
        /*font-family: FuturaDemiC, "Lucida Console", monospace, sans-serif;*/
        font-size: 76.29px;
        font-weight: 800;
    }
    .slider-parrafos {
        /*font-family: FuturaDemiC, "Lucida Console", monospace, sans-serif;*/
        font-size: 45px;
        font-weight: 200;
    }

    .slider-subtitles {
        font-family: Calluna-It, "Lucida Console", monospace, sans-serif;
        font-weight: 400;
        font-size: 25px;
    }

    .carousel-caption {
        height: 100% !important;
    }

    .no-border-radius {
        border-radius: 0px !important;
    }

}

/*.carousel-item {*/

/*    position:relative;*/
/*    display:inline-block;*/

/*    !*background: linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 100%, rgba(0, 0, 0, 0) 100%) !important;*!*/
/*    !*mix-blend-mode: multiply !important;*!*/
/*}*/

/*.carousel-item {*/
/*    background: radial-gradient(50% 50% at 50% 50%, #000000 0%, rgba(0, 0, 0, 0) 100%);*/
/*    mix-blend-mode: multiply;*/
/*}*/


.vert .carousel-item:before {
    content:'';
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    display:inline-block;
    /*background: -moz-linear-gradient(180deg, #000000 0%,  rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* FF3.6+ *!*/
    /*!*background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0))); !* Chrome,Safari4+ *!*!*/
    /*background: -webkit-linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(180deg, #000000 0%,  rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* Opera 11.10+ *!*/
    /*background: -ms-linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* IE10+ *!*/
    /*background: linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 100%, rgba(0, 0, 0, 0) 100%); !* W3C *!*/

    background: linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 100%);
}

.vert .carousel-item img{
    display:block;
}

.teams-carousel .carousel-item:before {
    content:'';
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    display:inline-block;
    /*background: -moz-linear-gradient(180deg, #000000 0%,  rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* FF3.6+ *!*/
    /*!*background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0))); !* Chrome,Safari4+ *!*!*/
    /*background: -webkit-linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(180deg, #000000 0%,  rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* Opera 11.10+ *!*/
    /*background: -ms-linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* IE10+ *!*/

    background: linear-gradient(0deg, #000000 0%, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, 0) 100%);
}

.teams-carousel .carousel-item img{
    display:block;
}

.atleta-carousel .carousel-item:before {
    content:'';
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    display:inline-block;
    /*background: -moz-linear-gradient(180deg, #000000 0%,  rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* FF3.6+ *!*/
    /*!*background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0))); !* Chrome,Safari4+ *!*!*/
    /*background: -webkit-linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(180deg, #000000 0%,  rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* Opera 11.10+ *!*/
    /*background: -ms-linear-gradient(180deg, #000000 0%, rgba(255, 255, 255, 0) 100%, rgba(0,0,0,0) 100%); !* IE10+ *!*/

    background: linear-gradient(45deg, #000000 0%, rgba(255, 255, 255, 0) 70%, rgba(0, 0, 0, 0) 100%);
}

.atleta-carousel .carousel-item img{
    display:block;
}


/*------------------------------- vertical carousel indicators ------------------------------*/
/*.vert .carousel-indicators{
    position:absolute;
    top:0;
    bottom:0;
    left: 60% !important;
    margin:auto;
    margin-right: -50px !important;
    height:20px;
    right:10px;
    width:auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.vert .carousel-indicators li{
    display:block;
    margin-bottom:5px;
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
    margin-right: 11px !important;
}*/

.carousel-indicators .active {
    /*background-color: black;*/
}
.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
    /*background-color: gray !important;*/
}
/*.carousel-indicators {
    bottom: -50px !important;
}*/

/*------------------------------ vertical bootstrap slider----------------------------*/

 /*.vert .carousel-item.carousel-item-next ,
 .vert .carousel-item.active.carousel-item-right{
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);  top: 0;

}
.vert .carousel-item.carousel-item-prev ,
.vert .carousel-item.active.carousel-item-left{
    transform: translate3d(0,-100%, 0);
    -webkit-transform: translate3d(0,-100%, 0);
    -moz-transform: translate3d(0,-100%, 0);
    -ms-transform: translate3d(0,-100%, 0);
    -o-transform: translate3d(0,-100%, 0); top: 0;

}

.vert .carousel-item.carousel-item-prev.carousel-item-right ,
.vert .carousel-item.active{
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0); top:0;

}


.vert .carousel-item-next.carousel-item-left {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}*/

/*ANIMATION*/
figure {
    position: absolute;
    margin: auto;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 6.250em; height: 6.250em;
    animation: rotate 2.4s linear infinite;
}
.white {
    top: 0; bottom: 0; left: 0; right: 0;
    background: white;
    animation: flash 2.4s linear infinite;
    opacity: 0;
}
.dot {
    position: absolute;
    margin: auto;
    width: 2.4em; height: 2.4em;
    border-radius: 100%;
    transition: all 1s ease;
}
.dot:nth-child(2) { top: 0; bottom: 0; left: 0; background: #CE0058; animation: dotsY 2.4s linear infinite; }
.dot:nth-child(3) { left: 0; right: 0; top: 0; background: #FF6900; animation: dotsX 2.4s linear infinite; }
.dot:nth-child(4) { top: 0; bottom: 0; right: 0; background: #CEDC00; animation: dotsY 2.4s linear infinite; }
.dot:nth-child(5) { left: 0; right: 0; bottom: 0; background: #00B5E2; animation: dotsX 2.4s linear infinite; }

@keyframes rotate {
    0% { transform: rotate( 0 ); }
    10% { width: 6.250em; height: 6.250em; }
    66% { width: 2.4em; height: 2.4em; }
    100%{ transform: rotate(360deg); width: 6.250em; height: 6.250em; }
}

@keyframes dotsY {
    66% { opacity: .1; width: 2.4em; }
    77%{ opacity: 1; width: 0; }
}
@keyframes dotsX {
    66% { opacity: .1; height: 2.4em;}
    77%{ opacity: 1; height: 0; }
}

@keyframes flash {
    33% { opacity: 0; border-radius: 0%; }
    55%{ opacity: .6; border-radius: 100%; }
    66%{ opacity: 0; }
}

.loader-overlay {
    background-color: #000000;
    height: 100%;
    width: 100%;
    transition: opacity .5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
}

.loader-container {
    height: 300px;
    width: 300px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.loader-container figure {
    margin: auto;
}

/*Carousel producto*/

#carousel-1-producto___BV_indicators_ {
    /*z-index: 60;*/
    bottom: -80px !important;
}
#carousel-1-producto___BV_indicators_ li {
    background-color: black !important;
    border: 1px solid black !important;
}

.rounded-lg {
    font-family: 'Outfit', sans-serif !important;
    font-weight: bold !important;
}

.btn-nav {
    margin-right: 5px !important;
    background-color: #000000 !important;
    outline: #D6D8DB;
    border: 2px solid white !important;
    font-family: 'Outfit', sans-serif !important;
}

.btn-dark{
    font-family: 'Outfit', sans-serif;
    font-weight: bold !important;
    font-family: 'Outfit', sans-serif !important;
}

.titulo{
    font-size: 39.06px !important;
    font-weight: 900 !important;
}

.accordion {
    margin-top: 40px;
}
.accordion .card {
    border: none;
    margin-bottom: 20px;
}
.accordion .card h2 {
    background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;
    background-size: 20px;
    cursor: pointer;
    font-size: 18px;
}
.accordion .card h2.collapsed {
    background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
}
.accordion .card-body {
    padding-left: 0;
    padding-right: 0;
}

.accordion .card .card-body ol li{
    display: list-item !important;
    list-style-position: inside !important;
}

.contenido-detalle{
    display:flex;
    flex-direction: column;
}

.contenido-derecha {
    overflow-y: auto;
    height: 700px;
}

.active .bs-stepper-circle {
    background-color: #111519 !important;
}