/**
*   MODAL QUICK VIEW
 */
.quick-content {
    position: relative;
}

.quick-content .contain {
    width: 100%;
    height: 90%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 8% 10% 8% 4%;
    letter-spacing: 2px;
}


.quick-content .contain h2 {
    font-family: 'Montserrat-BoldItalic';
}

.quick-content .contain h3 {
    color: var(--primary-color);
    font-size: 2.5rem;
    font-weight: bold;
    font-family: 'Montserrat-BlackItalic';
    margin-bottom: 1rem;
}

.quick-content .contain .PI-title {
    color: var(--barely-black);
    font-size: 4rem;
    font-weight: bolder;
    margin: 0;
    margin-bottom: 1rem;
    font-family: 'Montserrat-BoldItalic';
}

.quick-content .contain h4 {
    color: var(--barely-gray);
    font-size: 26px;
    margin: 1% 0;
}

.optionsContainer-movil {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
}

.optionsContainer-movil h4 {
    text-align: center;
}

.optionsContainer {
    display: flex;
    flex-wrap: wrap;
}

.color {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    border-radius: 50%;
    border: 2px #9e9e9e solid;
}

.color.active {
    border: 2px solid #401ad6;
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
}

.option {
    color: white;
    background-color: #7c7c7c;
    border: 1px solid #7c7c7c;
    padding: 0.5% 1.5%;
    border-radius: 50px;
    font-size: 1.2rem;
    margin-right: 1%;
    padding: 1% 2%;
}

.option.active {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.btn-contact-product {
    margin-top: 3rem;
}

.btn-contact-product a {
    font-size: 1.5rem;
}

.btn-contact-product a:hover {
    opacity: 1;
}

.quick-content .contain p {
    text-align: justify;
    color: var(--barely-black);
    font-family: 'Montserrat-Italic' !important;
    font-size: 22px;
    letter-spacing: 0px !important;
}

.quick-content .contain .show-more {
    font-family: 'Montserrat-BoldItalic';
    cursor: pointer;
}

/*#quick-view-modal .quick-content .contain div:nth-child(1){*/
/*    background-color: indianred;*/
/*    width: 100%;*/
/*    height: 10%;*/
/*}*/
.quick-content .quote-btn {
    padding: 0 4%;
    position: absolute;
    /*background-color: indianred;*/
    width: 100%;
    height: 10%;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.quick-content .quote-btn-all {
    position: absolute;
    /*background-color: indianred;*/
    width: 100%;
    height: 10%;
    margin-top: 2%;
}

.quick-content .quote-btn .sty-1 {
    /*top: CALC(50% - 0.75rem);*/
    display: inline;
    vertical-align: super;
}

.sty-1:hover {
    /*top: CALC(50% - 0.75rem);*/
    color: white;
    opacity: 1;
}

.quick-content .quote-btn .social-media {
    display: inline !important;
    margin-left: 5%;
}

.quick-content .delivery {
    /*background-color: #0c4128;*/
    width: 100%;
    height: 10%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
}

.quick-content .delivery p {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-family: sans-serif;
    font-size: 25px;
    color: #525252;
    font-weight: bold;
}

.delivery-icon {
    content: '';
    display: inline-block;
    height: 35px;
    width: 35px;
    background-size: 35px !important;
    margin-right: 20px;
    vertical-align: middle;
}

#product-presentation {
    display: flex;
    position: relative;
}

.gal {
    width: 50%;
    /*height: 100vh;*/
    /*height: 200vh;*/
    /*background-color: #4f5050;*/
    /* box-shadow: 5px 0 30px 0px rgb(0 0 0 / 14%); */
}

.quote-section.fixed-active {
    position: absolute !important;
    bottom: 0 !important;
}

.quote-section {
    /*background-color: red;*/
    width: 50%;
    height: 100vh;
    max-height: 100vh;
    /* position: absolute !important;
    bottom: 0 !important;
    right: 0; */
}

.contain-data-product {
    border-bottom: 1px solid #00000024;
    padding: 5%;
    height: fit-content;
}

.quick-content .contain {
    height: 100% !important;
}

.quick-content .delivery {
    height: 25% !important;
}

#product-presentation .quick-content .quote-btn {
    height: 20% !important;
    text-align: center;
}

#product-presentation .quick-content {
    width: 100% !important;
}

#product-presentation .quick-content .contain {
    padding: 8% 6% 8% 6% !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '\BB' !important;
}

.imgTypethumbs {
    height: 100%;
}

.imgType1 {
    height: calc(80vh - 185px);
}

.imgType1,
.imgType2 {
    display: flex;
}


.imgType2-container {
    width: 100%;
}

.imgType1-container {
    /*width: 50%;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    /*background: radial-gradient(ellipse farthest-corner at 50% 50%, rgba(255,255,255,.75) 50%, rgba(144,144,144,.75) 130%);*/
}

.imgType1-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    /* object-fit: cover; */
    position: relative;
    z-index: 989;

}

.imgType1-container-thumbs {
    width: 100%;
    height: 100%;
    padding: 5% 5%;
}

.imgType1-container-thumbs img {
    height: 100% !important;
    object-fit: contain;
    padding: 2%;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.imgType2-container img {
    width: 100%;
    position: relative;
}

/**
*    START OF GALERY BEFORE
 */
.imgType1 .imgType1-container.bgBefore1::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background-color: RED;*/
    background: radial-gradient(ellipse farthest-corner at 30% 30%, rgba(255, 255, 255, .75) 50%, rgba(144, 144, 144, .95) 100%);
    /*transform: rotate(50deg);*/
}

.imgType1 .imgType1-container.bgBefore2::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background-color: BLUE;*/
    background: radial-gradient(ellipse farthest-corner at 50% 50%, rgba(255, 255, 255, .75) 50%, rgba(144, 144, 144, .75) 130%);
    /*transform: rotate(50deg);*/
}

.swiper-pagination2>.swiper-pagination-bullet {
    background-color: #124a94;
    opacity: .6 !important;
    width: 11px !important;
    height: 11px !important;
    margin-left: 5px !important;
}

.swiper-pagination2>.swiper-pagination-bullet-active {
    background-color: #000000 !important;
    opacity: 1 !important;
    width: 15px !important;
    height: 15px !important;
}

.gallery-product-images {
    height: 73vh;
    padding: 3% 0%;
}

.gallery-product-thumbs {
    height: 15vh;
    margin: 0% 20% !important;
    padding: 2% 0%;
}

.gallery-product-thumbs .swiper-slide-thumb-active .swiper-img img {
    box-shadow: #440099ad 0px 0px 15px;
}

.swiper-button-next,
.swiper-button-prev {
    color: black !important;
}

/**
*   FINAL DE GALERY BEFORE
 */
/*.imgType1:nth-child(2) > .imgType1-container::before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background-color: red;*/
/*    !*background: radial-gradient(ellipse farthest-corner at 50% 50%, rgba(255,255,255,.75) 50%, rgba(144,144,144,.75) 130%);*!*/
/*    !*transform: rotate(50deg);*!*/
/*}*/

/**
*   info container
 */

#product-info .inner-container {
    /*height: 85vh;*/
    height: fit-content;
    margin: 2% 10% 10% 10%;
    display: flex;
}

#product-info .inner-container h2 {
    text-align: left;
    font-weight: bolder;
    padding: 2rem 0 0 2rem !important;
    color: #8B0000;
}

#product-info .inner-container .content {
    /*background-color: #0dcaf0;*/
    /* border-right: 2px solid var(--border-primary); */
    width: fit-content;
    /*height: 100%;*/
    padding: 2rem !important;
}

#product-info .inner-container .content p {
    font-size: 28px;
    font-family: sans-serif;
    color: #000000;
    text-align: justify;
}

#product-info .inner-container .specs,
#product-info .inner-container .description,
#product-info .inner-container .specTech {
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    display: none;
}

#product-info .inner-container .specTech table {
    width: 48%;
    font-size: 1.2rem;
    margin-right: 2%;
}

#product-info .inner-container .specTech table tr {
    border-bottom: 1px solid var(--primary-color);
}

#product-info .inner-container .specTech table th {
    font-weight: bold;
    padding: 0.5rem;
}

#product-info .inner-container .description .inner-collapse {
    width: 100%;
}

.resources {
    cursor: pointer;
    border: #124a94 1px solid;
    width: fit-content !important;
    border-radius: 20px;
    padding: 5px;
    color: #124a94;
}

#product-info .inner-container .specs ul {
    padding: 0;
    margin: 0;
}

#product-info .inner-container .specs ul li {
    list-style: none;
    /*background-color: coral;*/
    padding: 2% 0;
    position: relative;
    overflow: hidden;
    border-bottom: solid 1px #CCC;
    cursor: pointer;
}

#product-info .inner-container .specs ul li:nth-child(1) {
    border-top: solid 1px #CCC;
}

#product-info .inner-container .specs ul li p {
    text-transform: capitalize;
}

#product-info .inner-container .specs ul li.collapsed:after {
    transform: rotateZ(270deg);
}

#product-info .inner-container .specs ul li:after {
    content: '';
    width: 25%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    /*background-color: violet;*/
    background-image: url("/public_assets/images/icons/ic_arrow2_red.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35% 35%;
    transform: rotateZ(90deg);
}

#product-info .inner-container .specs {
    flex-wrap: wrap;
    justify-content: center;
}

.spec {
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 10%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    padding: 1rem;
    margin: 2.5%;
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    border-radius: 30px;
}

.titulo-spec {
    text-align: center;
    width: 100%;
    font-family: 'Montserrat-BoldItalic';
    color: var(--primary-color);
}

.titulo-spec h3 {
    font-weight: bold;
}

.description-spec {
    text-align: justify;
    width: 70%;
    padding: 1rem;
}

.image-spec {
    width: 30%;
    padding: 1rem;
    height: 15vh;
}

.img-spec {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#product-info {
    margin-top: 5vh !important;
}

.tabs-list {
    font-family: 'Montserrat-BoldItalic';
    display: flex;
    justify-content: center;
    z-index: 1;
    position: relative;
}

.tab {
    list-style: none;
    cursor: pointer;
    margin: 0px 3rem 0 3rem;
    font-weight: bolder;
    color: var(--primary-color50);
    /* color: #8B0000; */
}

.tab.active {
    color: var(--primary-color);
    border-bottom: var(--primary-color) 1px solid;
}

.scripts-container {
    width: 80%;
    text-align: center;
}

.scripts {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.script {
    margin: 2%;
    width: 45%;
}

.documents-container {
    width: 20%;
    text-align: center;
}

.doc {
    text-align: center;
    margin: 2%;
}

.doc img {
    width: 40%;
}

.collapse.show {
    display: flex;
    flex-wrap: wrap;
}

/**
*   main features section
 */
.title-secondary {
    font-family: 'Montserrat-BoldItalic';
    color: var(--primary-color);
    margin-bottom: 3rem !important;
}

.main-feature {
    display: flex;
    /*background-color: #1a1e21;*/
}

.main-feature .info {
    /*background-color: indianred;*/
    width: 60%;
}

.main-feature .info p {
    margin-bottom: 20px;
    text-align: justify;
}

.main-feature .info h3 {
    font-family: "Segoe UI";
    font-weight: bold;
    font-size: 1.3rem !important;
    color: #343a40;
}

.main-feature .info .info-icon {
    position: relative;
}

.main-feature .info img {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-100%, -50%);
}

.main-feature .ilustration {
    /*background-color: palevioletred;*/
    width: 40%;
}

.main-feature .ilustration img {
    width: 100%;
}

.swiper-img {
    width: 100%;
    height: 100%;
    color: #f0f0f0;
}

.swiper-img img {
    width: 95%;
    height: 86%;
}

.swiper-img h4 {
    font-size: 1.2rem !important;
    text-align: left;
    padding-left: 2.5%;
}

.swiper-pagination {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 105% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-pagination>.swiper-pagination-bullet {
    background-color: #F0F0F0 !important;
    opacity: .6 !important;
    width: 11px !important;
    height: 11px !important;
    margin-left: 5px !important;
}

.swiper-pagination>.swiper-pagination-bullet-active {
    background-color: #FFFFFF !important;
    opacity: 1 !important;
    width: 15px !important;
    height: 15px !important;
}

.gallery-product-thumbs .swiper-img img {
    animation: out 400ms ease forwards;
}

.gallery-product-thumbs .swiper-img img:hover {
    animation: in 600ms ease forwards;
    filter: drop-shadow(3px 16px 6px rgba(0, 0, 0, 0.6));
}

@keyframes in {
    from {
        transform: translateY(0%) scale(1);
    }

    to {
        transform: translateY(-10%) scale(1.05);
    }
}

@keyframes out {
    from {
        transform: translateY(-10%) scale(1.05);
    }

    to {
        transform: translateY(0%) scale(1);
    }
}


@media (max-width:1500px) {

    #product-presentation .quick-content .contain {
        padding: 2% 5% 2% 5% !important;
    }

    .quick-content .contain .PI-title {
        font-size: 3rem;
    }

    #product-presentation .quick-content .contain h3 {
        font-size: 2rem;
    }

    .btn-contact-product a {
        font-size: 1.2rem;
    }

    .gallery-product-images {
        height: 69vh;
    }

    .imgType1-container-thumbs img {
        width: 100%;
        padding: 2%;
    }
}


@media (max-width:1200px) {

    #footer .foot-bg .s3 .foot-info .site-map ul,
    .social-media ul {
        margin: 15px !important;
    }
}

@media (max-width:991px) {

    #GG-gal {
        display: flex;
        flex-wrap: wrap;
    }

    .gallery-product-images {
        height: 60vh;
        padding: 0;
    }

    .contain-data-product {
        padding: 0;
    }

    .contain-data-product .btn-contact-product .sty-1 {
        display: block;
        width: 100%;
        text-align: center;
    }

    /* .gallery-product-images {
        width: 80%;
        order: 2;
    } */

    .gallery-product-images{
        padding: 0;
    }

    /* .gallery-product-images .swiper-img {
        width: 80%;
        margin-left: 20%;
    } */

    /* .swiper-button-next,
    .swiper-button-prev {
        display: none;
    } */

    .gallery-product-thumbs {
        display: none;
        position: absolute;
        width: 20%;
        margin: 0% 0% !important;
        height: 35vh;
        padding: 3% 0;
        padding-left: 10%;
    }

    .imgType1-container-thumbs img {
        height: 100% !important;
    }

    #footer .foot-bg .s3 .foot-info .site-map ul,
    .social-media ul {
        margin: 0 !important;
    }

    #product-info .inner-container .specTech table {
        width: 100%;
        margin-right: 0%;
    }

    #product-info .inner-container .specTech table th {
        width: 35%;
    }

    .swiper-img h4 {
        font-size: 0.8rem;
    }

    .ultrasoundSty-1 {
        font-size: 10px;
    }

    #product-presentation {
        flex-wrap: wrap;
    }

    #GG-gal {
        width: 100%;
    }

    .quote-section {
        width: 100%;
        position: relative !important;
        height: 30vh !important;
        margin-top: -5%;
    }

    .quote-section.sumHeigth {
        height: 40vh !important;
    }


    #product-presentation .quick-content .contain {
        padding: 2% 7.5% 2% 7.5% !important;
    }

    .spec {
        width: 95%;
        height: 50vh;
    }

    #product-info .inner-container .content p {
        font-size: 20px;
    }

    .imgType1 {
        height: calc(75vh - 185px);
    }

    .image-spec {
        width: 100%;
        padding: 0;
    }

    .description-spec {
        width: 100%;
        padding: 0;
    }

    #product-info {
        margin-top: -2vh !important;
    }

    /* bloques a mostrarse en tablets/celulares */

    /* .tabs-container, .tabs-list{
        display: none;
    } */

    .mobile-product-info {
        margin: 2% 8% 10% 8%;
        font-family: sans-serif;
    }

    .mobile-product-info h2 {
        font-size: 2rem;
        color: var(--primary-color);
        font-weight: bold;
    }

    .mobile-product-info .descriptionProduct p {
        font-size: 1rem;
        text-align: justify;
    }

    .mobile-product-info .descriptionProduct,
    .mobile-product-info .specsProduct {
        border-bottom: 1px solid #808080bf;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

    .mobile-product-info .technicalProduct table {
        width: 100%;
        font-size: 1rem;
    }

    .mobile-product-info .technicalProduct th {
        padding: 0.5rem;
    }

    .mobile-product-info .technicalProduct tr {
        border-bottom: 1px solid #8915fb;
    }

    .swiperSpecsProduct .swiper-slide {
        padding: 0% 0% 5% 0%;
    }

    .swiper-pagination-specs {
        position: absolute;
        text-align: center;
        z-index: 10;
        top: 95% !important;
    }

    .swiper-pagination-specs>.swiper-pagination-bullet {
        background-color: #000000 !important;
        opacity: .4 !important;
        width: 11px !important;
        height: 11px !important;
        margin-left: 5px !important;

    }

    .swiper-pagination-specs .swiper-pagination-bullet-active {
        opacity: 1 !important;
    }

    #clinicalImages .clinicalImagesContainer {
        align-content: flex-start !important;
    }

    #clinicalImages .clinicalImagesContainer .clinicalImagesRigth {
        height: 70% !important;
    }

}

@media (max-width: 450px) {

    .gallery-product-images {
        height: 50vh;
    }

    .imgType1-container img {
        height: 85%!important;
    }

    .quote-section {
        height: 25vh !important;
    }

    .quote-section.sumHeigth {
        height: 35vh !important;
    }

    .quick-content .contain .PI-title {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .contain-data-product{
        text-align: center;
    }

    .quick-content .contain h2{
        margin-top: 1rem;
        font-size: 1rem;
        text-align: center;
    }

    .quick-content .contain h2{
        margin-top: 1rem;
    }

    .quick-content .contain p {
        font-size: 1.2rem;
    }

    #product-presentation .quick-content .contain h3 {
        font-size: 1rem !important;
    }

    .btn-contact-product {
        margin-top: 1rem;
    }

    .tab {
        margin: 0px 1rem 0 1rem;
    }

    .sty-1 {
        padding: 3%;
    }

    .sty-1 span {
        font-size: 0.8rem;
        padding: 0%;
    }

    .quick-content .delivery p {
        font-size: 15px;
    }

    .delivery-icon {
        height: 25px;
        width: 25px;
        background-size: 25px !important;
    }

    .tabs-list {
        padding: 0;
    }

    .tabs-container h2 {
        font-size: 1rem;
    }

    #product-info .inner-container .content {
        padding: 1rem !important;
    }

    #product-info .inner-container .content p {
        font-size: 1rem;
    }

    .titulo-spec h3 {
        font-size: 1rem;
    }

    .img-spec {
        height: 80%;
    }

    #product-info .inner-container {
        margin: 2vh 5% 5rem 5%;
    }

    .clinicalImagesLeft {
        width: 100% !important;
        height: fit-content !important;
    }

    .swiper-img h4 {
        font-size: 1rem !important;
    }

    .swiper-img h4 {
        font-size: 1rem;
        text-align: center;
    }

    .resources {
        font-size: 1.2rem;
    }

    #product-info .inner-container .description .inner-collapse h3 {
        font-size: 1rem;
    }

    .documents .caption {
        font-size: 0.8rem;
    }

    #product-info .inner-container .specTech table {
        font-size: 0.8rem;
    }

    .color {
        width: 25px;
        height: 25px;
    }

    .optionsContainer h4 {
        font-size: 1rem !important;
    }

    .option {
        font-size: 0.8rem;
        padding: 2% 5%;
    }

    .gallery-product-thumbs {
        padding-left: 5%;
        height: 30vh;
    }

    .mobile-product-info h2 {
        font-size: 1.5rem;
    }

}

@media (max-width: 400px) {
    .gallery-product-images {
        height: 50vh;
    }

    .description-spec p {
        font-size: 1rem !important;
    }

    .quote-section {
        height: 30vh !important;
    }

    .quote-section.sumHeigth {
        height: 40vh !important;
    }
}


@media (max-width: 350px) {
    .gallery-product-images {
        height: 40vh;
    }

    .quote-section {
        height: 50vh !important;
    }

    .quote-section.sumHeigth {
        height: 70vh !important;
    }

    .swiper-img img {
        height: 100% !important;
    }

    .quick-content .contain p {
        font-size: 1rem;
    }

    .tabs-container {
        font-size: 0.6rem;
    }

    .tabs-container h2 {
        font-size: 0.8rem;
    }

    #product-info .inner-container .content p {
        font-size: 0.8rem;
    }

    .color {
        width: 20px;
        height: 20px;
    }

    .sty-1 span {
        font-size: 0.6rem;
        padding: 0%;
    }

    #product-info {
        margin-top: -10vh !important;
    }

    .mobile-product-info .descriptionProduct p,
    .mobile-product-info .technicalProduct table {
        font-size: 1rem;
    }

    .spec {
        height: 75vh;
    }

}