ctt-babylon 0.0.13 → 0.0.14

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 (7) hide show
  1. package/esm2022/lib/components/core/babylon-slider2col/babylon-slider2col.component.mjs +28 -5
  2. package/esm2022/lib/components/core/babylon-top-slider/babylon-top-slider.component.mjs +36 -5
  3. package/fesm2022/ctt-babylon.mjs +60 -6
  4. package/fesm2022/ctt-babylon.mjs.map +1 -1
  5. package/lib/components/core/babylon-slider2col/babylon-slider2col.component.d.ts +8 -1
  6. package/lib/components/core/babylon-top-slider/babylon-top-slider.component.d.ts +8 -1
  7. package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs CHANGED
@@ -359,13 +359,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
359
359
  }] });
360
360
 
361
361
  class BabylonSlider2colComponent {
362
+ constructor() {
363
+ this.pretitleIzq = '';
364
+ this.titleIzq = '';
365
+ this.pretitleDer = '';
366
+ this.titleDer = '';
367
+ this.showTextSlider = true;
368
+ this.showIzq = true;
369
+ this.showDer = true;
370
+ }
362
371
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonSlider2colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
363
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonSlider2colComponent, isStandalone: true, selector: "lib-babylon-slider2col", ngImport: i0, template: "<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\"> \r\n <div class=\"cs_half_bg_right cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row column-reverse\">\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <!-- <h3 class=\"pretitle\">Slider 2Col </h3> -->\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Actividades</h2> \r\n <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/surf.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Surf</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/snorkel.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Snorkel</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>\r\n<!-- mismo modulo pero a la inversa -->\r\n<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\"> \r\n <div class=\"cs_half_bg_left cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row \">\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/ciclismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Ciclismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">Slider 2Col </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Explore Unforgettable Experiences</h2> \r\n <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>", 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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--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: white;--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-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_4{height:500px;overflow:hidden}.cs_card.cs_style_4 .cs_card_thumb{object-fit:cover;transition:all 4s ease}.cs_card.cs_style_4 .cs_card_price{right:24px;top:24px;padding:10px 18px}.cs_card.cs_style_4 .cs_card_info{display:flex;align-items:flex-end;background:linear-gradient(180deg,#1b1b1b00,#1b1b1b99);padding:47px 30px}.cs_card.cs_style_4 .cs_card_list{width:100%;margin-top:10px}.cs_card.cs_style_4 .title--small{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px;transition:all .4s ease;display:inline}.cs_card.cs_style_4:hover .title--small{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_card.cs_style_4:hover .cs_card_thumb{transform:scale(1.05)}.cs_card.cs_style_4.cs_type_1{height:440px}.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:36px 40px}@media (max-width: 991px){.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:25px;height:400px}}\n"] }); }
372
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonSlider2colComponent, isStandalone: true, selector: "lib-babylon-slider2col", inputs: { pretitleIzq: "pretitleIzq", titleIzq: "titleIzq", pretitleDer: "pretitleDer", titleDer: "titleDer", showTextSlider: "showTextSlider", showIzq: "showIzq", showDer: "showDer" }, ngImport: i0, template: "<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\" *ngIf=\"this.showIzq\"> \r\n <div class=\"cs_half_bg_right cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row column-reverse\">\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">{{ pretitleIzq }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ titleIzq }}</h2> \r\n <!-- <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> -->\r\n </div> \r\n </div>\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/surf.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Surf</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/snorkel.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\"intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Snorkel</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>\r\n<!-- mismo modulo pero a la inversa -->\r\n<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\" *ngIf=\"this.showDer\"> \r\n <div class=\"cs_half_bg_left cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row \">\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/ciclismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Ciclismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">{{ pretitleDer }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ titleDer }}</h2> \r\n <!-- <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> -->\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>", 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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--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: white;--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-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_4{height:500px;overflow:hidden}.cs_card.cs_style_4 .cs_card_thumb{object-fit:cover;transition:all 4s ease}.cs_card.cs_style_4 .cs_card_price{right:24px;top:24px;padding:10px 18px}.cs_card.cs_style_4 .cs_card_info{display:flex;align-items:flex-end;background:linear-gradient(180deg,#1b1b1b00,#1b1b1b99);padding:47px 30px}.cs_card.cs_style_4 .cs_card_list{width:100%;margin-top:10px}.cs_card.cs_style_4 .title--small{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px;transition:all .4s ease;display:inline}.cs_card.cs_style_4:hover .title--small{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_card.cs_style_4:hover .cs_card_thumb{transform:scale(1.05)}.cs_card.cs_style_4.cs_type_1{height:440px}.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:36px 40px}@media (max-width: 991px){.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:25px;height:400px}}\n"] }); }
364
373
  }
365
374
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonSlider2colComponent, decorators: [{
366
375
  type: Component,
367
- args: [{ selector: 'lib-babylon-slider2col', standalone: true, imports: [], template: "<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\"> \r\n <div class=\"cs_half_bg_right cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row column-reverse\">\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <!-- <h3 class=\"pretitle\">Slider 2Col </h3> -->\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Actividades</h2> \r\n <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/surf.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Surf</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/snorkel.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Snorkel</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>\r\n<!-- mismo modulo pero a la inversa -->\r\n<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\"> \r\n <div class=\"cs_half_bg_left cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row \">\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/ciclismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Ciclismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">Slider 2Col </h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">Explore Unforgettable Experiences</h2> \r\n <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>", 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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--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: white;--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-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_4{height:500px;overflow:hidden}.cs_card.cs_style_4 .cs_card_thumb{object-fit:cover;transition:all 4s ease}.cs_card.cs_style_4 .cs_card_price{right:24px;top:24px;padding:10px 18px}.cs_card.cs_style_4 .cs_card_info{display:flex;align-items:flex-end;background:linear-gradient(180deg,#1b1b1b00,#1b1b1b99);padding:47px 30px}.cs_card.cs_style_4 .cs_card_list{width:100%;margin-top:10px}.cs_card.cs_style_4 .title--small{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px;transition:all .4s ease;display:inline}.cs_card.cs_style_4:hover .title--small{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_card.cs_style_4:hover .cs_card_thumb{transform:scale(1.05)}.cs_card.cs_style_4.cs_type_1{height:440px}.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:36px 40px}@media (max-width: 991px){.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:25px;height:400px}}\n"] }]
368
- }] });
376
+ args: [{ selector: 'lib-babylon-slider2col', standalone: true, imports: [], template: "<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\" *ngIf=\"this.showIzq\"> \r\n <div class=\"cs_half_bg_right cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row column-reverse\">\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">{{ pretitleIzq }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ titleIzq }}</h2> \r\n <!-- <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> -->\r\n </div> \r\n </div>\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/surf.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Surf</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/snorkel.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\"intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Snorkel</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3\"></div>\r\n </div>\r\n \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>\r\n<!-- mismo modulo pero a la inversa -->\r\n<section class=\"babylon__slider2col margin-main cs_gray_bg cs_half_bg position-relative\" *ngIf=\"this.showDer\"> \r\n <div class=\"cs_half_bg_left cs_primary_bg bg--dark cs--radius\"></div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n <div class=\"container-fluid p-0 position-relative\">\r\n <div class=\"cs_slider cs_style_1 cs_slider_gap_24\">\r\n <div class=\"container position-relative\">\r\n <div class=\"row \">\r\n <div class=\"col-lg-8\">\r\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\" data-variable-width=\"0\" \r\n data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"2\" data-add-slides=\"2\">\r\n <div class=\"cs_slider_wrapper\">\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/ciclismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Ciclismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n <div class=\"cs_slide\"> \r\n <a class=\"cs_card cs_style_4 cs_type_1 d-block position-relative cs--radius\" href=\"#\"> \r\n <img src=\"/assets/babylon/fotos/senderismo.jpg\" alt=\"Room\" class=\"cs_card_thumb w-100 h-100\">\r\n <div class=\"cs_card_info position-absolute start-0 top-0 h-100 w-100\">\r\n <div class=\" intro_info intro_info--light\" *ngIf=\"this.showTextSlider\"> \r\n <h2 class=\"title--small mb--10\">Senderismo</h2> \r\n <p class=\"text mb--0\">Material incluido </p> \r\n </div> \r\n </div> \r\n </a> \r\n </div>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-4\"> \r\n <div class=\"intro_info align--center1 intro_info--light no-align pt--20\">\r\n <h3 class=\"pretitle\">{{ pretitleDer }}</h3>\r\n <h2 class=\"title wow fadeInUp\" data-wow-duration=\"0.8s\" data-wow-delay=\"0.2s\">{{ titleDer }}</h2> \r\n <!-- <div class=\"btns__box align--center1 \">\r\n <a href=\" \" class=\"btn btn_primary btn--light \">\r\n <b>Learn More</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> -->\r\n </div> \r\n </div> \r\n </div>\r\n <div class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3--left\"></div>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\" cs_height_150 cs_height_lg_40\"></div>\r\n </section>", 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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--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: white;--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-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_card.cs_style_4{height:500px;overflow:hidden}.cs_card.cs_style_4 .cs_card_thumb{object-fit:cover;transition:all 4s ease}.cs_card.cs_style_4 .cs_card_price{right:24px;top:24px;padding:10px 18px}.cs_card.cs_style_4 .cs_card_info{display:flex;align-items:flex-end;background:linear-gradient(180deg,#1b1b1b00,#1b1b1b99);padding:47px 30px}.cs_card.cs_style_4 .cs_card_list{width:100%;margin-top:10px}.cs_card.cs_style_4 .title--small{background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px;transition:all .4s ease;display:inline}.cs_card.cs_style_4:hover .title--small{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_card.cs_style_4:hover .cs_card_thumb{transform:scale(1.05)}.cs_card.cs_style_4.cs_type_1{height:440px}.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:36px 40px}@media (max-width: 991px){.cs_card.cs_style_4.cs_type_1 .cs_card_info{padding:25px;height:400px}}\n"] }]
377
+ }], propDecorators: { pretitleIzq: [{
378
+ type: Input
379
+ }], titleIzq: [{
380
+ type: Input
381
+ }], pretitleDer: [{
382
+ type: Input
383
+ }], titleDer: [{
384
+ type: Input
385
+ }], showTextSlider: [{
386
+ type: Input
387
+ }], showIzq: [{
388
+ type: Input
389
+ }], showDer: [{
390
+ type: Input
391
+ }] } });
369
392
 
370
393
  class BabylonSlider3ColComponent {
371
394
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonSlider3ColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -404,13 +427,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
404
427
  }] });
405
428
 
406
429
  class BabylonTopSliderComponent {
430
+ constructor() {
431
+ this.pretitle = '';
432
+ this.title = '';
433
+ this.pretitleSlider = '';
434
+ this.titleSlider = '';
435
+ this.img = '';
436
+ this.imgSlider = '';
437
+ }
438
+ getImagePath() {
439
+ if (this.img) {
440
+ return `/assets/babylon/fotos/${this.img}`;
441
+ }
442
+ else if (this.imgSlider) {
443
+ return `/assets/babylon/fotos/${this.imgSlider}`;
444
+ }
445
+ else {
446
+ return '';
447
+ }
448
+ }
407
449
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonTopSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
408
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonTopSliderComponent, isStandalone: true, selector: "lib-babylon-top-slider", ngImport: i0, template: "<section class=\"babylon__topslider margin-main-botom\"> \r\n <div class=\"cs_parallax_slider loading overflow-hidden position-relative\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/top-slider-bg1.png\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">Bienvenido a Babylon</h2>\r\n <h1 class=\" title_carrusel\">Disfruta de un resort exclusivo frente a playas incre\u00EDbles.</h1> \r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/hero_bg_1.jpeg\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">Babylon Hotel</h2>\r\n <h1 class=\" title_carrusel\">Disfruta de las mejores vacaciones en familia </h1> \r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n <div class=\"cs_slider_navigation cs_white_color\">\r\n <div class=\"cs_swiper_button_prev\">\r\n <span class=\"babylon-arrow-left-big\"></span> \r\n </div>\r\n <div class=\"cs_swiper_button_next\">\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </div>\r\n </div>\r\n <a href=\"#about\" class=\"cs_down_btn_2\"></a>\r\n <div class=\"float-buttons\">\r\n <div class=\"float-buttons--inner\">\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-transfer\"></span> <span class=\"text\">Transfer</span></a>\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-tag\"></span> <span class=\"text\">Chekin online</span></a>\r\n </div> \r\n </div>\r\n</section>\r\n\r\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--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: white;--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-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_hero.cs_style_1{height:calc(100vh + -0px);padding:100px 0 50px;max-height:1100px}@media (max-width: 991px){.cs_hero.cs_style_1{padding:100px 0;height:100vh;max-height:initial}}@media (max-width: 575px){.cs_hero.cs_style_1{min-height:500px}.cs_hero.cs_style_1 .cs_hero_title br{display:none}}.cs_bg_filed{transform:translate(0)!important}.babylon__topslider{position:relative}.cs_down_btn_2{position:absolute;height:35px;width:20px;border-radius:10px;border:2px solid var(--cl_title-light);z-index:1;bottom:14%;left:50%;margin-left:-10px}.cs_down_btn_2:before{content:\"\";height:5px;width:5px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--cl_title-light);animation:UpAndDown 3s infinite}@keyframes UpAndDown{0%,to{top:30%}50%{top:70%;opacity:.5;transform:translate(-50%,-50%) scale(.8)}}\n"] }); }
450
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: BabylonTopSliderComponent, isStandalone: true, selector: "lib-babylon-top-slider", inputs: { pretitle: "pretitle", title: "title", pretitleSlider: "pretitleSlider", titleSlider: "titleSlider", img: "img", imgSlider: "imgSlider" }, ngImport: i0, template: "<section class=\"babylon__topslider margin-main-botom\"> \r\n <div class=\"cs_parallax_slider loading overflow-hidden position-relative\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" [attr.data-src]=\"getImagePath()\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">{{ pretitle }}</h2>\r\n <h1 class=\" title_carrusel\">{{ title }}</h1> \r\n <div class=\"btns__box align--center\">\r\n <!-- <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a> -->\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" [attr.data-src]=\"getImagePath()\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">{{ pretitleSlider }}</h2>\r\n <h1 class=\" title_carrusel\">{{ titleSlider }}</h1> \r\n <div class=\"btns__box align--center\">\r\n <!-- <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a> -->\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n <div class=\"cs_slider_navigation cs_white_color\">\r\n <div class=\"cs_swiper_button_prev\">\r\n <span class=\"babylon-arrow-left-big\"></span> \r\n </div>\r\n <div class=\"cs_swiper_button_next\">\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </div>\r\n </div>\r\n <a href=\"#about\" class=\"cs_down_btn_2\"></a>\r\n <div class=\"float-buttons\">\r\n <div class=\"float-buttons--inner\">\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-transfer\"></span> <span class=\"text\">Transfer</span></a>\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-envelope\"></span> <span class=\"text\">Chekin online</span></a>\r\n </div> \r\n </div>\r\n</section>\r\n\r\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--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: white;--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-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_hero.cs_style_1{height:calc(100vh + -0px);padding:100px 0 50px;max-height:1100px}@media (max-width: 991px){.cs_hero.cs_style_1{padding:100px 0;height:100vh;max-height:initial}}@media (max-width: 575px){.cs_hero.cs_style_1{min-height:500px}.cs_hero.cs_style_1 .cs_hero_title br{display:none}}.cs_bg_filed{transform:translate(0)!important}.babylon__topslider{position:relative}.cs_down_btn_2{position:absolute;height:35px;width:20px;border-radius:10px;border:2px solid var(--cl_title-light);z-index:1;bottom:14%;left:50%;margin-left:-10px}.cs_down_btn_2:before{content:\"\";height:5px;width:5px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--cl_title-light);animation:UpAndDown 3s infinite}@keyframes UpAndDown{0%,to{top:30%}50%{top:70%;opacity:.5;transform:translate(-50%,-50%) scale(.8)}}\n"] }); }
409
451
  }
410
452
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonTopSliderComponent, decorators: [{
411
453
  type: Component,
412
- args: [{ selector: 'lib-babylon-top-slider', standalone: true, imports: [], template: "<section class=\"babylon__topslider margin-main-botom\"> \r\n <div class=\"cs_parallax_slider loading overflow-hidden position-relative\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/top-slider-bg1.png\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">Bienvenido a Babylon</h2>\r\n <h1 class=\" title_carrusel\">Disfruta de un resort exclusivo frente a playas incre\u00EDbles.</h1> \r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/hero_bg_1.jpeg\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">Babylon Hotel</h2>\r\n <h1 class=\" title_carrusel\">Disfruta de las mejores vacaciones en familia </h1> \r\n <div class=\"btns__box align--center\">\r\n <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n <div class=\"cs_slider_navigation cs_white_color\">\r\n <div class=\"cs_swiper_button_prev\">\r\n <span class=\"babylon-arrow-left-big\"></span> \r\n </div>\r\n <div class=\"cs_swiper_button_next\">\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </div>\r\n </div>\r\n <a href=\"#about\" class=\"cs_down_btn_2\"></a>\r\n <div class=\"float-buttons\">\r\n <div class=\"float-buttons--inner\">\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-transfer\"></span> <span class=\"text\">Transfer</span></a>\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-tag\"></span> <span class=\"text\">Chekin online</span></a>\r\n </div> \r\n </div>\r\n</section>\r\n\r\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--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: white;--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-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_hero.cs_style_1{height:calc(100vh + -0px);padding:100px 0 50px;max-height:1100px}@media (max-width: 991px){.cs_hero.cs_style_1{padding:100px 0;height:100vh;max-height:initial}}@media (max-width: 575px){.cs_hero.cs_style_1{min-height:500px}.cs_hero.cs_style_1 .cs_hero_title br{display:none}}.cs_bg_filed{transform:translate(0)!important}.babylon__topslider{position:relative}.cs_down_btn_2{position:absolute;height:35px;width:20px;border-radius:10px;border:2px solid var(--cl_title-light);z-index:1;bottom:14%;left:50%;margin-left:-10px}.cs_down_btn_2:before{content:\"\";height:5px;width:5px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--cl_title-light);animation:UpAndDown 3s infinite}@keyframes UpAndDown{0%,to{top:30%}50%{top:70%;opacity:.5;transform:translate(-50%,-50%) scale(.8)}}\n"] }]
413
- }] });
454
+ args: [{ selector: 'lib-babylon-top-slider', standalone: true, imports: [], template: "<section class=\"babylon__topslider margin-main-botom\"> \r\n <div class=\"cs_parallax_slider loading overflow-hidden position-relative\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" [attr.data-src]=\"getImagePath()\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">{{ pretitle }}</h2>\r\n <h1 class=\" title_carrusel\">{{ title }}</h1> \r\n <div class=\"btns__box align--center\">\r\n <!-- <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a> -->\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"swiper-slide\">\r\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\r\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" [attr.data-src]=\"getImagePath()\"></figure>\r\n <div class=\"container position-relative cs_zindex_3\">\r\n <div class=\"cs_hero_text\">\r\n <h2 class=\" pretitle_carrusel\">{{ pretitleSlider }}</h2>\r\n <h1 class=\" title_carrusel\">{{ titleSlider }}</h1> \r\n <div class=\"btns__box align--center\">\r\n <!-- <a href=\" \" class=\"btn btn_primary btn--light\">\r\n <b>Descubrenos</b>\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </a> -->\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n </div> \r\n </div>\r\n </div> \r\n <div class=\"cs_slider_navigation cs_white_color\">\r\n <div class=\"cs_swiper_button_prev\">\r\n <span class=\"babylon-arrow-left-big\"></span> \r\n </div>\r\n <div class=\"cs_swiper_button_next\">\r\n <span class=\"babylon-arrow-right-big\"></span> \r\n </div>\r\n </div>\r\n <a href=\"#about\" class=\"cs_down_btn_2\"></a>\r\n <div class=\"float-buttons\">\r\n <div class=\"float-buttons--inner\">\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-transfer\"></span> <span class=\"text\">Transfer</span></a>\r\n <a href=\"\" class=\"btn-float\"><span class=\"babylon-envelope\"></span> <span class=\"text\">Chekin online</span></a>\r\n </div> \r\n </div>\r\n</section>\r\n\r\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--w_btn: 400;--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: white;--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-scroll:#978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth:1px}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_hero.cs_style_1{height:calc(100vh + -0px);padding:100px 0 50px;max-height:1100px}@media (max-width: 991px){.cs_hero.cs_style_1{padding:100px 0;height:100vh;max-height:initial}}@media (max-width: 575px){.cs_hero.cs_style_1{min-height:500px}.cs_hero.cs_style_1 .cs_hero_title br{display:none}}.cs_bg_filed{transform:translate(0)!important}.babylon__topslider{position:relative}.cs_down_btn_2{position:absolute;height:35px;width:20px;border-radius:10px;border:2px solid var(--cl_title-light);z-index:1;bottom:14%;left:50%;margin-left:-10px}.cs_down_btn_2:before{content:\"\";height:5px;width:5px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--cl_title-light);animation:UpAndDown 3s infinite}@keyframes UpAndDown{0%,to{top:30%}50%{top:70%;opacity:.5;transform:translate(-50%,-50%) scale(.8)}}\n"] }]
455
+ }], propDecorators: { pretitle: [{
456
+ type: Input
457
+ }], title: [{
458
+ type: Input
459
+ }], pretitleSlider: [{
460
+ type: Input
461
+ }], titleSlider: [{
462
+ type: Input
463
+ }], img: [{
464
+ type: Input
465
+ }], imgSlider: [{
466
+ type: Input
467
+ }] } });
414
468
 
415
469
  class BabylonTopSliderThumbsComponent {
416
470
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BabylonTopSliderThumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }