npm - ctt-babylon - Versions diffs - 0.12.30 → 0.12.31 - Mend

ctt-babylon 0.12.30 → 0.12.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/esm2022/lib/components/core/babylon-info-zigzag-v4/babylon-info-zigzag-v4.component.mjs CHANGED Viewed

@@ -10,7 +10,7 @@ export class BabylonInfoZigzagV4Component {
         this.rightSide = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonInfoZigzagV4Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonInfoZigzagV4Component, isStandalone: true, selector: "lib-babylon-info-zigzag-v4", inputs: { rightSide: "rightSide", texts: "texts", multimedia: "multimedia" }, ngImport: i0, template: "<section\n    class=\"zigzag-v4 zigzag-v4--right-img js-active-slider\"\n    [ngClass]=\"{ 'zigzag-v4--right-img': rightSide }\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-zigzag-v4-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_btns=\"icon-small\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"container\">\n        <div class=\"zigzag-v4__inner\">\n          @if(texts?.title) {\n            <span class=\"zigzag-v4__title\">{{ texts?.title }}</span>\n          }\n          @if(multimedia?.imagenes?.length) {\n            <div class=\"relative\">\n                <div\n                    class=\"zigzag-v4__slider js-zigzag-v4-slider js-slider_fix-arrows\"\n                    sliderFixArrows\n                >\n                  @for( imagen of multimedia?.imagenes;track $index ) {\n                      <div>\n                          <div class=\"zigzag-v4__item\">\n                              <div class=\"zigzag-v4__image\">\n                                @if(imagen?.img?.src) {\n                                  <figure class=\"js-slider_fix-arrows-zone\">\n                                      <svg\n                                          aria-hidden=\"true\"\n                                          focusable=\"false\"\n                                          class=\"zigzag-v4__image--graphic\"\n                                      >\n                                          <use\n                                              href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                          ></use>\n                                      </svg>\n                                      <img\n                                          [src]=\"imagen?.img?.src\" [alt]=\"imagen?.img?.alt\"\n                                      />\n                                  </figure>\n                                }\n                                @if(imagen.buttons?.length) {\n                                  <div class=\"btn__group\">\n                                    @for (button of imagen?.buttons; track $index) {\n                                      <a role=\"button\"\n                                          [href]=\"button?.url\"\n                                          [linkType]=\"button?.linkType\" class=\"btn btn__primary\"\n                                          >\n                                            <span>{{ button?.label}}</span>\n                                      </a>\n                                    }\n                                  </div>\n                                }\n                              </div>\n                              <div class=\"zigzag-v4__content\">\n                                @if(imagen?.title) {\n                                  <h2>\n                                      <span [innerHTML]=\"imagen?.title\"></span>\n                                  </h2>\n                                }\n                                @if(imagen?.subtitle) {\n                                  <span class=\"zigzag-v4__sub-heading\"\n                                      >{{ imagen?.subtitle}}</span\n                                  >\n                                }\n                                @if(imagen?.description) {\n                                  <p [innerHTML]=\"imagen?.description\"></p>\n                                }\n                                @if(imagen.buttons?.length) {\n                                  <div class=\"btn__group\">\n                                      @for (button of imagen?.buttons; track $index) {\n                                      <a role=\"button\"\n                                          [href]=\"button?.url\"\n                                          [linkType]=\"button?.linkType\" class=\"btn btn__primary\"\n                                          ><span>{{ button?.label}}</span>\n                                      </a>\n                                    }\n                                  </div>\n                                }\n                              </div>\n                          </div>\n                      </div>\n                    }\n                </div>\n                <div\n                    class=\"js-slider-arrows arrows--absolute arrows--full\"\n                ></div>\n            </div>\n          }\n        </div>\n    </div>\n</section>\n<!--\n<section\n    class=\"zigzag-v4 zigzag-v4--right-img js-active-slider\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-zigzag-v4-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_btns=\"icon-small\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"container\">\n        <div class=\"zigzag-v4__inner\">\n            <span class=\"zigzag-v4__title\">espacios del hotel</span>\n            <div class=\"relative\">\n                <div\n                    class=\"zigzag-v4__slider js-zigzag-v4-slider js-slider_fix-arrows\"\n                    sliderFixArrows\n                >\n                    <div>\n                        <div class=\"zigzag-v4__item\">\n                            <div class=\"zigzag-v4__image\">\n                                <figure class=\"js-slider_fix-arrows-zone\">\n                                    <svg\n                                        aria-hidden=\"true\"\n                                        focusable=\"false\"\n                                        class=\"zigzag-v4__image--graphic\"\n                                    >\n                                        <use\n                                            href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                        ></use>\n                                    </svg>\n                                    <img\n                                        src=\"/assets/babylon/images/img-43.webp\"\n                                    />\n                                </figure>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Ver Restaurante</span></a\n                                    >\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Reservar Mesa</span></a\n                                    >\n                                </div>\n                            </div>\n                            <div class=\"zigzag-v4__content\">\n                                <h2>\n                                    <span\n                                        >Area<br />\n                                        Lounge</span\n                                    >\n                                </h2>\n                                <span class=\"zigzag-v4__sub-heading\"\n                                    >D\u00CDA Y NOCHE</span\n                                >\n                                <p>\n                                    Many desktop publishing packages and web\n                                    page editors now use Lorem Ipsum as their\n                                    default model text, and a search for lorem\n                                    ipsum will uncover many web sites still in\n                                    their infancy.\n                                </p>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Ver Restaurante</span></a\n                                    >\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Reservar Mesa</span></a\n                                    >\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div>\n                        <div class=\"zigzag-v4__item\">\n                            <div class=\"zigzag-v4__image\">\n                                <figure class=\"js-slider_fix-arrows-zone\">\n                                    <svg\n                                        aria-hidden=\"true\"\n                                        focusable=\"false\"\n                                        class=\"zigzag-v4__image--graphic\"\n                                    >\n                                        <use\n                                            href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                        ></use>\n                                    </svg>\n                                    <img\n                                        src=\"/assets/babylon/images/img-16.webp\"\n                                    />\n                                </figure>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>M\u00E1s informaci\u00F3n</span></a\n                                    >\n                                </div>\n                            </div>\n                            <div class=\"zigzag-v4__content\">\n                                <h2>\n                                    <span\n                                        >Gastro<br />\n                                        Pool Bar</span\n                                    >\n                                </h2>\n                                <span class=\"zigzag-v4__sub-heading\"\n                                    >PARA CADA MOMENTO DEL D\u00CDA</span\n                                >\n                                <p>\n                                    Los productos frescos y la gran calidad de\n                                    nuestros profesionales se unen en un\n                                    restaurante especial, \"Carmen\" toda una\n                                    experiencia gastron\u00F3mica en Formentera,\n                                    desc\u00FAbralo.\n                                </p>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>M\u00E1s informaci\u00F3n</span></a\n                                    >\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div\n                    class=\"js-slider-arrows arrows--absolute arrows--full\"\n                ></div>\n            </div>\n        </div>\n    </div>\n</section>\n-->\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.container{max-width:100%}.zigzag-v4{overflow:hidden;padding-block:5rem}@media (min-width: 540px){.zigzag-v4{padding-block:6rem}}@media (min-width: 768px){.zigzag-v4{padding-block:8rem}}@media (min-width: 1024px){.zigzag-v4{padding-block:7rem}}@media (min-width: 1280px){.zigzag-v4{padding-block:8rem 17rem}}@media (min-width: 1366px){.zigzag-v4{padding-block:9rem 18rem}}@media (min-width: 1680px){.zigzag-v4{padding-block:10rem 21rem}}@media (min-width: 768px){.zigzag-v4 .container{--inline-spacing-left: 8.9rem;--inline-spacing-right: 8.9rem}}@media (min-width: 1280px){.zigzag-v4 .container{--inline-spacing-left: 12.1rem;--inline-spacing-right: 12.1rem}}@media (min-width: 1366px){.zigzag-v4 .container{--inline-spacing-left: 12.4rem;--inline-spacing-right: 13.074rem}}@media (min-width: 1680px){.zigzag-v4 .container{--inline-spacing-right: 16rem;--inline-spacing-left: 15.6rem}}@media (min-width: 1800px){.zigzag-v4 .container{--inline-spacing-left: 17.4rem;--inline-spacing-right: 18rem}}.zigzag-v4__slider .slick-list{overflow:visible!important}.zigzag-v4__inner{display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.zigzag-v4__inner{gap:3rem;max-width:59.2rem;margin-inline:auto}}@media (min-width: 1280px){.zigzag-v4__inner{gap:3.1rem;max-width:unset}}@media (min-width: 1366px){.zigzag-v4__inner{gap:3rem}}@media (min-width: 1680px){.zigzag-v4__inner{gap:4rem}}.zigzag-v4__inner .zigzag-v4__title{width:100%;text-transform:uppercase;text-align:center;color:rgb(var(--primary),80%);font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.4rem;line-height:1.4285714286}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.8rem;line-height:1;letter-spacing:.36rem;max-width:63rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__title{max-width:69.926rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__title{max-width:86rem}}@media (min-width: 1800px){.zigzag-v4__inner .zigzag-v4__title{max-width:90.1rem}}.zigzag-v4__inner .zigzag-v4__item{display:flex;flex-direction:column;gap:1.4rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__item{gap:2rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__item{gap:2.062rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__item{flex-direction:row;gap:6.08rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__item{gap:5.51rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__item{gap:6rem}}@media (min-width: 1800px){.zigzag-v4__inner .zigzag-v4__item{gap:8rem}}.zigzag-v4__inner .zigzag-v4__item:hover .zigzag-v4__image .btn__group{transform:translateY(0)}.zigzag-v4__inner .zigzag-v4__image{position:relative;overflow:hidden;width:100%}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image{flex:0 0 auto;max-width:63rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__image{max-width:69.926rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__image{max-width:86rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__image{max-width:90.1rem}}.zigzag-v4__inner .zigzag-v4__image figure{aspect-ratio:295/207}.zigzag-v4__inner .zigzag-v4__image--graphic{color:var(--white);position:absolute;bottom:-.1rem;left:50%;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;width:6rem;z-index:1}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__image--graphic{width:10rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image--graphic{bottom:unset;left:unset;top:50%;right:-.1rem;transform:translate(50%) rotate(90deg);transform-origin:top}}.zigzag-v4__inner .zigzag-v4__image .btn__group{display:none;transition:var(--transition);background:var(--white)}@media (min-width: 1024px){.zigzag-v4__inner .zigzag-v4__image .btn__group{display:flex;opacity:0;pointer-events:none;position:absolute;inset:auto 0 0;transform:translateY(100%)}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image .btn__group{opacity:1;pointer-events:initial;padding-top:3rem;justify-content:center;gap:3rem}}.zigzag-v4__inner .zigzag-v4__content{display:flex;flex-direction:column}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content{flex:1 1 auto;padding-top:3rem;position:relative;padding-left:.8rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__content{padding-top:5rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content{padding-top:11.9rem}}.zigzag-v4__inner .zigzag-v4__content h2{font-size:4.8rem;line-height:1;margin-bottom:3rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:6.6rem;line-height:1;margin-bottom:3.5rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:8rem;line-height:1;margin-bottom:5rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:9rem;line-height:1;margin-top:auto;margin-bottom:0;position:absolute;order:3;left:0;top:calc(100% - 10rem);white-space:nowrap}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:11rem;line-height:1;top:calc(100% - 13.5rem)}}.zigzag-v4__inner .zigzag-v4__content h2 br{display:none}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content h2 br{display:block}}.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{color:rgb(var(--primary),80%);text-transform:uppercase;font-size:1.6rem;line-height:1;letter-spacing:.064rem;margin-bottom:2rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{font-size:1.7rem;line-height:1;letter-spacing:.17rem;margin-bottom:3rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{font-size:2rem;line-height:1}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{order:1;letter-spacing:.3rem;margin-bottom:5rem}}.zigzag-v4__inner .zigzag-v4__content p{color:rgb(var(--primary),80%);font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content p{font-size:1.8rem;line-height:1.5555555556;width:43.5rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;width:59.8rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content p{font-size:2rem;line-height:1.7;width:35rem;order:2}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content p{width:50rem}}.zigzag-v4__inner .zigzag-v4__content .btn__group{flex-direction:column;align-items:center;gap:2rem;margin-top:3rem}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content .btn__group{flex-direction:row;gap:3rem;justify-content:center;margin-top:3.7rem}}@media (min-width: 1024px){.zigzag-v4__inner .zigzag-v4__content .btn__group{margin-top:5rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content .btn__group{display:none}}.zigzag-v4.bg-cream .zigzag-v4__image .btn__group{background:var(--cream)}.zigzag-v4.bg-cream .zigzag-v4__image--graphic{color:var(--cream)}.zigzag-v4--right-img .zigzag-v4__title{margin-left:auto}@media (min-width: 1280px){.zigzag-v4--right-img .zigzag-v4__item{flex-direction:row-reverse}}@media (min-width: 1280px){.zigzag-v4--right-img .zigzag-v4__image--graphic{left:-.1rem;top:50%;right:unset;transform:translate(-50%) rotate(-90deg);transform-origin:top}}.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-4rem}@media (min-width: 540px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-6rem}}@media (min-width: 1280px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-9.05rem}}@media (min-width: 1366px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-9.2rem -9.537rem}}@media (min-width: 1680px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-10.8rem -11rem}}@media (min-width: 1800px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-11.7rem -12rem}}.js-active-slider{--sliderNav__position: 50%}.relative{position:relative}.js-slider-arrows.arrows--absolute{position:absolute;top:var(--sliderNav__position);left:0;right:0;transform:translateY(-50%)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }, { kind: "directive", type: SliderFixArrowsDirective, selector: "[sliderFixArrows]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonInfoZigzagV4Component, isStandalone: true, selector: "lib-babylon-info-zigzag-v4", inputs: { rightSide: "rightSide", texts: "texts", multimedia: "multimedia" }, ngImport: i0, template: "<section\n    class=\"zigzag-v4 zigzag-v4--right-img js-active-slider\"\n    [ngClass]=\"{ 'zigzag-v4--right-img': rightSide }\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-zigzag-v4-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_btns=\"icon-small\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"container\">\n        <div class=\"zigzag-v4__inner\">\n          @if(texts?.title) {\n            <span class=\"zigzag-v4__title\">{{ texts?.title }}</span>\n          }\n          @if(multimedia?.imagenes?.length) {\n            <div class=\"relative\">\n                <div\n                    class=\"zigzag-v4__slider js-zigzag-v4-slider js-slider_fix-arrows\"\n                    sliderFixArrows\n                >\n                  @for( imagen of multimedia?.imagenes;track $index ) {\n                      <div>\n                          <div class=\"zigzag-v4__item\">\n                              <div class=\"zigzag-v4__image\">\n                                @if(imagen?.img?.src) {\n                                  <figure class=\"js-slider_fix-arrows-zone\">\n                                      <svg\n                                          aria-hidden=\"true\"\n                                          focusable=\"false\"\n                                          class=\"zigzag-v4__image--graphic\"\n                                      >\n                                          <use\n                                              href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                          ></use>\n                                      </svg>\n                                      <img\n                                          [src]=\"imagen?.img?.src\" [alt]=\"imagen?.img?.alt\"\n                                      />\n                                  </figure>\n                                }\n                                @if(imagen.buttons?.length) {\n                                  <div class=\"btn__group\">\n                                    @for (button of imagen?.buttons; track $index) {\n                                      <a role=\"button\"\n                                          [href]=\"button?.url\"\n                                          [linkType]=\"button?.linkType\" class=\"btn btn__primary\"\n                                          >\n                                            <span>{{ button?.label}}</span>\n                                      </a>\n                                    }\n                                  </div>\n                                }\n                              </div>\n                              <div class=\"zigzag-v4__content\">\n                                @if(imagen?.title) {\n                                  <h2>\n                                      <span [innerHTML]=\"imagen?.title\"></span>\n                                  </h2>\n                                }\n                                @if(imagen?.subtitle) {\n                                  <span class=\"zigzag-v4__sub-heading\"\n                                      >{{ imagen?.subtitle}}</span\n                                  >\n                                }\n                                @if(imagen?.description) {\n                                  <p [innerHTML]=\"imagen?.description\"></p>\n                                }\n                                @if(imagen.buttons?.length) {\n                                  <div class=\"btn__group\">\n                                      @for (button of imagen?.buttons; track $index) {\n                                      <a role=\"button\"\n                                          [href]=\"button?.url\"\n                                          [linkType]=\"button?.linkType\" class=\"btn btn__primary\"\n                                          ><span>{{ button?.label}}</span>\n                                      </a>\n                                    }\n                                  </div>\n                                }\n                              </div>\n                          </div>\n                      </div>\n                    }\n                </div>\n                <div\n                    class=\"js-slider-arrows arrows--absolute arrows--full\"\n                ></div>\n            </div>\n          }\n        </div>\n    </div>\n</section>\n<!--\n<section\n    class=\"zigzag-v4 zigzag-v4--right-img js-active-slider\"\n    data-slides_infinite=\"true\"\n    data-slider_name=\"js-zigzag-v4-slider\"\n    data-slider_showbtns=\"true\"\n    data-slider_btns=\"icon-small\"\n    data-slider_showdots=\"false\"\n    data-slider_fade=\"true\"\n    data-slider_autoplay=\"true\"\n    data-slides_pc=\"1\"\n>\n    <div class=\"container\">\n        <div class=\"zigzag-v4__inner\">\n            <span class=\"zigzag-v4__title\">espacios del hotel</span>\n            <div class=\"relative\">\n                <div\n                    class=\"zigzag-v4__slider js-zigzag-v4-slider js-slider_fix-arrows\"\n                    sliderFixArrows\n                >\n                    <div>\n                        <div class=\"zigzag-v4__item\">\n                            <div class=\"zigzag-v4__image\">\n                                <figure class=\"js-slider_fix-arrows-zone\">\n                                    <svg\n                                        aria-hidden=\"true\"\n                                        focusable=\"false\"\n                                        class=\"zigzag-v4__image--graphic\"\n                                    >\n                                        <use\n                                            href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                        ></use>\n                                    </svg>\n                                    <img\n                                        src=\"/assets/babylon/images/img-43.webp\"\n                                    />\n                                </figure>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Ver Restaurante</span></a\n                                    >\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Reservar Mesa</span></a\n                                    >\n                                </div>\n                            </div>\n                            <div class=\"zigzag-v4__content\">\n                                <h2>\n                                    <span\n                                        >Area<br />\n                                        Lounge</span\n                                    >\n                                </h2>\n                                <span class=\"zigzag-v4__sub-heading\"\n                                    >D\u00CDA Y NOCHE</span\n                                >\n                                <p>\n                                    Many desktop publishing packages and web\n                                    page editors now use Lorem Ipsum as their\n                                    default model text, and a search for lorem\n                                    ipsum will uncover many web sites still in\n                                    their infancy.\n                                </p>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Ver Restaurante</span></a\n                                    >\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>Reservar Mesa</span></a\n                                    >\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div>\n                        <div class=\"zigzag-v4__item\">\n                            <div class=\"zigzag-v4__image\">\n                                <figure class=\"js-slider_fix-arrows-zone\">\n                                    <svg\n                                        aria-hidden=\"true\"\n                                        focusable=\"false\"\n                                        class=\"zigzag-v4__image--graphic\"\n                                    >\n                                        <use\n                                            href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n                                        ></use>\n                                    </svg>\n                                    <img\n                                        src=\"/assets/babylon/images/img-16.webp\"\n                                    />\n                                </figure>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>M\u00E1s informaci\u00F3n</span></a\n                                    >\n                                </div>\n                            </div>\n                            <div class=\"zigzag-v4__content\">\n                                <h2>\n                                    <span\n                                        >Gastro<br />\n                                        Pool Bar</span\n                                    >\n                                </h2>\n                                <span class=\"zigzag-v4__sub-heading\"\n                                    >PARA CADA MOMENTO DEL D\u00CDA</span\n                                >\n                                <p>\n                                    Los productos frescos y la gran calidad de\n                                    nuestros profesionales se unen en un\n                                    restaurante especial, \"Carmen\" toda una\n                                    experiencia gastron\u00F3mica en Formentera,\n                                    desc\u00FAbralo.\n                                </p>\n                                <div class=\"btn__group\">\n                                    <a href=\"/\" class=\"btn btn__primary\"\n                                        ><span>M\u00E1s informaci\u00F3n</span></a\n                                    >\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div\n                    class=\"js-slider-arrows arrows--absolute arrows--full\"\n                ></div>\n            </div>\n        </div>\n    </div>\n</section>\n-->\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.container{max-width:100%}.zigzag-v4{overflow:hidden;padding-block:5rem}@media (min-width: 540px){.zigzag-v4{padding-block:6rem}}@media (min-width: 768px){.zigzag-v4{padding-block:8rem}}@media (min-width: 1024px){.zigzag-v4{padding-block:7rem}}@media (min-width: 1280px){.zigzag-v4{padding-block:8rem 17rem}}@media (min-width: 1366px){.zigzag-v4{padding-block:9rem 18rem}}@media (min-width: 1680px){.zigzag-v4{padding-block:10rem 21rem}}@media (min-width: 768px){.zigzag-v4 .container{--inline-spacing-left: 8.9rem;--inline-spacing-right: 8.9rem}}@media (min-width: 1280px){.zigzag-v4 .container{--inline-spacing-left: 12.1rem;--inline-spacing-right: 12.1rem}}@media (min-width: 1366px){.zigzag-v4 .container{--inline-spacing-left: 12.4rem;--inline-spacing-right: 13.074rem}}@media (min-width: 1680px){.zigzag-v4 .container{--inline-spacing-right: 16rem;--inline-spacing-left: 15.6rem}}@media (min-width: 1800px){.zigzag-v4 .container{--inline-spacing-left: 17.4rem;--inline-spacing-right: 18rem}}.zigzag-v4__slider .slick-list{overflow:visible!important}.zigzag-v4__inner{display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 768px){.zigzag-v4__inner{gap:3rem;max-width:59.2rem;margin-inline:auto}}@media (min-width: 1280px){.zigzag-v4__inner{gap:3.1rem;max-width:unset}}@media (min-width: 1366px){.zigzag-v4__inner{gap:3rem}}@media (min-width: 1680px){.zigzag-v4__inner{gap:4rem}}.zigzag-v4__inner .zigzag-v4__title{width:100%;text-transform:uppercase;text-align:center;color:rgb(var(--primary),80%);font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.4rem;line-height:1.4285714286}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__title{font-size:1.8rem;line-height:1;letter-spacing:.36rem;max-width:63rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__title{max-width:69.926rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__title{max-width:86rem}}@media (min-width: 1800px){.zigzag-v4__inner .zigzag-v4__title{max-width:90.1rem}}.zigzag-v4__inner .zigzag-v4__item{display:flex;flex-direction:column;gap:1.4rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__item{gap:2rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__item{gap:2.062rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__item{flex-direction:row;gap:6.08rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__item{gap:5.51rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__item{gap:6rem}}@media (min-width: 1800px){.zigzag-v4__inner .zigzag-v4__item{gap:8rem}}.zigzag-v4__inner .zigzag-v4__item:hover .zigzag-v4__image .btn__group{transform:translateY(0)}.zigzag-v4__inner .zigzag-v4__image{position:relative;overflow:hidden;width:100%}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image{flex:0 0 auto;max-width:63rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__image{max-width:69.926rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__image{max-width:86rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__image{max-width:90.1rem}}.zigzag-v4__inner .zigzag-v4__image figure{aspect-ratio:295/207}.zigzag-v4__inner .zigzag-v4__image--graphic{color:var(--white);position:absolute;bottom:-.1rem;left:50%;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;width:6rem;z-index:1}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__image--graphic{width:10rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image--graphic{bottom:unset;left:unset;top:50%;right:-.1rem;transform:translate(50%) rotate(90deg);transform-origin:top}}.zigzag-v4__inner .zigzag-v4__image .btn__group{display:none;transition:var(--transition);background:var(--white)}@media (min-width: 1024px){.zigzag-v4__inner .zigzag-v4__image .btn__group{display:flex;opacity:0;pointer-events:none;position:absolute;inset:auto 0 0;transform:translateY(100%)}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__image .btn__group{opacity:1;pointer-events:initial;padding-top:3rem;justify-content:center;gap:3rem}}.zigzag-v4__inner .zigzag-v4__content{display:flex;flex-direction:column}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content{flex:1 1 auto;padding-top:3rem;position:relative;padding-left:.8rem}}@media (min-width: 1366px){.zigzag-v4__inner .zigzag-v4__content{padding-top:5rem}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content{padding-top:11.9rem}}.zigzag-v4__inner .zigzag-v4__content h2{font-size:4.8rem;line-height:1;margin-bottom:3rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:6.6rem;line-height:1;margin-bottom:3.5rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:8rem;line-height:1;margin-bottom:5rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:9rem;line-height:1;margin-top:auto;margin-bottom:0;position:absolute;order:3;left:0;top:calc(100% - 10rem);white-space:nowrap}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content h2{font-size:11rem;line-height:1;top:calc(100% - 13.5rem)}}.zigzag-v4__inner .zigzag-v4__content h2 br{display:none}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content h2 br{display:block}}.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{color:rgb(var(--primary),80%);text-transform:uppercase;font-size:1.6rem;line-height:1;letter-spacing:.064rem;margin-bottom:2rem}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{font-size:1.7rem;line-height:1;letter-spacing:.17rem;margin-bottom:3rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{font-size:2rem;line-height:1}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content .zigzag-v4__sub-heading{order:1;letter-spacing:.3rem;margin-bottom:5rem}}.zigzag-v4__inner .zigzag-v4__content p{color:rgb(var(--primary),80%);font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.zigzag-v4__inner .zigzag-v4__content p{font-size:1.8rem;line-height:1.5555555556;width:43.5rem}}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;width:59.8rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content p{font-size:2rem;line-height:1.7;width:35rem;order:2}}@media (min-width: 1680px){.zigzag-v4__inner .zigzag-v4__content p{width:50rem}}.zigzag-v4__inner .zigzag-v4__content .btn__group{flex-direction:column;align-items:center;gap:2rem;margin-top:3rem}@media (min-width: 768px){.zigzag-v4__inner .zigzag-v4__content .btn__group{flex-direction:row;gap:3rem;justify-content:center;margin-top:3.7rem}}@media (min-width: 1024px){.zigzag-v4__inner .zigzag-v4__content .btn__group{margin-top:5rem}}@media (min-width: 1280px){.zigzag-v4__inner .zigzag-v4__content .btn__group{display:none}}.zigzag-v4.bg-cream .zigzag-v4__image .btn__group{background:var(--cream)}.zigzag-v4.bg-cream .zigzag-v4__image--graphic{color:var(--cream)}.zigzag-v4--right-img .zigzag-v4__title{margin-left:auto}@media (min-width: 1280px){.zigzag-v4--right-img .zigzag-v4__item{flex-direction:row-reverse}}@media (min-width: 1280px){.zigzag-v4--right-img .zigzag-v4__image--graphic{left:-.1rem;top:50%;right:unset;transform:translate(-50%) rotate(-90deg);transform-origin:top}}.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-4rem}@media (min-width: 540px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-6rem}}@media (min-width: 1280px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-9.05rem}}@media (min-width: 1366px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-9.2rem -9.537rem}}@media (min-width: 1680px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-10.8rem -11rem}}@media (min-width: 1800px){.zigzag-v4.js-active-slider .js-slider-arrows.arrows--full{inset-inline:-11.7rem -12rem}}.js-active-slider{--sliderNav__position: 50%}.relative{position:relative}.js-slider-arrows.arrows--absolute{position:absolute;top:var(--sliderNav__position);left:0;right:0;transform:translateY(-50%)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }, { kind: "directive", type: SliderFixArrowsDirective, selector: "[sliderFixArrows]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonInfoZigzagV4Component, decorators: [{
             type: Component,

package/esm2022/lib/components/core/babylon-info2col-img/babylon-info2col-img.component.mjs CHANGED Viewed

@@ -14,7 +14,7 @@ export class BabylonInfo2ColImgComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonInfo2ColImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonInfo2ColImgComponent, isStandalone: true, selector: "lib-babylon-info2col-img", inputs: { rightmodule: "rightmodule", title: "title", text: "text", buttons: "buttons", items: "items", smallimage: "smallimage", pretitle: "pretitle", subtitle: "subtitle", showArrows: "showArrows" }, ngImport: i0, template: "<section class=\"babylon__info-zigzag-v3 margin-main\">\n    <div class=\"cs_feature_box cs_style_2\">\n        <div class=\"container\">\n            <div class=\"row cs_gap_y_50\">\n                <div\n                    class=\"item-container babylon-column-1 col-lg-6\"\n                    [ngClass]=\"{ cs_mobile_reverse_sp: rightmodule }\"\n                >\n                    <div class=\"img-container cs_mb_55 cs_mb_lg_40\">\n                        @if (items?.length) {\n                            <img\n                                [src]=\"items?.[0]?.img?.src\"\n                                [alt]=\"items?.[0]?.img?.alt\"\n                                class=\"cs_feature_thumb_1 cs--radius\"\n                                loading=\"lazy\"\n                            />\n                        }\n                    </div>\n                    <div class=\"intro_info_container\">\n                        <div class=\"intro_info no-align\">\n                            @if (showArrows) {\n                                <svg\n                                    class=\"arrow-point\"\n                                    viewBox=\"0 0 100 50\"\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                >\n                                    <path\n                                        class=\"arrow-fill\"\n                                        d=\"M100 50C72.3857 50 50 27.6143 50 4.37114e-06C50 27.6143 27.6143 50 0 50L100 50Z\"\n                                    />\n                                </svg>\n                            }\n\n                            @if (items?.[0]?.title) {\n                                <h3 class=\"title mb--10\">\n                                    {{ items?.[0]?.title }}\n                                </h3>\n                            }\n\n                            @if (items?.[0]?.description) {\n                                <p class=\"text\">\n                                    {{ items?.[0]?.description }}\n                                </p>\n                            }\n\n                            @if (items?.[0]?.buttons?.length) {\n                                <div class=\"btns__box\">\n                                    @for (\n                                        button of items?.[0]?.buttons;\n                                        track $index;\n                                        let odd = $odd\n                                    ) {\n                                        @if (button) {\n                                            <a\n                                                [attr.aria-label]=\"button.label\"\n                                                [href]=\"button?.url\"\n                                                [linkType]=\"button.linkType\"\n                                                class=\"btn btn_primary\"\n                                            >\n                                                <b>{{ button.label }}</b>\n                                                <span\n                                                    class=\"babylon-arrow-right-big\"\n                                                ></span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                        <div class=\"diamond\">\n                            @if (smallimage) {\n                                <img\n                                    [src]=\"smallimage?.src\"\n                                    [alt]=\"smallimage.alt\"\n                                    class=\"cs_feature_thumb_1 cs--radius\"\n                                    loading=\"lazy\"\n                                />\n                            }\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item-container col-lg-6\">\n                    <div class=\"cs_height_100 cs_height_lg_0\"></div>\n                    <div class=\"intro_info no-align\">\n                        @if (pretitle) {\n                            <div class=\"pretitle-container\">\n                                <p class=\"pretitle\">{{ pretitle }}</p>\n                            </div>\n                        }\n                        <div class=\"intro_info container_2 no-align\">\n                            <div class=\"data-container\">\n                                @if (items?.length) {\n                                    <h3 class=\"title mb--10 mt--20\">\n                                        {{ items?.[1]?.title }}\n                                    </h3>\n                                    <p class=\"text\">\n                                        {{ items?.[1]?.description }}\n                                    </p>\n                                    @if (items?.[1]?.buttons?.length) {\n                                        <div class=\"btns__box\">\n                                            @for (\n                                                button of items?.[1]?.buttons;\n                                                track $index;\n                                                let odd = $odd\n                                            ) {\n                                                @if (button) {\n                                                    <a\n                                                        [attr.aria-label]=\"\n                                                            button.label\n                                                        \"\n                                                        [href]=\"button?.url\"\n                                                        [linkType]=\"\n                                                            button.linkType\n                                                        \"\n                                                        class=\"btn btn_primary\"\n                                                    >\n                                                        <b>{{\n                                                            button.label\n                                                        }}</b>\n                                                        <span\n                                                            class=\"babylon-arrow-right-big\"\n                                                        ></span>\n                                                    </a>\n                                                }\n                                            }\n                                        </div>\n                                    }\n                                    @if (showArrows) {\n                                        <svg\n                                            class=\"arrow-point arrow-down\"\n                                            viewBox=\"0 0 100 50\"\n                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                        >\n                                            <path\n                                                class=\"arrow-fill\"\n                                                d=\"M100 50C72.3857 50 50 27.6143 50 4.37114e-06C50 27.6143 27.6143 50 0 50L100 50Z\"\n                                            />\n                                        </svg>\n                                    }\n                                }\n                            </div>\n                            <div class=\"img-container-2 cs_mb_lg_40\">\n                                @if (items?.length) {\n                                    <img\n                                        [src]=\"items?.[1]?.img?.src\"\n                                        [alt]=\"items?.[1]?.img?.alt\"\n                                        class=\"cs_feature_thumb_1 cs--radius\"\n                                        loading=\"lazy\"\n                                    />\n                                }\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}.babylon__info-zigzag-v3 .babylon-column-1.cs_mobile_reverse_sp{order:2}@media (max-width: 1023px){.babylon__info-zigzag-v3 .babylon-column-1{order:2}}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container{position:relative;overflow:hidden}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .img-container{position:relative;z-index:1;display:flex;justify-content:center}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .img-container img{width:500px}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:2rem 1rem;transition:transform .4s ease}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container{position:relative;padding:0rem 1rem}}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info{align-items:center;text-align:center;padding:22px 60px;position:absolute;bottom:96%;background-color:var(--cl_background_body);left:0;right:0;transition:transform .4s ease,opacity .4s ease}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info h3,.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info p{margin-bottom:1rem}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info .btns__box{display:flex;justify-content:center;opacity:0;transform:translateY(20px);height:0;transition:opacity .4s ease,transform .4s ease}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info{position:relative;transform:translateY(-40px);padding:30px}}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond{margin:clamp(2rem,4vw,3rem) auto 0;width:200px;height:200px;transform:rotate(45deg);overflow:hidden}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond img{width:100%;height:100%;object-fit:cover;display:block;transform:rotate(-45deg) scale(1.42)}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond{margin-bottom:20px}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond{width:150px;height:150px;transform:rotate(45deg);overflow:hidden}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond img{width:100%;height:100%;object-fit:cover;display:block;transform:rotate(-45deg) scale(1.42)}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond{margin-bottom:40px}}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info{align-items:center}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info .pretitle-container{width:100%;text-align:center}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info.container_2{align-items:center}@media (min-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container:hover .intro_info_container .intro_info{transform:translateY(-40px)}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container:hover .intro_info_container .intro_info .btns__box{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info .btns__box{opacity:1}}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container{background-color:var(--cl_background_body);padding:100px 60px 0;position:absolute;transform:translateY(0);display:flex;flex-direction:column;align-items:center;transition:opacity .4s ease,transform .4s ease}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container .btns__box{display:flex;justify-content:center;opacity:0;transition:opacity .4s ease,transform .4s ease;margin-top:10px}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container .btns__box .btn{transform:translateY(-30px)}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container h3,.babylon__info-zigzag-v3 .cs_feature_box .row .data-container p{text-align:center}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .data-container{padding-top:0}}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .data-container{position:relative;transform:translateY(0);padding:30px}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container .btns__box{opacity:1}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container .btns__box .btn{transform:translateY(0)}}@media (min-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .container_2:hover .data-container .btns__box{opacity:1}.babylon__info-zigzag-v3 .cs_feature_box .row .container_2:hover .data-container .btns__box .btn{transform:translateY(0)}.babylon__info-zigzag-v3 .cs_feature_box .row .container_2:hover .data-container{transform:translateY(40px)}}.babylon__info-zigzag-v3 .cs_feature_box .row .img-container-2{padding-top:400px}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .img-container-2{padding-top:0}}.babylon__info-zigzag-v3 .cs_feature_box .row .img-container-2 img{width:500px}.babylon__info-zigzag-v3 .cs_feature_box{position:relative}.babylon__info-zigzag-v3 .cs_feature_box:before{content:\"\";position:absolute;inset:130px 0 0;background-color:var(--cl_background_body);z-index:0;height:1104.5px}@media (max-width: 1399px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:985.5px}}@media (max-width: 1199px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:866px}}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:2545px;top:25px}}@media (max-width: 767px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:2097px}}@media (max-width: 575px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:93.5%}}.babylon__info-zigzag-v3 .cs_feature_box>*{position:relative;z-index:1}.arrow-point{display:block;margin:-15px auto 0;width:130px;height:auto;z-index:2;position:absolute;top:-48px}.arrow-point .arrow-fill{fill:var(--cl_background_body)}.arrow-down{transform:rotate(180deg);top:auto;display:block;margin:-15px auto 0;width:130px;height:auto;z-index:2;position:absolute;bottom:-63px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonInfo2ColImgComponent, isStandalone: true, selector: "lib-babylon-info2col-img", inputs: { rightmodule: "rightmodule", title: "title", text: "text", buttons: "buttons", items: "items", smallimage: "smallimage", pretitle: "pretitle", subtitle: "subtitle", showArrows: "showArrows" }, ngImport: i0, template: "<section class=\"babylon__info-zigzag-v3 margin-main\">\n    <div class=\"cs_feature_box cs_style_2\">\n        <div class=\"container\">\n            <div class=\"row cs_gap_y_50\">\n                <div\n                    class=\"item-container babylon-column-1 col-lg-6\"\n                    [ngClass]=\"{ cs_mobile_reverse_sp: rightmodule }\"\n                >\n                    <div class=\"img-container cs_mb_55 cs_mb_lg_40\">\n                        @if (items?.length) {\n                            <img\n                                [src]=\"items?.[0]?.img?.src\"\n                                [alt]=\"items?.[0]?.img?.alt\"\n                                class=\"cs_feature_thumb_1 cs--radius\"\n                                loading=\"lazy\"\n                            />\n                        }\n                    </div>\n                    <div class=\"intro_info_container\">\n                        <div class=\"intro_info no-align\">\n                            @if (showArrows) {\n                                <svg\n                                    class=\"arrow-point\"\n                                    viewBox=\"0 0 100 50\"\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                >\n                                    <path\n                                        class=\"arrow-fill\"\n                                        d=\"M100 50C72.3857 50 50 27.6143 50 4.37114e-06C50 27.6143 27.6143 50 0 50L100 50Z\"\n                                    />\n                                </svg>\n                            }\n\n                            @if (items?.[0]?.title) {\n                                <h3 class=\"title mb--10\">\n                                    {{ items?.[0]?.title }}\n                                </h3>\n                            }\n\n                            @if (items?.[0]?.description) {\n                                <p class=\"text\">\n                                    {{ items?.[0]?.description }}\n                                </p>\n                            }\n\n                            @if (items?.[0]?.buttons?.length) {\n                                <div class=\"btns__box\">\n                                    @for (\n                                        button of items?.[0]?.buttons;\n                                        track $index;\n                                        let odd = $odd\n                                    ) {\n                                        @if (button) {\n                                            <a\n                                                [attr.aria-label]=\"button.label\"\n                                                [href]=\"button?.url\"\n                                                [linkType]=\"button.linkType\"\n                                                class=\"btn btn_primary\"\n                                            >\n                                                <b>{{ button.label }}</b>\n                                                <span\n                                                    class=\"babylon-arrow-right-big\"\n                                                ></span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                        <div class=\"diamond\">\n                            @if (smallimage) {\n                                <img\n                                    [src]=\"smallimage?.src\"\n                                    [alt]=\"smallimage.alt\"\n                                    class=\"cs_feature_thumb_1 cs--radius\"\n                                    loading=\"lazy\"\n                                />\n                            }\n                        </div>\n                    </div>\n                </div>\n                <div class=\"item-container col-lg-6\">\n                    <div class=\"cs_height_100 cs_height_lg_0\"></div>\n                    <div class=\"intro_info no-align\">\n                        @if (pretitle) {\n                            <div class=\"pretitle-container\">\n                                <p class=\"pretitle\">{{ pretitle }}</p>\n                            </div>\n                        }\n                        <div class=\"intro_info container_2 no-align\">\n                            <div class=\"data-container\">\n                                @if (items?.length) {\n                                    <h3 class=\"title mb--10 mt--20\">\n                                        {{ items?.[1]?.title }}\n                                    </h3>\n                                    <p class=\"text\">\n                                        {{ items?.[1]?.description }}\n                                    </p>\n                                    @if (items?.[1]?.buttons?.length) {\n                                        <div class=\"btns__box\">\n                                            @for (\n                                                button of items?.[1]?.buttons;\n                                                track $index;\n                                                let odd = $odd\n                                            ) {\n                                                @if (button) {\n                                                    <a\n                                                        [attr.aria-label]=\"\n                                                            button.label\n                                                        \"\n                                                        [href]=\"button?.url\"\n                                                        [linkType]=\"\n                                                            button.linkType\n                                                        \"\n                                                        class=\"btn btn_primary\"\n                                                    >\n                                                        <b>{{\n                                                            button.label\n                                                        }}</b>\n                                                        <span\n                                                            class=\"babylon-arrow-right-big\"\n                                                        ></span>\n                                                    </a>\n                                                }\n                                            }\n                                        </div>\n                                    }\n                                    @if (showArrows) {\n                                        <svg\n                                            class=\"arrow-point arrow-down\"\n                                            viewBox=\"0 0 100 50\"\n                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                        >\n                                            <path\n                                                class=\"arrow-fill\"\n                                                d=\"M100 50C72.3857 50 50 27.6143 50 4.37114e-06C50 27.6143 27.6143 50 0 50L100 50Z\"\n                                            />\n                                        </svg>\n                                    }\n                                }\n                            </div>\n                            <div class=\"img-container-2 cs_mb_lg_40\">\n                                @if (items?.length) {\n                                    <img\n                                        [src]=\"items?.[1]?.img?.src\"\n                                        [alt]=\"items?.[1]?.img?.alt\"\n                                        class=\"cs_feature_thumb_1 cs--radius\"\n                                        loading=\"lazy\"\n                                    />\n                                }\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}.babylon__info-zigzag-v3 .babylon-column-1.cs_mobile_reverse_sp{order:2}@media (max-width: 1023px){.babylon__info-zigzag-v3 .babylon-column-1{order:2}}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container{position:relative;overflow:hidden}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .img-container{position:relative;z-index:1;display:flex;justify-content:center}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .img-container img{width:500px}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:2rem 1rem;transition:transform .4s ease}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container{position:relative;padding:0rem 1rem}}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info{align-items:center;text-align:center;padding:22px 60px;position:absolute;bottom:96%;background-color:var(--cl_background_body);left:0;right:0;transition:transform .4s ease,opacity .4s ease}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info h3,.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info p{margin-bottom:1rem}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info .btns__box{display:flex;justify-content:center;opacity:0;transform:translateY(20px);height:0;transition:opacity .4s ease,transform .4s ease}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info{position:relative;transform:translateY(-40px);padding:30px}}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond{margin:clamp(2rem,4vw,3rem) auto 0;width:200px;height:200px;transform:rotate(45deg);overflow:hidden}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond img{width:100%;height:100%;object-fit:cover;display:block;transform:rotate(-45deg) scale(1.42)}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond{margin-bottom:20px}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond{width:150px;height:150px;transform:rotate(45deg);overflow:hidden}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond img{width:100%;height:100%;object-fit:cover;display:block;transform:rotate(-45deg) scale(1.42)}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .diamond{margin-bottom:40px}}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info{align-items:center}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info .pretitle-container{width:100%;text-align:center}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info.container_2{align-items:center}@media (min-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container:hover .intro_info_container .intro_info{transform:translateY(-40px)}.babylon__info-zigzag-v3 .cs_feature_box .row .item-container:hover .intro_info_container .intro_info .btns__box{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .item-container .intro_info_container .intro_info .btns__box{opacity:1}}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container{background-color:var(--cl_background_body);padding:100px 60px 0;position:absolute;transform:translateY(0);display:flex;flex-direction:column;align-items:center;transition:opacity .4s ease,transform .4s ease}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container .btns__box{display:flex;justify-content:center;opacity:0;transition:opacity .4s ease,transform .4s ease;margin-top:10px}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container .btns__box .btn{transform:translateY(-30px)}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container h3,.babylon__info-zigzag-v3 .cs_feature_box .row .data-container p{text-align:center}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .data-container{padding-top:0}}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .data-container{position:relative;transform:translateY(0);padding:30px}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container .btns__box{opacity:1}.babylon__info-zigzag-v3 .cs_feature_box .row .data-container .btns__box .btn{transform:translateY(0)}}@media (min-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .container_2:hover .data-container .btns__box{opacity:1}.babylon__info-zigzag-v3 .cs_feature_box .row .container_2:hover .data-container .btns__box .btn{transform:translateY(0)}.babylon__info-zigzag-v3 .cs_feature_box .row .container_2:hover .data-container{transform:translateY(40px)}}.babylon__info-zigzag-v3 .cs_feature_box .row .img-container-2{padding-top:400px}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box .row .img-container-2{padding-top:0}}.babylon__info-zigzag-v3 .cs_feature_box .row .img-container-2 img{width:500px}.babylon__info-zigzag-v3 .cs_feature_box{position:relative}.babylon__info-zigzag-v3 .cs_feature_box:before{content:\"\";position:absolute;inset:130px 0 0;background-color:var(--cl_background_body);z-index:0;height:1104.5px}@media (max-width: 1399px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:985.5px}}@media (max-width: 1199px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:866px}}@media (max-width: 1023px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:2545px;top:25px}}@media (max-width: 767px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:2097px}}@media (max-width: 575px){.babylon__info-zigzag-v3 .cs_feature_box:before{height:93.5%}}.babylon__info-zigzag-v3 .cs_feature_box>*{position:relative;z-index:1}.arrow-point{display:block;margin:-15px auto 0;width:130px;height:auto;z-index:2;position:absolute;top:-48px}.arrow-point .arrow-fill{fill:var(--cl_background_body)}.arrow-down{transform:rotate(180deg);top:auto;display:block;margin:-15px auto 0;width:130px;height:auto;z-index:2;position:absolute;bottom:-63px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonInfo2ColImgComponent, decorators: [{
             type: Component,