/* General rules */
.attributepages-page-view,
.attributepages-page-view .page-main,
.attributepages-page-view .column.main {
    margin: 0;
    padding: 0;
    width: 100% !important;
    max-width: unset;
}

.attributepages-page-view .column.main {
    display: flex;
    flex-direction: column;
}

.attributepages-page-view .option-header {
    order: 0;
}


.attributepages-page-view .option-content {
    width: 100%;
    margin-top: 50px;
}
.attributepages-page-view .lines-block {
    width: 75%;
    margin: 0 auto;
}
.more-info{
    width: 96%;
    margin: 0 auto;
    margin-bottom: 70px;
}
.attributepages-page-view .option-sub-description {
    width: 70%;
    margin: 0 auto;
}

.attributepages-page-view .option-sub-description p{
    color: black;
}

.attributepages-page-view .slider-block {
    order: 3;
    margin-top: 100px;
}

.attributepages-page-view .recomendation-cms {
    order: 4;
}

.attributepages-page-view .no-anchor-widget{
    width: 95%;
    margin: 60px auto 0;
}

/* products list */
.block-products-list {
    margin-top: 80px;
    margin-bottom: 60px;
}

.attributepages-page-view .products-list .product-item {
    border-bottom: 1px solid #f8f8f8;
}

.attributepages-page-view .products-list .product-item .product-item-info {
    width: unset;
    margin: unset;
}

.widget-product-list .product-item:after {
    content: "";
    display: block;
    background-color: transparent;
    border-bottom: 1px solid #f3f3f3;
    transition: all .3s ease;
    width: 89%;
    margin: 0 auto;
}

.products-list .flex-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    height: 128px;
    padding: 0 184px 0 101px;
    transition: all 0.3s ease-in-out;
}

.widget.products-list .div-btn,
.widget.products-list .recomendador {
    margin-top: 60px;
}

.products-list .list-widget-title {
    color: black;
    font-family: "hn-light";
    font-size: 40px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 45px;
    text-align: left;
    padding: 0 184px 0 101px;
}

.products-list .list-widget-desc {
    color: #909090;
    font-family: "hn-medium";
    font-size: 11px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: left;
    padding: 0 184px 0 101px;

}

.products-list .flex-list:hover {
    background-color: #9b9b9b;
}

.products-list .flex-list:hover .product-type,
.products-list .flex-list:hover .product-name {
    color: #fff;
}

.products-list .flex-list .product-item-name {
    width: 90%;
    margin: unset;
    text-align: left;
    height: unset;
    text-align: left;
}

.products-list .flex-list .list-arrow {
    background: url(../../images/massive-arrow.png) no-repeat center;
    width: 40px;
    height: 51px;
}

.products-list .flex-list:hover .list-arrow {
    background: url(../../images/massive-arrow-white.png) no-repeat center;
    transform: translateX(100px);
}

.products-list .flex-list .product-type {
    color: #9b9b9b;
    font-family: "hn-medium";
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 26px;
    text-transform: uppercase;
}

.products-list .flex-list .product-name {
    color: black;
    font-family: "hn-light";
    font-size: 26px;
    line-height: 31px;
}

/* attribute page */
.attributepages-page-view .header-txt {
    color: #000;
    font-family: "hn-bold";
    font-size: 40px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: left;

}

.attributepages-page-view .sub-header-txt {
    color: #ffffff;
    font-family: "hn-medium";
    font-size: 11px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
}

.attributepages-page-view .text-txt {
    color: #ffffff;
    font-family: "hn-medium";
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.39px;
    line-height: 20px;
    text-align: left;
}

.attributepages-page-view .details-txt {
    color: #7b7b7b;
    font-family: 'hn-medium';
    font-size: 22px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
}

.attributepages-page-view .toolbar-sorter {
    display: none;
}


.attributepages-page-view .block .block-title{
    text-align: center;
}
.attributepages-page-view .block .block-title strong{
    color: #000000;
    font-family: "hn-light";
    font-size: 40px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: normal;
    line-height: 45px;
    text-align: center;
}

.attributepages-page-view .option-header {
    width: 90%;
    margin: 0 auto;
    position: relative;
    min-height: 300px;
    height: 500px;
}

.attributepages-page-view .option-header .option-meta-key {
    width: 29vw;
}

.attributepages-page-view .option-header .option-meta-key p {
    color: #000;
    font-family: "hn-bold";
    font-size: 11px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 28px;
    text-align: left;
    text-transform: inherit;
}

.attributepages-page-view .option-header .option-meta-desc p {
    color: #000;
    font-family: "hn-bold";
    font-size: 11px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 28px;
    text-align: left;
    text-transform: uppercase;
}

.attributepages-page-view .option-image {
    float: right;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
}
.attributepages-page-view .option-image img{
    display: block;
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50%;
}
.attributepages-page-view .option-description {
    position: absolute;
    top: 35%;
    width: 100%;
    max-width: 395px;
    left: 10%;
    z-index: 2;
}

/* lines */
.attributepages-page-view .lineas-outer-head {
    padding: 0 101px;
    color: #4a4a4a;
    font-family: "hn-light";
    font-size: 40px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 45px;
    text-align: left;
}

.lines-block .header-txt,
.lines-block .sub-header-txt,
.lines-block .text-txt,
.lines-block .details-txt {
    color: black !important;
}

.lines-block hr {
    margin: 0;
}
.lines-block .top-content{
    margin-top: 40px;
}
.lines-block .top-content .text{
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 20px;
}

.lines-block .top-content .text-txt{
    text-align: center;
    font-family: 'hn-light';
    font-size: 15px;
    line-height: 22px;
}

.key-benefits{
    margin-top: 40px;
}

.key-benefits img{
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.key-benefits .full-wrap {
    background-color: #e3e3e3;
}

.key-benefits .row.row-container {
   text-align: center;
    max-width: 1240px;
    min-width: auto;
    margin: 0 auto;
    padding: 3.75rem 20px 3.125rem 20px ;
    display: flex;
    align-items: center;
    height: 460px;
}

.key-benefits .row.row-container .t-h2{
    text-align: center;
    margin: 0 auto;
    font-family: 'hn-light';
    font-size: 30px;
    line-height: 40px;
}

.lines-block .all-lines .cosas-lineas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding-left: 30px;
    cursor: pointer;
}

.lines-block .all-lines .line-content {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 60px;
}

.lines-block.w36 .all-lines .line-content {
    width: 36%;
    margin-left: 15%;
}

.lines-block.w36 .all-lines .line-content img{
    width: auto;
}

.w60 {
    width: 60% !important;
}

.lines-block .all-lines .content-wrapper {
    background-color: #f2f2f2;
    padding: 0 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.lines-block .all-lines .cosas-lineas .lineas-trigger {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lines-block .all-lines .cosas-lineas:hover, .lines-block .all-lines .cosas-lineas.active {
    background-color: #9b9b9b;
} 

/* lineas colores */
.lines-block.cosmelan .all-lines .cosas-lineas:hover, .lines-block.cosmelan .all-lines .cosas-lineas.active {
    background-color: #f2f2f2;
} 
.lines-block.cosmelan .all-lines .content-wrapper{
    background-color: #f8f8f8;
}
.lines-block.energy .all-lines .cosas-lineas:hover, .lines-block.energy .all-lines .cosas-lineas.active {
    background-color: #8c7968;
} 
.lines-block.energy .all-lines .content-wrapper{
    background-color: #d9cbc0;
}
.lines-block.ultimate .all-lines .cosas-lineas:hover, .lines-block.ultimate .all-lines .cosas-lineas.active {
    background-color: #887692;
} 
.lines-block.ultimate .all-lines .content-wrapper{
    background-color: #cfc9d2;
}
.lines-block.stem .all-lines .cosas-lineas:hover, .lines-block.stem .all-lines .cosas-lineas.active {
    background-color: #b3b3b3;
} 
.lines-block.stem .all-lines .content-wrapper{
    background-color: #e3e3e3;
}
.lines-block.collagen .all-lines .cosas-lineas:hover, .lines-block.collagen .all-lines .cosas-lineas.active {
    background-color: #818181;
} 
.lines-block.collagen .all-lines .content-wrapper{
    background-color: #d4d4d4;
}
.lines-block.radiance .all-lines .cosas-lineas:hover, .lines-block.radiance .all-lines .cosas-lineas.active {
    background-color: #ad9a6e;
} 
.lines-block.radiance .all-lines .content-wrapper{
    background-color: #e9dec6;
}
.lines-block.concentrated .all-lines .cosas-lineas:hover, .lines-block.concentrated .all-lines .cosas-lineas.active {
    background-color: #4a4a4a;
} 
.lines-block.concentrated .all-lines .content-wrapper{
    background-color: #f3f3f3;
} 
/* lineas colores */

.lines-block .all-lines .cosas-lineas:hover .details-txt, .lines-block .all-lines .cosas-lineas:hover .toggle-btn:after{
    color: #fff;
}

.lines-block .all-lines .cosas-lineas .toggle-btn:after {
    content: '\e622';
    font-family: 'icons-blank-theme';
    font-size: 50px;
    color: #7b7b7b;
}

.lines-block .all-lines .cosas-lineas.active .toggle-btn:after {
    content: '\e621';
    color: #fff;
}

.category-header {
    background: url('../../images/tratamientos-pagina-image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    height: 498px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5%;
    position: relative;
}

.category-header .category-name {
    color: black;
    font-family: "hn-bold";
    font-size: 40px;
    line-height: 40px;
    width: 22vw;
    margin-bottom: 12px;
    z-index: 2;
}

.category-header .category-description {
    color: black;
    font-family: "hn-medium";
    font-size: 22px;
    line-height: 30px;
    width: 22vw;
    margin-top: 12px;
    z-index: 2;
}

/* mantimiento block*/
.mantenimiento-cms {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    background-color: #f8f8f8;
    height: 465px;
    margin: 0 auto;
    margin-bottom: 120px;
}

.mantenimiento-cms .rec-left {
    flex-basis: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.mantenimiento-cms .rec-right {
    flex-basis: 50%;
    text-align: center;
    margin-left: 113px;
}

.mantenimiento-cms .rec-head,
.mantenimiento-cms .rec-desc,
.mantenimiento-cms .div-btn {
    text-align: left;
}

.mantenimiento-cms .rec-head {
    color: black;
    font-family: "hn-light";
    font-size: 40px;
    width: 30vw;
    line-height: 45px;
}

.mantenimiento-cms .rec-desc {
    color: black;
    font-family: "hn-light";
    font-size: 14px;
    letter-spacing: 0.39px;
    line-height: 20px;
    width: 20vw;
}

.mantenimiento-cms .div-btn {
    margin-top: 38px;
}

.mantenimiento-cms button {
    border: 1px solid #9b9b9b;
    border-radius: 0;
    background-color: unset;
    color: black;
    font-family: "hn-medium";
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 8px 44px;
}



.attributepages-grid-wrapper {
    margin: 30px 0;
    text-align: center;
}

.attributepages-grid-wrapper li.item {
    padding: 1% !important;
    float: left;
    width: 98%;
    margin: 0 0 5px;
}

.attributepages-grid-wrapper .attributepages-title {
    font-size: 13px;
    text-decoration: none;
}

.attributepages-grid-wrapper .attributepages-title:hover {
    text-decoration: underline;
}

.attributepages-grid-wrapper .option-image {
    width: auto;
    height: auto;
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.attributepages-grid-wrapper img,
.attributepages-grid-wrapper .option-image img {
    width: auto;
    max-width: 100%;
    height: auto;
}

/* Link mode */
.attributepages-grid-wrapper .mode-image li.item {
    padding: 10px 1% !important;
    text-align: center;
}

.attributepages-cols-2 li.item {
    width: 48% !important;
}

.attributepages-cols-3 li.item {
    width: 31.3% !important;
}

.attributepages-cols-4 li.item {
    width: 25% !important;
}

.attributepages-cols-5 li.item {
    width: 18% !important;
}

.attributepages-cols-6 li.item {
    width: 14.6% !important;
}

.attributepages-cols-7 li.item {
    width: 12.2% !important;
}

.attributepages-cols-8 li.item {
    width: 10.5% !important;
}

/* Anchor for grouped option list */
.attributepages-options-group {
    margin: 0 0 15px;
}

.attributepages-options-group:last-child {
    margin: 0;
}

.attributepages-options-group-title {
    border-bottom: 1px solid #e4e4e4;
    color: #555;
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 7px;
    position: relative;
    text-transform: uppercase;
}

.attributepages-options-anchor {
    top: 0;
    left: -20px;
    cursor: pointer;
    display: block;
    padding-left: 10px;
    padding-right: 6px;
    position: absolute;
    text-decoration: none;
}

.attributepages-options-anchor span {
    display: none;
    color: #585a5d;
    font-size: 13px;
}

/* block styles */
.attributepages-block .block-title {
    font-size: 18px;
    background: #fff;
}

.attributepages-block .block-content {
    padding: 5px 7px;
}

.block .attributepages-grid-wrapper,
.nav-dropdown .attributepages-grid-wrapper {
    margin: 0;
}

/* Slider block */
.attributepages-slider-content {
    position: relative;
    margin-left: 4% !important;
}

/* std styles rest */
.list-attributepages-otions-grouped {
    margin: 0;
    padding: 0;
    list-style: none;
}

.attributepages-grid {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* third-party extensions integration */
.nav-dropdown .attributepages-grid-wrapper {
    padding: 5px;
}

/* product and category pages */
.list-attributepages {
    margin: 5px 0;
    padding: 0;
}

.list-attributepages li {
    display: inline-block;
    max-width: 100%;
}

.list-attributepages img {
    display: inline;
    vertical-align: middle;
}

.attributepages-parent-link {
    font-size: 0.85em;
}

/* helper classes */
.list-block li {
    display: block;
}

.list-attributepages.a-center {
    text-align: center;
}

.list-attributepages.clear {
    clear: both;
}

.hidden-label .attributepages-parent-title {
    display: none;
}

/* category listing */
.products-grid .list-attributepages {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 5px;
}

.products-list .list-attributepages,
.products-grid .list-attributepages {
    clear: left;
}
.swiper-products-option .swiper-button-prev,
.swiper-products-option .swiper-button-next,
.swiper-products-option .swiper-pagination{
    display: none;
}
/* Genesis */
.genesis .header-txt,
.mct .header-txt,
.mpen .header-txt {
    color: black;
    font-family: 'hn-medium';
    font-size: 26px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 31px;
    text-align: center;
}

.trwesa {
    color: black;
    font-family: 'hn-light';
    font-size: 30px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: left;
}

.genesis .trwesa-interior,
.mct .trwesa-interior,
.mpen .trwesa-interior {
    color: black;
    font-family: "hn-medium";
    font-size: 22px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
}

.genesis .header-big-txt,
.mct .header-big-txt,
.mpen .header-big-txt {
    color: black;
    font-family: 'hn-medium';
    font-size: 40px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 45px;
    text-align: left;
}

.genesis .sub-header-txt,
.mct .sub-header-txt,
.mpen .sub-header-txt {
    color: black;
    font-family: 'hn-medium';
    font-size: 11px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
}

.genesis .text-txt,
.mct .text-txt,
.mpen .text-txt {
    color: black;
    font-family: 'hn-medium';
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.39px;
    line-height: 20px;
    text-align: center;
}

.genesis .small-txt,
.mct .small-txt,
.mpen .small-txt {
    color: #ffffff;
    font-family: 'hn-medium';
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.39px;
    line-height: 20px;
    text-align: center;
}

.genesis .details-txt,
.mct .details-txt,
.mpen .details-txt {
    color: #000;
    font-family: 'hn-medium';
    font-size: 22px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    margin-bottom: 0;
}

.genesis .raro,
.mct .raro,
.mpen .raro {
    color: black;
    font-family: "hn-bold";
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.39px;
    line-height: 20px;
    text-align: left;
}

.genesis .bienvenido {
    padding: 75px 370px;
}

.genesis .bienvenido .sub-header,
.genesis .technology .sub-header {
    margin-top: 15px;
}

.genesis .bienvenido .text,
.genesis .technology .text {
    margin-top: 35px;
}

.genesis .technology .text .text-txt,
.genesis .technology .sub-header .sub-header-txt,
.genesis .technology .header-big .header-big-txt {
    text-align: left;
    width: 21vw;
}

.genesis .bienvenido .action {
    text-align: center;
    margin-top: 35px;
}

.genesis .bienvenido .action button {
    border: 1px solid #111111;
    border-radius: 0;
    background-color: unset;
    color: black;
    font-family: "hn-medium";
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 8px 44px;
    transition: all .6s ease-in-out;

}

.genesis .bienvenido .action button:hover {
    background-color: #111;
}

.genesis .bienvenido .action button:hover a {
    color: #fff;
}

.genesis .bienvenido .action button a {
    color: black;
}

/* video */
.genesis .video .overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

.genesis .video .overlay .video-inner iframe {
    position: absolute;
    top: 10%;
    left: 25%;
}

.genesis .video .video-image {
    background: url(../../images/paginas-estaticas/aparatologia/smartDrivity.svg) no-repeat center;
    position: relative;
    height: 336px;
    cursor: pointer;
}

.genesis .video .video-image .claim {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -35%);
}

.genesis .video .video-image .claim .t-h2 {
    color: #ffffff;
    font-family: "hn-medium";
    font-size: 40px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 45px;
    text-align: center;
}

.genesis .video .video-image .claim .play-btn {
    background: url(../../images/play.png) no-repeat center;
    height: 200px;
}

/* technology */
.genesis .technology .balls.mobile {
    display: none;
}

.genesis .technology .balls.desktop {
    display: flex;
}

.genesis .technology {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
    height: 704px;
    position: relative;
    padding: 60px;
}

.genesis .technology .bla {
    width: 35%;
    height: 351px;
}

.genesis .technology .balls {
    width: 65%;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    height: 351px;
}

.genesis .technology .balls .ball,
.genesis .technology .ballsm .ball,
.genesis .technology .balls .ball .ball-trigger,
.genesis .technology .ballsm .ball-trigger {
    width: 200px;
    height: 200px;
}

.genesis .technology .balls .ball .small-txt {
    padding: 20px;
}

.genesis .technology .balls .ball.active .small-txt {
    display: none;
}

.genesis .technology .balls .ball.active .ball-trigger {
    justify-content: flex-end;
}

.genesis .technology .balls .ball .ball-trigger {
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    height: 100%;
    text-align: center;
}

.genesis .technology .balls .ball .toggle-btn:after {
    content: '\e622';
    font-family: 'icons-blank-theme';
    font-size: 50px;
    color: #fff;
}

.genesis .technology .balls .ball.active .toggle-btn:after {
    content: '\e621';
}

.genesis .technology .ball-1 .ball-trigger {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../images/paginas-estaticas/aparatologia/ball1.png) no-repeat center;
    border-radius: 50%;
}

.genesis .technology .ball-2 .ball-trigger {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../images/paginas-estaticas/aparatologia/ball2.png) no-repeat center;
    border-radius: 50%;
}

.genesis .technology .ball-3 .ball-trigger {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../images/paginas-estaticas/aparatologia/ball3.png) no-repeat center;
    border-radius: 50%;
}

.genesis .technology .ball-4 .ball-trigger {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../images/paginas-estaticas/aparatologia/ball4.png) no-repeat center;
    border-radius: 50%;
}

.genesis .technology .ball-1.active .ball-trigger,
.swiper-slide-active .ball-1 .ball-trigger {
    background: url(../../images/paginas-estaticas/aparatologia/ball1.png) no-repeat center !important;
    border-radius: 50%;
}

.genesis .technology .ball-2.active .ball-trigger,
.swiper-slide-active .ball-2 .ball-trigger {
    background: url(../../images/paginas-estaticas/aparatologia/ball2.png) no-repeat center !important;
    border-radius: 50%;
}

.genesis .technology .ball-3.active .ball-trigger,
.swiper-slide-active .ball-3 .ball-trigger {
    background: url(../../images/paginas-estaticas/aparatologia/ball3.png) no-repeat center !important;
    border-radius: 50%;
}

.genesis .technology .ball-4.active .ball-trigger,
.swiper-slide-active .ball-4 .ball-trigger {
    background: url(../../images/paginas-estaticas/aparatologia/ball4.png) no-repeat center !important;
    border-radius: 50%;
}

.genesis .list-arrow {
    background: url(../../images/massive-arrow.png) no-repeat center;
    width: 25px;
    height: 51px;
}

.genesis .technology .balls .ball-content {
    position: absolute;
    top: 60%;
    right: 0%;
    background-color: #f8f8f8;
    padding: 15px;
    width: -webkit-fill-available;
    max-width: 100%;
    width: 100%;
}

.genesis .technology .ballsm .ball-content {
    background-color: #f8f8f8;
    padding: 15px;
}

.genesis .technology .balls .ball-content .first-row,
.genesis .technology .ballsm .ball-content .first-row {
    display: flex;
    align-items: center;
}

.genesis .technology .balls .ball-content .first-row .img-thing,
.genesis .technology .ballsm .ball-content .first-row .img-thing {
    width: 379px;
    height: 108px;
}

.genesis .technology .balls .ball-content .first-row .header,
.genesis .technology .ballsm .ball-content .first-row .header {
    margin-left: 100px;
    margin-top: 20px;
}
.genesis .technology .balls .ball-content .first-row .inner-content .left-thing {
    max-width: 670px;
}
.genesis .technology .balls .ball-content .first-row .inner-content .text-txt {
    width: 100%;
}
.genesis .technology .balls .ball-content .inner-content .text .text-txt {
    width: 100%;
}
.genesis .technology .balls .ball-content .inner-content,
.genesis .technology .ballsm .ball-content .inner-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.genesis .technology .balls .ball-content .inner-content .sub-header-txt,
.genesis .technology .ballsm .ball-content .inner-content .sub-header-txt {
    width: 38vw;
    text-transform: lowercase;
    color: black;
    letter-spacing: 0.39px;
    font-size: 14px;
}

.genesis .technology .balls .ball-content button,
.genesis .technology .ballsm .ball-content button {
    border: 1px solid #111111;
    border-radius: 0;
    background-color: unset;
    color: black;
    font-family: "hn-medium";
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 8px 44px;
    margin-top: 35px;
    margin-left: 200px;
    transition: all .6s ease-in-out;

}

.genesis .technology .balls .ball-content button:hover,
.genesis .technology .ballsm .ball-content button:hover {
    background-color: #111;

}

.genesis .technology .balls .ball-content button:hover a,
.genesis .technology .ballsm .ball-content button:hover a {
    color: #fff;
}

.genesis .technology .balls .ball-content .inner-content .right-thing,
.genesis .technology .ballsm .ball-content .inner-content .right-thing {
    color: black;
    font-family: "hn-medium";
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.39px;
    line-height: 30px;
    text-align: left;
}

.genesis .design .line-content .ul-clmns .col .text,
.collection .text,
.collection-2 .text {
    color: black;
    font-family: 'hn-medium';
    font-size: 11px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    text-align: left;
}

.genesis .technology .balls .ball-content button a,
.genesis .technology .ballsm .ball-content button a {
    color: black;
}

.genesis .technology .balls .ball-content .inner-content ul,
.genesis .technology .ballsm .ball-content .inner-content ul {
    list-style-type: disc;
    padding-left: 14px;
}

.genesis .technology .balls .ball-content .header .header-txt,
.genesis .technology .ballsm .ball-content .header .header-txt {
    font-family: 'hn-light';
}

.genesis .technology .balls .ball-content .img-thing-1,
.genesis .technology .ballsm .ball-content .img-thing-1 {
    background: url(../../images/paginas-estaticas/aparatologia/tech1-v2.png) no-repeat center;
}

.genesis .technology .balls .ball-content .img-thing-2,
.genesis .technology .ballsm .ball-content .img-thing-2 {
    background: url(../../images/paginas-estaticas/aparatologia/tech2-v2.png) no-repeat center;
}

.genesis .technology .balls .ball-content .img-thing-3,
.genesis .technology .ballsm .ball-content .img-thing-3 {
    background: url(../../images/paginas-estaticas/aparatologia/tech3-v2.png) no-repeat center;
}

.genesis .technology .balls .ball-content .img-thing-4,
.genesis .technology .ballsm .ball-content .img-thing-4 {
    background: url(../../images/paginas-estaticas/aparatologia/tech4.png) no-repeat center;
}

/*  design */
.genesis .design.mtop {
    margin-top: 210px;
}

.genesis .design .top-one {
    background-color: #000;
    display: flex;
    align-items: center;
}

.genesis .design .top-one .left-img {
    background: url(../../images/paginas-estaticas/aparatologia/maquina.png) no-repeat center;
    width: 50%;
    height: 350px;
}

.genesis .design .top-one .text {
    margin-top: 40px;
    width: 47vw;
}

.genesis .design .top-one .header-txt {
    color: #ffffff;
    font-family: "hn-light";
    font-size: 40px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 45px;
    text-align: center;
}

.genesis .design .top-one .text-txt {
    color: #ffffff;
    font-family: "hn-medium";
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.39px;
    line-height: 20px;
    text-align: center;
}

.genesis .design .down-one {
    margin-top: 70px;
}

.genesis .design .cosas-lineas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    padding: 0 101px;
    cursor: pointer;
}

.genesis .design .line {
    width: 90%;
    color: #f8f8f8;
    margin: 0 auto;
    padding: 0;
}

.genesis .design .cosas-lineas .lineas-trigger {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.genesis .design .cosas-lineas:hover,
.genesis .design .cosas-lineas.active {
    background-color: #737373;
}

.genesis .design .cosas-lineas:hover .details-txt,
.genesis .design .cosas-lineas:hover .toggle-btn:after,
.genesis .design .cosas-lineas.active .details-txt {
    color: #fff;
}

.genesis .design .cosas-lineas .toggle-btn:after {
    content: '\e622';
    font-family: 'icons-blank-theme';
    font-size: 50px;
    color: #737373;
}

.genesis .design .cosas-lineas.active .toggle-btn:after {
    content: '\e621';
    color: #fff;
}

.genesis .design .line-content {
    width: 92%;
    margin: 0 auto 0 auto;
    padding-top: 30px;
    padding-bottom: 60px;
}

.genesis .design .content-wrapper {
    background-color: #f2f2f2;
    padding: 0 7%;
}

.genesis .design .line-content .content-section {
    display: flex;
    margin-top: 42px;
}

.m2 {
    margin-top: 20px;
}

.m4 {
    margin-top: 40px;
}

.m5 {
    margin-top: 50px;
}
.m6 {
    margin-top: 60px;
}
.-m8 {
    margin-top: -80px;
}


.tb {
    text-transform: uppercase;
}

.genesis .design .line-content .content-section .header {
    margin-top: 64px;
}

.genesis .design .line-content .head-head .text {
    margin-top: 20px;
}

.genesis .design .line-content .content-section .text,
.genesis .design .line-content .content-section ul,
.m3 {
    margin-top: 30px !important;
}

.genesis .design .line-content .content-section .content-section-left {
    width: 70%;
}

.genesis .design .line-content .content-section .content-section-right {
    width: 30%;
}

.genesis .design .line-content .header-txt,
.genesis .design .line-content .sub-header-txt,
.genesis .design .line-content .text-txt {
    text-align: left;
}

.genesis .design .line-content .content-section .content-section-right .img-1 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../images/paginas-estaticas/aparatologia/rf-led.png) no-repeat center;
    width: 332px;
    height: 297px;
    position: relative;
}

.genesis .design .line-content .content-section .content-section-right .img-2 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../images/paginas-estaticas/aparatologia/capacitiva.png) no-repeat center;
    width: 332px;
    height: 297px;
    position: relative;
}

.genesis .design .line-content .content-section .content-section-right .img-3 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../images/paginas-estaticas/aparatologia/resistiva.png) no-repeat center;
    width: 332px;
    height: 297px;
    position: relative;
}
.genesis .design .line-content .content-section .content-section-right .img-4 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../../images/paginas-estaticas/aparatologia/led1.png) no-repeat center;
    width: 332px;
    height: 297px;
    position: relative;
}

.genesis .design .line-content ul {
    list-style-type: disc;
    padding-left: 14px;
    color: black;
    font-family: "hn-medium";
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0.39px;
    line-height: 30px;
}

.genesis .design .line-content hr {
    color: #f8f8f8;
}

.genesis .design .line-content .ul-clmns {
    display: flex;
}

.genesis .design .line-content .ul-clmns .col {
    flex-basis: 33%;
}

.genesis .design .line-content .content-section .content-section-right .overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

.genesis .design .line-content .content-section .content-section-right .img {
    cursor: pointer;
}

.genesis .design .line-content .content-section .content-section-right .overlay .video-inner iframe {
    position: absolute;
    top: 10%;
    left: 25%;
}

.genesis .design .line-content .content-section .content-section-right .img .claim {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
}

.genesis .design .line-content .content-section .content-section-right .img .claim .play-btn {
    background: url(../../images/play.png) no-repeat center;
    height: 100px;
}

.ul-clmns.m4 .text-txt {
    width: 23vw;
}

.collection,
.collection-2 {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.collection .img,
.collection-2 .img {
    height: 190px;
    width: 212px;
    position: relative;
}

.collection .col-images,
.collection-2 .col-images {
    display: flex;
    justify-content: center;
}

.collection .over-txt,
.collection-2 .over-txt {
    position: absolute;
    left: 10px;
    bottom: 2px;
    background-color: #fff;
    text-transform: uppercase;
}

.collection .col-left .img-1 {
    background: url(../../images/paginas-estaticas/aparatologia/resulta-1.png) no-repeat center;
}

.collection .col-left .img-2 {
    background: url(../../images/paginas-estaticas/aparatologia/resulta-2.png) no-repeat center;
}

.collection .col-right .img-1 {
    background: url(../../images/paginas-estaticas/aparatologia/resulta-3.png) no-repeat center;
}

.collection .col-right .img-2 {
    background: url(../../images/paginas-estaticas/aparatologia/resulta-4.png) no-repeat center;
}

.collection-2 .col-left .img-1 {
    background: url(../../images/paginas-estaticas/aparatologia/resulta-5.png) no-repeat center;
}

.collection-2 .col-left .img-2 {
    background: url(../../images/paginas-estaticas/aparatologia/resulta-6.png) no-repeat center;
}

.collection-2 .col-right .img-1 {
    background: url(../../images/paginas-estaticas/aparatologia/resulta-7.png) no-repeat center;
}

.collection-2 .col-right .img-2 {
    background: url(../../images/paginas-estaticas/aparatologia/resulta-8.png) no-repeat center;
}

/* mct injector */
.mct .mct-head {
    display: flex;
    margin-top: 80px;
    justify-content: space-between;
    padding: 0 101px;
}

.mct .mct-head .left {
    display: block;
    width: 50%;
}

.mct .mct-head .left {
    display: flex;
    width: 40%;
    flex-direction: column;
}

.mct .mct-head .left .text-txt {
    text-align: left;
}

.mct .mct-head .ul-clmns ul {
    padding: 0;
}

.mct .mct-head .left .lists {
    display: flex;
}

.mct .mct-head .left .lists .ul-clmns:nth-child(2) {
    margin-left: 40px;
}

.mct .mct-head .left .lists .row {
    display: flex;
}

.mct .mct-head .right {
    display: flex;
}

.mct .number {
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #4a4a4a;
    padding-left: 7px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}

.mct #number1 {
    top: 90px;
    left: 120px;
}

.mct #number2 {
    top: 160px;
    left: 20px;
}

.mct #number3 {
    top: 205px;
    left: 5px;
}

.mct #number4 {
    top: 255px;
    left: -5px;
}

.mct #number5 {
    top: 280px;
    left: 60px;
}

.mct #number6 {
    top: 195px;
    left: 320px;
}

.mct #number7 {
    top: 230px;
    left: 245px;
}

.mct #number8 {
    top: 320px;
    left: 285px;
}

.mct #number9 {
    top: 340px;
    left: 260px;
}

.mct #number10 {
    top: 375px;
    left: 300px;
}

.mct #mct-img-list {
    color: black;
    font-family: "hn-medium";
    font-size: 11px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}

.mct #mct-img-list li.active {
    font-weight: 600;
}

.mct .number.active {
    background-color: black;
}

.mct .mct-head .right .big-img {
    background: url(../../images/paginas-estaticas/aparatologia/mct-injector.png) no-repeat center;
    width: 348px;
    height: 419px;
    position: relative;
}

.mct .mct-head ol {
    text-align: left;
    margin-left: 100px;
}

.mct .top-one {
    margin-top: 90px;
    margin-bottom: 70px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: #f5f5f5;
    padding: 0 101px;
}

.mct .top-one .left-img {
    background: url(../../images/paginas-estaticas/aparatologia/gottago.png) no-repeat center;
    width: 50%;
    height: 350px;
}

.mct .top-one .right-bla .header-big-txt {
    font-size: 30px;
}

.mct .top-one .right-bla {
    width: 50%;
    padding-left: 95px;
}

.mct .top-one .right-bla .sub-header {
    width: 35vw;
    margin-top: 30px;
}

.mct .top-one .right-bla ul {
    list-style-type: disc;
    text-align: left;
    padding: 0;
    padding-left: 20px;
    width: 35vw;
    margin-top: 30px;
}

.mct .top-one .right-bla ul {
    padding-bottom: 10px;
}

.mct .lineas-head .header,
.mpen .lineas-head .header {
    width: 46vw;
    margin: 0 auto;
}

.mct .lineas-head .header-txt,
.mpen .lineas-head .header-txt {
    color: black;
    font-family: "hn-light";
    font-size: 40px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 45px;
    text-align: center;
}

.mct .lineas-head .text,
.mpen .lineas-head .text {
    width: 44vw;
    margin: 0 auto;
}

.mct-stat-img {
    background: url(../../images/paginas-estaticas/aparatologia/mct-stat.png) no-repeat center;
    width: 564px;
    height: 215px;
    margin-top: 30px;
}

.img-speed {
    background: url(../../images/paginas-estaticas/aparatologia/mct-speed.png) no-repeat center;
    width: 200px;
    height: 200px;
}

.img-depth {
    background: url(../../images/paginas-estaticas/aparatologia/mct-depth.png) no-repeat center;
    width: 200px;
    height: 200px;
}

.img-dose {
    background: url(../../images/paginas-estaticas/aparatologia/mct-dose.png) no-repeat center;
    width: 200px;
    height: 200px;
}

.img-needle {
    background: url(../../images/paginas-estaticas/aparatologia/mct-needle.png) no-repeat center;
    width: 200px;
    height: 200px;
}

.img-cabeza-1 {
    background: url(../../images/paginas-estaticas/aparatologia/mct-cabeza-1.png) no-repeat center;
    width: 100%;
    height: 242px;
}

.img-cabeza-2 {
    background: url(../../images/paginas-estaticas/aparatologia/mct-cabeza-2.png) no-repeat center;
    width: 100%;
    height: 242px;
}

.img-cabeza-3 {
    background: url(../../images/paginas-estaticas/aparatologia/mct-cabeza-3.png) no-repeat center;
    width: 100%;
    height: 242px;
}

.img-cuerpo-1 {
    background: url(../../images/paginas-estaticas/aparatologia/mct-cuerpo-1.png) no-repeat center;
    width: 100%;
    height: 242px;
}

.img-cuerpo-2 {
    background: url(../../images/paginas-estaticas/aparatologia/mct-cuerpo-2.png) no-repeat center;
    width: 100%;
    height: 242px;
}

.img-cuerpo-3 {
    background: url(../../images/paginas-estaticas/aparatologia/mct-cuerpo-3.png) no-repeat center;
    width: 100%;
    height: 242px;
}

.ml3 {
    margin-left: 30px;
}

.m-1 {
    margin-top: -10px;
}

.m15 {
    margin-top: 15px;
}

.no-wrap {
    white-space: nowrap;
}

/* m.pen */

.img-micro {
    background: url(../../images/paginas-estaticas/aparatologia/micro.svg) no-repeat center;
    width: 100%;
    height: 242px;
}

.mpen .flex-img {
    display: flex;
    align-items: center;
}

.mpen .flex-img .col {
    width: 100%;
}

.img-zonas-cara {
    background: url(../../images/paginas-estaticas/aparatologia/zonas-cara.png) no-repeat center;
    width: 100%;
    height: 173px;
}

.img-zonas-mano {
    background: url(../../images/paginas-estaticas/aparatologia/zonas-mano.png) no-repeat center;
    width: 100%;
    height: 173px;
}

.img-zonas-cuerpo {
    background: url(../../images/paginas-estaticas/aparatologia/zonas-cuerpo.png) no-repeat center;
    width: 100%;
    height: 355px;
}

.mpen .inline-list li {
    display: inline-block;
    padding-right: 60px;
}

.mpen .lists .ul-clmns {
    justify-content: space-between;
    align-items: center;
}

.mpen .lists .ul-clmns .col {
    flex-basis: 50% !important;
    margin-right: 10px;
}

.mpen .lists .ul-clmns .col .lists .ul-clmns .col {
    flex-basis: 100% !important;
}

.mpen .lists .ul-clmns .col .lists .ul-clmns .col .lists .ul-clmns .col {
    flex-basis: 50% !important;
}
.mpen .lists .ul-clmns .col .lists .ul-clmns .col .lists .ul-clmns.revert {
    justify-content: flex-start;
}
.mpen .lists .ul-clmns .col .lists .ul-clmns .col .lists .ul-clmns.revert .col  {
    flex-basis: 34% !important;
}

.img-protocolo-hydra {
    background: url(../../images/paginas-estaticas/aparatologia/protocolo-hydra.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-protocolo-mpen {
    background: url(../../images/paginas-estaticas/aparatologia/protocolo-mpen.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-protocolo-mpen2 {
    background: url(../../images/paginas-estaticas/aparatologia/protocolo-mpen2.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-protocolo-post {
    background: url(../../images/paginas-estaticas/aparatologia/protocolo-post.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-protocolo-post-trat {
    background: url(../../images/paginas-estaticas/aparatologia/protocolo-post-trat.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-resultado-eficacia {
    background: url(../../images/paginas-estaticas/aparatologia/resultado-eficacia.png) no-repeat left;
    width: 100%;
    height: 212px;
}

.img-resultado-doble {
    background: url(../../images/paginas-estaticas/aparatologia/resultado-doble.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-resultado-estrias1 {
    background: url(../../images/paginas-estaticas/aparatologia/resultado-estrias1.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-resultado-estrias2 {
    background: url(../../images/paginas-estaticas/aparatologia/resultado-estrias2.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-resultado-estrias1s0 {
    background: url(../../images/paginas-estaticas/aparatologia/resultado-estrias1s0.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-resultado-estrias1s1 {
    background: url(../../images/paginas-estaticas/aparatologia/resultado-estrias1s1.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-resultado-estrias2s0 {
    background: url(../../images/paginas-estaticas/aparatologia/resultado-estrias2s0.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-resultado-estrias2s1 {
    background: url(../../images/paginas-estaticas/aparatologia/resultado-estrias2s1.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.img-resultado-despig {
    background: url(../../images/paginas-estaticas/aparatologia/resultado-despig.png) no-repeat left;
    width: 100%;
    height: 150px;
}

.vw38 {
    width: 38vw;
}

.start {
    align-items: flex-start !important;
}

b {
    font-family: 'hn-bold';
}

.mpen .color-ball {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 auto;
}

.mpen a {
    text-decoration: underline;
    color: black;
}

.color-ball.red {
    background-color: #e50036;
}

.color-ball.purple {
    background-color: #994493;
}

.color-ball.blue {
    background-color: #0051a2;
}

.color-ball.sky {
    background-color: #00b8eb;
}

.color-ball.green {
    background-color: #7bb800;
}

.red-txt {
    color: #e50036;
}

.purple-txt {
    color: #994493;
}

.blue-txt {
    color: #0051a2;
}

.sky-txt {
    color: #00b8eb;
}

.green-txt {
    color: #7bb800;
}

.img-solution {
    background: url(../../images/paginas-estaticas/aparatologia/solution.png) no-repeat left;
    width: 100%;
    height: 345px;
}

.slider-block #midSlideId_wrapper {
    max-width: 100% !important;
}

.attributepages-page-view .recomendation-cms {
    margin-top: 50px;
    margin-bottom: 120px;
}

@media (max-width: 480px) {
    .products-grid .list-attributepages {
        margin: 5px;
    }
}

@media only screen and (max-width: 360px) {
    .attributepages-page-view .option-description {
        top: 30% !important;
    }
}

.attributepages-grid,
.list-attributepages {
    zoom: 1;
}

.attributepages-grid:after,
.list-attributepages:after {
    content: '.';
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
}



/*small*/

@media only screen and (min-width: 336px) and (max-width: 768px) {
    .swiper-products-option .swiper-button-prev,
    .swiper-products-option .swiper-button-next,
    .swiper-pagination{
        display: block;
    }
    .swiper-products-option .swiper-button-next{
        background-image: url("../../images/icons/rigth-icon.svg");
        top: 50%;
        background-size: 22px 45px;
        background-position: center;
        background-repeat: no-repeat;
        width: 52px;
        height: 95px;
    }
    .swiper-products-option .swiper-button-next:after{
        content: none;
    }
    .swiper-products-option .swiper-button-prev{
        background-image: url("../../images/icons/left-icon.svg");
        top: 50%;
        background-size: 22px 45px;
        background-position: center;
        background-repeat: no-repeat;
        width: 52px;
        height: 95px;
    }
    .swiper-products-option .swiper-button-prev:After{
        content: none;
    }
    .swiper-products-option .swiper-pagination-bullet-active{
        background: #4a4a4a;
    }
    .swiper-products-option .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }
    .attributepages-page-view .option-content {
        width: 100%;
    }
    .attributepages-page-view .option-content .lines-block .text-txt, .attributepages-page-view .option-content .lines-block .trwesa {
        padding: 0 20px;
    }
    
    .lines-block .all-lines .content-wrapper {
        padding: 0 22px;
    }
    /* header */
    .category-header {
        align-items: center;
        height: 353px;
    }

    .category-header::before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background-color: white;
        opacity: .75;
        z-index: 1;
    }

    .category-header .category-name {
        font-size: 30px;
        line-height: 30px;
    }

    .category-header .category-description {
        font-size: 18px;
        line-height: 25px;
    }

    .category-header .category-description,
    .category-header .category-name {
        z-index: 2;
        text-align: center;
        width: 74vw;
    }

    .products-list .flex-list,
    .products-list .list-widget-title {
        padding: 0 20px;
    }

    .products-list .flex-list:hover .list-arrow {
        background: url(../../images/massive-arrow-white.png) no-repeat center;
        transform: translateX(0);
    }

    .attributepages-page-view .option-header {
        height: 470px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .attributepages-page-view .option-header:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: inline-block;
        background-image: linear-gradient(180deg, rgba(245, 246, 247, 0) 10%, #f5f6f7 50%);
    }

    .attributepages-page-view .header-txt,
    .attributepages-page-view .sub-header-txt,
    .attributepages-page-view .text-txt,
    .attributepages-page-view .option-header .option-meta-desc p,
    .attributepages-page-view .option-header .option-meta-key p {
        text-align: left;
    }

    .attributepages-page-view .header-txt{
        font-size: 30px;
    }
    .attributepages-page-view .mpen .lineas-head .header-txt {
        font-size: 30px;
        line-height: 30px;
    }

    .attributepages-page-view .option-meta-key {
        width: unset !important;
    }

    .attributepages-page-view .option-description {
        top: 35%;
        left: 0%;
        padding: 0 20px;
        max-width: none;
    }

    .attributepages-page-view .option-image img{
        height: 230px;
        max-width: 100%;
        width: unset;
        object-position: 70%;

    }

    .lines-block .all-lines .cosas-lineas {
        padding: 0 20px;
    }

    .lines-block.w36 .all-lines .line-content {
        margin-left: 0;
        width: 90%;
    }

    .genesis .details-txt,
    .mct .details-txt,
    .mpen .details-txt {
        font-size: 16px;
        margin-top: 0;
    }
    .genesis .design .cosas-lineas .lineas-trigger {
        padding: 0 20px;
    }
    /* GENESIS CONTENT */
    .genesis .bienvenido {
        padding: 30px 20px;
    }

    .genesis .bienvenido .header-txt,
    .genesis .bienvenido .sub-header-txt,
    .genesis .bienvenido .text-txt,
    .genesis .bienvenido .action {
        text-align: left;
    }

    .genesis .technology {
        height: 100%;
    }

    .genesis .technology .balls.desktop {
        display: none;
    }

    .genesis .technology .balls.mobile {
        display: flex;
        height: 100%;
    }

    .genesis .technology {
        flex-direction: column;
        padding: 20px;
        width: unset;
    }

    .genesis .technology .bla {
        height: 245px;
    }

    .genesis .technology .header-big-txt,
    .genesis .technology .sub-header-txt,
    .genesis .technology .text-txt {
        width: 80vw !important;
    }

    .genesis .technology .swiper-wrapper,
    .genesis .technology .swiper-wrapper {
        width: 90vw;
    }

    .genesis .technology .ballsm .ball-content {
        margin-top: 40px;
    }

    .genesis .technology .ballsm .ball-content:before {
        content: "";
        position: absolute;
        top: 210px;
        left: 47%;
        z-index: 1;
        border: solid 15px transparent;
        border-bottom-color: #f8f8f8;
    }

    .genesis .technology .ballsm .ball-content button {
        margin-left: 0;
    }

    .genesis .technology .balls .ball-content .inner-content,
    .genesis .technology .ballsm .ball-content .inner-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .genesis .technology .ballsm .ball {
        margin: 0 auto;
    }

    .genesis .technology .ballsm .ball-content .first-row .img-thing {
        background-size: 100% auto;
    }

    .genesis .design.mtop {
        margin-top: 30px;
        ;
    }

    .genesis .design .top-one {
        flex-direction: column;
    }

    .genesis .design .top-one .left-img {
        width: 100%;
    }

    .genesis .design .top-one .text {
        margin: 40px auto 40px auto;
    }

    .genesis .design .cosas-lineas {
        padding: 0 20px;
    }

    .genesis .design .line-content .content-section {
        flex-direction: column;
    }

    .genesis .design .line-content .content-section .content-section-right,
    .genesis .design .line-content .content-section .content-section-left {
        width: 100%;
    }

    .genesis .design .line-content .content-section .content-section-right,
    .genesis .design .line-content .footer-footer {
        margin-top: 30px;
    }

    .genesis .design .line-content .ul-clmns {
        flex-direction: column;
    }

    .genesis .design .line-content .text-txt {
        width: 80vw;
    }

    .genesis .design .line-content .ul-clmns .col {
        margin-top: 20px;
    }
    .genesis .design .line-content {
        width: 100%;
    }

    .collection,
    .collection-2 {
        flex-direction: column;
    }

    /* mct */
    .mct .mct-head,
    .mct .mct-head .right,
    .mct .mct-head .left .lists,
    .mct .top-one {
        flex-direction: column;
    }
    .mct .top-one {
        padding: 0 30px;
    }
    .mct .mct-head  {
        padding: 0 30px;
        margin-top: 30px;
    }
    .mct .mct-head .left .lists .ul-clmns:nth-child(2) {
        margin-left: 0;
    }

    .mct .mct-head .left .lists .ul-clmns .col,
    .mct .top-one .right-bla .sub-header,
    .mct .trwesa,
    .mct .top-one .left-img {
        width: 100% !important;
    }

    .mct .mct-head .left .lists {
        padding: 0 20px;
        margin-top: 30px;
    }

    .mct .trwesa {
        text-align: center;
        width: 55vw;
        margin: 0 auto;
    }

    .mct .mct-head .right {
        margin-top: 50px;
    }

    .mct #mct-img-list,
    .mct .top-one .right-bla ul {
        margin-top: 30px;
        margin-left: 0;
    }
    .mct #mct-img-list {
        padding-left: 20px;
    }

    .mct .mct-head .left,
    .mct .top-one .right-bla {
        width: 100%;
    }

    .mct .top-one .right-bla {
        padding-left: 0;
    }

    .mct .trwesa {
        text-align: left;
        line-height: 30px;
        font-size: 30px;
    }

    .mct .lineas-head .header,
    .mpen .lineas-head .header {
        width: 100%;
    }

    .mct .lineas-head .header-txt,
    .mct .lineas-head .text,
    .mpen .lineas-head .header-txt,
    .mpen .lineas-head .text {
        width: 85vw;
        margin: 0 auto;
    }

    .mct .lineas-head .text,
    .mpen .lineas-head .text {
        margin-top: 20px;
    }

    .mct .genesis .design,
    .mpen .genesis .design {
        margin-top: 0;
    }

    .mct-stat-img {
        width: 100%;
    }

    .ml3 {
        margin-left: 0;
        margin-top: 20px;
    }
    .mct .mct-head .left .lists.m4 {
        padding: 0;
        margin-top: 20px;
    }
    .attributepages-page-view .products.wrapper.grid.products-grid .mct .header .header-txt {
        text-align: center;
    }

    /*m.pen*/
    .mpen .img {
        background-size: 100% auto;
        background-position: left;
    }

    .mpen .flex-img {
        flex-direction: column;
        margin-top: 20px;
    }

    .mpen .no-wrap {
        white-space: normal;
    }

    .mpen .lists .ul-clmns {
        align-items: unset;
    }

    .mpen .revert {
        flex-direction: row !important;
    }

    .attributepages-page-view .lineas-head {
        padding: 0;
        text-align: center;
    }
    .genesis .design .line-content ul.inline-list {
        padding-left: 0;
        display: flex;
        justify-content: space-between;
    }
    .mpen .inline-list li {
        padding-right: 0;
    }
    .mpen .genesis .design .content-wrapper .line-content {
        padding-bottom: 10px;
    }
    .mpen .genesis .design .content-wrapper .line-content .head-head .text .text-txt,
    .mpen .genesis .design .content-wrapper .line-content .text-txt{
        margin-top: 0;
    }
    .mpen .genesis .design .content-wrapper .line-content .text .text-txt {
        margin-bottom: 20px;
    }
    .mpen .genesis .design .content-wrapper .line-content .lists.m4 {
        margin-top: -40px;
    }
    .img-micro {
        height: 106px;
    }
    .mpen .trwesa-interior {
        font-size: 16px;
        line-height: 20px;
    }
    .mpen .img.img-solution {
        background-size: auto;
    }



    /* mantimiento block*/
    .mantenimiento-cms {
        flex-direction: column;
        width: 100%;
        height: unset;
    }

    .mantenimiento-cms .rec-left {
        order: 2;
        margin-top: 35px;
    }

    .mantenimiento-cms .rec-right {
        order: 1s;
        padding: 10px 20px;
        margin-left: 0;
    }

    .mantenimiento-cms .rec-head,
    .mantenimiento-cms .rec-desc {
        text-align: center;
    }

    .mantenimiento-cms .rec-head {
        width: 70vw;
        font-size: 30px;
        line-height: 30px;
        margin-top: 30px;
    }

    .mantenimiento-cms .rec-desc {
        width: 70vw;
        font-size: 14px;
        line-height: 20px;
    }

    .mantenimiento-cms .div-btn {
        text-align: center;
    }

    .widget-product-list {
        padding: 0 10px;
    }

    .widget-product-list .list-widget-title {
        font-size: 30px;
        text-align: center;
    }

    .widget-product-list .list-widget-desc {
        text-align: center;
    }

    .products-list .flex-list .product-type {
        font-size: 9px;
    }

    .products-list .flex-list .product-name {
        font-size: 16px;
    }

    .products-list .flex-list .list-arrow {
        background: url(../../images/small_right_arrow.svg) no-repeat center;
    }

    .products-list .flex-list,
    .products-list .list-widget-title,
    .products-list .list-widget-desc {
        padding: 0 20px;
    }

    .products-list .flex-list:hover .list-arrow {
        background: url(../../images/small_right_arrow.svg) no-repeat center;
        transform: translateX(0);
    }
    .seo-block p {
        margin-top: 10px;
    }

    /* GENESIS CONTENT */
    .genesis .bienvenido {
        padding: 30px 20px;
    }

    .genesis .bienvenido .header-txt,
    .genesis .bienvenido .sub-header-txt,
    .genesis .bienvenido .text-txt,
    .genesis .bienvenido .action {
        text-align: left;
    }

    .genesis .technology {
        height: 100%;
    }

    .genesis .technology .balls.desktop {
        display: none;
    }

    .genesis .technology .balls.mobile {
        display: flex;
        height: 100%;
    }

    .genesis .technology {
        flex-direction: column;
        padding: 20px;
        width: unset;
    }

    .genesis .technology .bla {
        height: 245px;
    }

    .genesis .technology .header-big-txt,
    .genesis .technology .sub-header-txt,
    .genesis .technology .text-txt {
        width: 80vw !important;
    }

    .genesis .technology .swiper-wrapper,
    .genesis .technology .swiper-wrapper {
        width: 90vw;
    }

    .genesis .technology .ballsm .ball-content {
        margin-top: 40px;
    }

    .genesis .technology .ballsm .ball-content:before {
        content: "";
        position: absolute;
        top: 210px;
        left: 47%;
        z-index: 1;
        border: solid 15px transparent;
        border-bottom-color: #f8f8f8;
    }

    .genesis .technology .ballsm .ball-content button {
        margin-left: 0;
    }

    .genesis .technology .balls .ball-content .inner-content,
    .genesis .technology .ballsm .ball-content .inner-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .genesis .technology .ballsm .ball {
        margin: 0 auto;
    }

    .genesis .technology .ballsm .ball-content .first-row .img-thing {
        background-size: 100% auto;
    }

    .genesis .design.mtop {
        margin-top: 30px;
        ;
    }

    .genesis .design .top-one {
        flex-direction: column;
    }

    .genesis .design .top-one .left-img {
        width: 100%;
    }

    .genesis .design .top-one .text {
        margin: 40px auto 40px auto;
    }

    .genesis .design .cosas-lineas {
        padding: 0 10px;
    }

    .genesis .design .line-content .content-section {
        flex-direction: column;
    }

    .genesis .design .line-content .content-section .content-section-right,
    .genesis .design .line-content .content-section .content-section-left {
        width: 100%;
    }

    .genesis .design .line-content .content-section .content-section-right,
    .genesis .design .line-content .footer-footer {
        margin-top: 30px;
    }

    .genesis .design .line-content .ul-clmns {
        flex-direction: column;
    }

    .genesis .design .line-content .text-txt {
        width: 80vw;
    }

    .genesis .design .line-content .ul-clmns .col {
        margin-top: 20px;
    }

    .collection,
    .collection-2 {
        flex-direction: column;
    }

    /* mct */
    .mct .mct-head,
    .mct .mct-head .right,
    .mct .mct-head .left .lists,
    .mct .top-one {
        flex-direction: column;
    }

    .mct .mct-head .left .lists .ul-clmns:nth-child(2) {
        margin-left: 0;
    }

    .mct .mct-head .left .lists .ul-clmns .col,
    .mct .top-one .right-bla .sub-header,
    .mct .trwesa,
    .mct .top-one .left-img {
        width: 100% !important;
    }

    .mct .mct-head .left .lists {
        padding: 0 20px;
    }

    .mct .trwesa {
        text-align: center;
        width: 55vw;
        margin: 0 auto;
    }

    .mct .mct-head .right {
        margin-top: 50px;
    }

    .mct #mct-img-list,
    .mct .top-one .right-bla ul {
        margin-top: 30px;
        margin-left: 0;
    }
    .mct .top-one .right-bla ul {
        width: 100%;
    }

    .mct .mct-head .left,
    .mct .top-one .right-bla {
        width: 100%;
    }

    .mct .mct-head .right .big-img {
        margin: 0 auto;
        width: 338px;
        height: 409px;
    }

    .mct .top-one .right-bla {
        padding-left: 0;
    }

    .mct .trwesa {
        text-align: left;
    }

    .mct .lineas-head .header,
    .mpen .lineas-head .header {
        width: 100%;
    }

    .mct .lineas-head .text,
    .mpen .lineas-head .text {
        margin-top: 20px;
    }

    .mct .genesis .design,
    .mpen .genesis .design {
        margin-top: 0;
    }

    .mct-stat-img {
        width: 100%;
    }

    .ml3 {
        margin-left: 0;
        margin-top: 20px;
    }
    .mct .top-one {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .mct .sub-header .trwesa {
        font-size: 20px;
    }
    .mct .lineas-head .header-txt {
        font-size: 30px;
        line-height: 30px;
    }

    /*m.pen*/
    .mpen .img {
        background-size: 100% auto;
        background-position: left;
    }

    .mpen .flex-img {
        flex-direction: column;
        margin-top: 20px;
    }

    .mpen .no-wrap {
        white-space: normal;
    }

    .mpen .lists .ul-clmns {
        align-items: unset;
    }

    .mpen .revert {
        flex-direction: row !important;
    }

    .attributepages-page-view .lineas-head {
        padding: 0;
        text-align: center;
    }

    /* mantimiento block*/
    .mantenimiento-cms {
        flex-direction: column;
        width: 100%;
        height: unset;
    }

    .mantenimiento-cms .rec-left {
        order: 2;
        margin-top: 35px;
    }

    .mantenimiento-cms .rec-right {
        order: 1s;
        padding: 10px 20px;
        margin-left: 0;
    }

    .mantenimiento-cms .rec-head,
    .mantenimiento-cms .rec-desc {
        text-align: center;
    }

    .mantenimiento-cms .rec-head {
        width: 70vw;
        font-size: 30px;
        line-height: 30px;
        margin-top: 30px;
    }

    .mantenimiento-cms .rec-desc {
        width: 70vw;
        font-size: 14px;
        line-height: 20px;
    }

    .mantenimiento-cms .div-btn {
        text-align: center;
    }
    .genesis .design .content-wrapper {
        padding: 0 30px;
    }
    .mpen .lists .ul-clmns .col .lists .ul-clmns .col .lists .ul-clmns.revert {
        justify-content: space-between;
    }

    /* Mesoprotech en mobile */
    .attributepages-page-view .details-txt {
        font-size: 16px;
        line-height: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .attributepages-page-view .lines-block.w36, .attributepages-page-view .lines-block {
        width: 100%;
    }
    .attributepages-page-view .lines-block.w36 .cosas-lineas:hover .details-txt,
    .attributepages-page-view .lines-block.w36 .cosas-lineas.active .details-txt {
        color: #fff !important;
    }
    .attributepages-page-view .block .block-title strong {
        font-size: 30px;
        line-height: 30px;
    }
    .attributepages-page-view .lineas-outer-head {
        width: 85vw;
        margin: 0 auto;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .more-info {
        width: 95%;
    }

}

@media only screen and (min-width: 719px) {
    .attributepages-page-view .option-image img{
        width: 100%;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    
    .attributepages-page-view .no-anchor-widget{
        width: 100%;
    }

    /* mantimiento block*/
    .mantenimiento-cms .rec-desc,
    .mantenimiento-cms .rec-head {
        width: 35vw;
    }
    .genesis .bienvenido {
        padding: 15px 160px;
    }

    .genesis .technology {
        padding: 20px;
    }

    .genesis .technology .balls {
        align-content: flex-start;
        flex-wrap: wrap;
    }

    .genesis .technology .balls .ball .small-txt {
        margin: 0;
    }

    .genesis .technology .balls .ball-content {
        top: 50%;
    }

    .genesis .technology {
        height: 920px;
    }

    .genesis .design .top-one .text {
        margin: 0 auto;
    }

    .genesis .design .content-wrapper {
        padding: 0;
    }

    .genesis .design .line-content .content-section .content-section-left {
        width: 60%;
    }

    .collection .col-images,
    .collection-2 .col-images {
        flex-wrap: wrap;
    }
    .genesis .design .cosas-lineas {
        padding: 0 61px;
    }
    .attributepages-page-view .option-image {
        padding: 0;
    }
    .mct .mct-head .right {
        flex-direction: column;
        width: 50%;
    }
    .mct .mct-head .right .big-img {
        margin: 0 auto;
    }
    .mct #mct-img-list {
        margin-top: 50px;
        padding-left: 0;
    }
    .mct .mct-head .left {
        width: 47%;
    }
    .trwesa {
        font-size: 25px;
        line-height: 35px;
    }
    .mpen .flex-img {
        flex-direction: column;
    }
    .genesis .design .line-content .lists.m4 .ul-clmns {
        flex-direction: column;
    }
    .genesis .design .line-content .ul-clmns .col {
        width: 100%;
    }
    .img-protocolo-hydra,
    .img-protocolo-mpen,
    .img-protocolo-mpen2,
    .img-protocolo-post,
    .img-protocolo-post-trat,
    .img-resultado-eficacia,
    .img-resultado-doble,
    .img-resultado-estrias1,
    .img-resultado-despig,
    .img-resultado-estrias2 {
        background-position: center;
    }
    .img-protocolo-post-trat {
        margin-bottom: 30px;
    }
    .vw38 {
        width: 100%;
    }
    .mpen .lists .ul-clmns .col .lists .ul-clmns .col .lists .ul-clmns.revert .col {
        flex-basis: 33% !important;
    }
    .mpen .lists .ul-clmns .col .lists .ul-clmns .col .lists .ul-clmns.revert {
        flex-direction: row !important;
        justify-content: center;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {

    .attributepages-page-view .option-image {
        padding: 0;
    }
    .mct .mct-head .right {
        flex-direction: column;
        width: 50%;
    }
    .mct .mct-head .right .big-img {
        margin: 0 auto;
    }
    .mct #mct-img-list {
        margin-top: 50px;
        padding-left: 0;
    }
    .mct .mct-head .left {
        width: 47%;
    }
    .mpen .lists .ul-clmns .col {
        padding-right: 10px;
    }
    .img-protocolo-hydra,
    .img-protocolo-mpen,
    .img-protocolo-mpen2,
    .img-protocolo-post,
    .img-protocolo-post-trat {
        background-size: 100% auto;
        background-position: left;
    }

    .ul-clmns.m4 .text-txt {
        width: 100%;
        white-space: normal;
    }

    .mpen .lists .ul-clmns .col .lists .ul-clmns .col .lists .ul-clmns.revert {
        justify-content: space-between;
    }
    .key-benefits .row.row-container {
        padding-right: 120px;
        padding-left: 120px;
    }

}
@media only screen and (min-width: 1025px) and (max-width: 1250px) {
    .img-resultado-eficacia,
    .img-resultado-doble,
    .img-resultado-estrias1,
    .img-resultado-despig,
    .img-resultado-estrias2 {
        background-size: 100% auto;
    }
}
@media only screen and (min-width: 1440px) and (max-width: 1700px) {
    .mct .mct-head .left {
        width: 40%;
    }
    .mct #mct-img-list {
        padding-left: 0;
    }
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
    .img-resultado-eficacia {
        height: 262px;
    }
    .img-resultado-doble {
        height: 270px;
    }
    .img-resultado-estrias1 {
        height: 190px;
    }
    .img-resultado-despig {
        height: 230px;
    }
}