tent-lib 0.0.140 → 0.0.142
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.
|
@@ -9,8 +9,8 @@ export class Cards3colComponent {
|
|
|
9
9
|
constructor() {
|
|
10
10
|
this.collapsed = true;
|
|
11
11
|
this.sliderOptions = {
|
|
12
|
-
loop:
|
|
13
|
-
autoplay:
|
|
12
|
+
loop: false,
|
|
13
|
+
autoplay: false,
|
|
14
14
|
autoplayTimeout: 5000,
|
|
15
15
|
autoplaySpeed: 1500,
|
|
16
16
|
navSpeed: 1500,
|
|
@@ -27,12 +27,15 @@ export class Cards3colComponent {
|
|
|
27
27
|
responsive: {
|
|
28
28
|
0: {
|
|
29
29
|
items: 1,
|
|
30
|
+
loop: true,
|
|
30
31
|
},
|
|
31
32
|
540: {
|
|
32
33
|
items: 1,
|
|
34
|
+
loop: true,
|
|
33
35
|
},
|
|
34
36
|
768: {
|
|
35
37
|
items: 1,
|
|
38
|
+
loop: true,
|
|
36
39
|
},
|
|
37
40
|
1024: {
|
|
38
41
|
items: 3,
|
|
@@ -54,12 +57,12 @@ export class Cards3colComponent {
|
|
|
54
57
|
this.collapsed = !this.collapsed;
|
|
55
58
|
}
|
|
56
59
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: Cards3colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: Cards3colComponent, isStandalone: true, selector: "tent-cards-3col", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"services-col3 wrapper-big module-spacer--bottom\">\r\n <div class=\"services-col3--content\">\r\n <owl-carousel-o\r\n class=\"services-col3--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"services-col3--slide\">\r\n <div\r\n class=\"services-col3--box bg-yellow\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n >\r\n <div class=\"services-col3--box--inner\">\r\n <h4\r\n class=\"services-col3--titleTop title--42 color--brown\"\r\n >\r\n {{ item.title }}\r\n </h4>\r\n <p class=\"services-col3--btn color--brown\">\r\n <span [ngClass]=\"item.icon\"></span>\r\n <span class=\"title--30\">\r\n {{ item.smalltitle }}</span\r\n >\r\n </p>\r\n <h3\r\n class=\"services-col3--titleBottom title--54 color--brown\"\r\n >\r\n {{ item.ndTitle }}\r\n </h3>\r\n </div>\r\n @if (item.btn && item.btnCollapsed) { @if (collapsed) {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btnCollapsed.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n } @else {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btn.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n\r\n } }\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.services-col3--content{margin:0;padding:0}@media (min-width: 540px){.services-col3--content{padding:0 40px;margin:0}}@media (min-width: 768px){.services-col3--content{padding:0 45px;margin:0}}@media (min-width: 1024px){.services-col3--content{padding:0 73px;margin:0}}@media (min-width: 1280px){.services-col3--content{padding:0;margin:0 -25px}}@media (min-width: 1280px){.services-col3--slider{margin:0}}.services-col3--slide{padding:0}@media (min-width: 1280px){.services-col3--slide{padding:0 25px}}.services-col3--box{height:300px;padding:25px;border-radius:12px}.services-col3--box--inner{position:relative;overflow:hidden;width:100%;height:100%}@media (min-width: 540px){.services-col3--box{height:340px;padding:33px}}@media (min-width: 768px){.services-col3--box{height:260px;padding:45px}}@media (min-width: 1024px){.services-col3--box{height:290px;padding:45px}.services-col3--box:hover .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box:hover .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-200px}.services-col3--box:hover .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:90%}}@media (min-width: 1280px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1366px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1680px){.services-col3--box{height:360px;padding:45px}}.services-col3--box.open .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box.open .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-200px}.services-col3--box.open .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:90%}.services-col3--titleTop{position:absolute;top:-250px;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.services-col3--titleBottom{position:absolute;bottom:0;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);padding-right:40px}.services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:absolute;top:0}.services-col3--btn [class^=icon-],.services-col3--btn [class*=\" icon-\"]{font-size:30px}.services-col3--btn-plus{position:absolute;bottom:15px;right:15px}@media (min-width: 1024px){.services-col3--btn-plus{display:none}}.services-col3--btn-plus ::ng-deep .btn--dark-filled{background-color:#fff;border-color:#fff}.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{position:relative;width:100px;left:50%;right:auto;transform:translate(-50%)}@media (min-width: 540px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:130%;left:-15%;position:absolute;transform:translateY(-50%)}}@media (min-width: 768px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:130%;left:-15%}}@media (min-width: 1024px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:120%;left:-10%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }] }); }
|
|
60
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: Cards3colComponent, isStandalone: true, selector: "tent-cards-3col", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"services-col3 wrapper-big module-spacer--bottom\">\r\n <div class=\"services-col3--content\">\r\n <owl-carousel-o\r\n class=\"services-col3--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"services-col3--slide\">\r\n <div\r\n class=\"services-col3--box bg-yellow\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n [ngClass]=\"{\r\n close: collapsed,\r\n open: !collapsed,\r\n 'bg-yellow': $index === 0,\r\n 'bg-orange': $index === 1,\r\n 'bg-brown': $index === 2\r\n }\"\r\n >\r\n <div class=\"services-col3--box--inner\">\r\n <h4\r\n class=\"services-col3--titleTop title--42 color--brown\"\r\n >\r\n {{ item.title }}\r\n </h4>\r\n <p class=\"services-col3--btn color--brown\">\r\n <span [ngClass]=\"item.icon\"></span>\r\n <span class=\"title--30\">\r\n {{ item.smalltitle }}</span\r\n >\r\n </p>\r\n <h3\r\n class=\"services-col3--titleBottom title--54 color--brown\"\r\n >\r\n {{ item.ndTitle }}\r\n </h3>\r\n </div>\r\n @if (item.btn && item.btnCollapsed) { @if (collapsed) {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btnCollapsed.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n } @else {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btn.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n\r\n } }\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.services-col3--content{margin:0;padding:0}@media (min-width: 540px){.services-col3--content{padding:0 40px;margin:0}}@media (min-width: 768px){.services-col3--content{padding:0 45px;margin:0}}@media (min-width: 1024px){.services-col3--content{padding:0 73px;margin:0}}@media (min-width: 1280px){.services-col3--content{padding:0;margin:0 -25px}}@media (min-width: 1280px){.services-col3--slider{margin:0}}.services-col3--slide{padding:0}@media (min-width: 1280px){.services-col3--slide{padding:0 25px}}.services-col3--box{height:300px;padding:25px;border-radius:12px}.services-col3--box.bg-orange h4,.services-col3--box.bg-orange p,.services-col3--box.bg-orange span,.services-col3--box.bg-brown h4,.services-col3--box.bg-brown p,.services-col3--box.bg-brown span{color:#fff}.services-col3--box--inner{position:relative;overflow:hidden;width:100%;height:100%}@media (min-width: 540px){.services-col3--box{height:340px;padding:33px}}@media (min-width: 768px){.services-col3--box{height:260px;padding:45px}}@media (min-width: 1024px){.services-col3--box{height:290px;padding:45px}.services-col3--box:hover .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box:hover .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-200px}.services-col3--box:hover .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:90%}}@media (min-width: 1280px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1366px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1680px){.services-col3--box{height:360px;padding:45px}}.services-col3--box.open .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box.open .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-200px}.services-col3--box.open .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:90%}.services-col3--titleTop{position:absolute;top:-250px;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.services-col3--titleBottom{position:absolute;bottom:0;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);padding-right:40px}.services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:absolute;top:0}.services-col3--btn [class^=icon-],.services-col3--btn [class*=\" icon-\"]{font-size:30px}.services-col3--btn-plus{position:absolute;bottom:15px;right:15px}@media (min-width: 1024px){.services-col3--btn-plus{display:none}}.services-col3--btn-plus ::ng-deep .btn--dark-filled{background-color:#fff;border-color:#fff}.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{position:relative;width:100px;left:50%;right:auto;transform:translate(-50%)}@media (min-width: 540px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:130%;left:-15%;position:absolute;transform:translateY(-50%)}}@media (min-width: 768px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:130%;left:-15%}}@media (min-width: 1024px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:120%;left:-10%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }, { kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }] }); }
|
|
58
61
|
}
|
|
59
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: Cards3colComponent, decorators: [{
|
|
60
63
|
type: Component,
|
|
61
|
-
args: [{ selector: 'tent-cards-3col', standalone: true, imports: [CommonModule, CarouselModule, ButtonComponent], template: "<section class=\"services-col3 wrapper-big module-spacer--bottom\">\r\n <div class=\"services-col3--content\">\r\n <owl-carousel-o\r\n class=\"services-col3--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"services-col3--slide\">\r\n <div\r\n class=\"services-col3--box bg-yellow\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n >\r\n <div class=\"services-col3--box--inner\">\r\n <h4\r\n class=\"services-col3--titleTop title--42 color--brown\"\r\n >\r\n {{ item.title }}\r\n </h4>\r\n <p class=\"services-col3--btn color--brown\">\r\n <span [ngClass]=\"item.icon\"></span>\r\n <span class=\"title--30\">\r\n {{ item.smalltitle }}</span\r\n >\r\n </p>\r\n <h3\r\n class=\"services-col3--titleBottom title--54 color--brown\"\r\n >\r\n {{ item.ndTitle }}\r\n </h3>\r\n </div>\r\n @if (item.btn && item.btnCollapsed) { @if (collapsed) {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btnCollapsed.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n } @else {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btn.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n\r\n } }\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.services-col3--content{margin:0;padding:0}@media (min-width: 540px){.services-col3--content{padding:0 40px;margin:0}}@media (min-width: 768px){.services-col3--content{padding:0 45px;margin:0}}@media (min-width: 1024px){.services-col3--content{padding:0 73px;margin:0}}@media (min-width: 1280px){.services-col3--content{padding:0;margin:0 -25px}}@media (min-width: 1280px){.services-col3--slider{margin:0}}.services-col3--slide{padding:0}@media (min-width: 1280px){.services-col3--slide{padding:0 25px}}.services-col3--box{height:300px;padding:25px;border-radius:12px}.services-col3--box--inner{position:relative;overflow:hidden;width:100%;height:100%}@media (min-width: 540px){.services-col3--box{height:340px;padding:33px}}@media (min-width: 768px){.services-col3--box{height:260px;padding:45px}}@media (min-width: 1024px){.services-col3--box{height:290px;padding:45px}.services-col3--box:hover .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box:hover .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-200px}.services-col3--box:hover .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:90%}}@media (min-width: 1280px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1366px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1680px){.services-col3--box{height:360px;padding:45px}}.services-col3--box.open .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box.open .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-200px}.services-col3--box.open .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:90%}.services-col3--titleTop{position:absolute;top:-250px;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.services-col3--titleBottom{position:absolute;bottom:0;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);padding-right:40px}.services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:absolute;top:0}.services-col3--btn [class^=icon-],.services-col3--btn [class*=\" icon-\"]{font-size:30px}.services-col3--btn-plus{position:absolute;bottom:15px;right:15px}@media (min-width: 1024px){.services-col3--btn-plus{display:none}}.services-col3--btn-plus ::ng-deep .btn--dark-filled{background-color:#fff;border-color:#fff}.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{position:relative;width:100px;left:50%;right:auto;transform:translate(-50%)}@media (min-width: 540px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:130%;left:-15%;position:absolute;transform:translateY(-50%)}}@media (min-width: 768px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:130%;left:-15%}}@media (min-width: 1024px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:120%;left:-10%}}\n"] }]
|
|
64
|
+
args: [{ selector: 'tent-cards-3col', standalone: true, imports: [CommonModule, CarouselModule, ButtonComponent], template: "<section class=\"services-col3 wrapper-big module-spacer--bottom\">\r\n <div class=\"services-col3--content\">\r\n <owl-carousel-o\r\n class=\"services-col3--slider slider-circle--center slider-circle--center--centerFull\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"services-col3--slide\">\r\n <div\r\n class=\"services-col3--box bg-yellow\"\r\n [ngClass]=\"collapsed ? 'close' : 'open'\"\r\n [ngClass]=\"{\r\n close: collapsed,\r\n open: !collapsed,\r\n 'bg-yellow': $index === 0,\r\n 'bg-orange': $index === 1,\r\n 'bg-brown': $index === 2\r\n }\"\r\n >\r\n <div class=\"services-col3--box--inner\">\r\n <h4\r\n class=\"services-col3--titleTop title--42 color--brown\"\r\n >\r\n {{ item.title }}\r\n </h4>\r\n <p class=\"services-col3--btn color--brown\">\r\n <span [ngClass]=\"item.icon\"></span>\r\n <span class=\"title--30\">\r\n {{ item.smalltitle }}</span\r\n >\r\n </p>\r\n <h3\r\n class=\"services-col3--titleBottom title--54 color--brown\"\r\n >\r\n {{ item.ndTitle }}\r\n </h3>\r\n </div>\r\n @if (item.btn && item.btnCollapsed) { @if (collapsed) {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btnCollapsed.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n } @else {\r\n <tent-button\r\n class=\"services-col3--btn-plus\"\r\n type=\"dark-circle-filled\"\r\n [icon]=\"item.btn.icon\"\r\n (click)=\"toggleCollapse()\"\r\n ></tent-button>\r\n\r\n } }\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.services-col3--content{margin:0;padding:0}@media (min-width: 540px){.services-col3--content{padding:0 40px;margin:0}}@media (min-width: 768px){.services-col3--content{padding:0 45px;margin:0}}@media (min-width: 1024px){.services-col3--content{padding:0 73px;margin:0}}@media (min-width: 1280px){.services-col3--content{padding:0;margin:0 -25px}}@media (min-width: 1280px){.services-col3--slider{margin:0}}.services-col3--slide{padding:0}@media (min-width: 1280px){.services-col3--slide{padding:0 25px}}.services-col3--box{height:300px;padding:25px;border-radius:12px}.services-col3--box.bg-orange h4,.services-col3--box.bg-orange p,.services-col3--box.bg-orange span,.services-col3--box.bg-brown h4,.services-col3--box.bg-brown p,.services-col3--box.bg-brown span{color:#fff}.services-col3--box--inner{position:relative;overflow:hidden;width:100%;height:100%}@media (min-width: 540px){.services-col3--box{height:340px;padding:33px}}@media (min-width: 768px){.services-col3--box{height:260px;padding:45px}}@media (min-width: 1024px){.services-col3--box{height:290px;padding:45px}.services-col3--box:hover .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box:hover .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-200px}.services-col3--box:hover .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:90%}}@media (min-width: 1280px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1366px){.services-col3--box{height:310px;padding:33px}}@media (min-width: 1680px){.services-col3--box{height:360px;padding:45px}}.services-col3--box.open .services-col3--titleTop{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:0}.services-col3--box.open .services-col3--titleBottom{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);bottom:-200px}.services-col3--box.open .services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);top:90%}.services-col3--titleTop{position:absolute;top:-250px;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.services-col3--titleBottom{position:absolute;bottom:0;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);padding-right:40px}.services-col3--btn{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:absolute;top:0}.services-col3--btn [class^=icon-],.services-col3--btn [class*=\" icon-\"]{font-size:30px}.services-col3--btn-plus{position:absolute;bottom:15px;right:15px}@media (min-width: 1024px){.services-col3--btn-plus{display:none}}.services-col3--btn-plus ::ng-deep .btn--dark-filled{background-color:#fff;border-color:#fff}.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{position:relative;width:100px;left:50%;right:auto;transform:translate(-50%)}@media (min-width: 540px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:130%;left:-15%;position:absolute;transform:translateY(-50%)}}@media (min-width: 768px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:130%;left:-15%}}@media (min-width: 1024px){.services-col3 ::ng-deep .slider-circle--center--centerFull .owl-nav{width:120%;left:-10%}}\n"] }]
|
|
62
65
|
}], propDecorators: { items: [{
|
|
63
66
|
type: Input
|
|
64
67
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZHMtM2NvbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2NhcmRzLTNjb2wvY2FyZHMtM2NvbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL2NhcmRzLTNjb2wvY2FyZHMtM2NvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGNBQWMsRUFBYyxNQUFNLG9CQUFvQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7OztBQVN2RSxNQUFNLE9BQU8sa0JBQWtCO0lBUC9CO1FBVUksY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQixrQkFBYSxHQUFlO1lBQ3hCLElBQUksRUFBRSxLQUFLO1lBQ1gsUUFBUSxFQUFFLEtBQUs7WUFDZixlQUFlLEVBQUUsSUFBSTtZQUNyQixhQUFhLEVBQUUsSUFBSTtZQUNuQixRQUFRLEVBQUUsSUFBSTtZQUNkLHFCQUFxQixFQUFFLEdBQUc7WUFDMUIsTUFBTSxFQUFFLENBQUM7WUFDVCxTQUFTLEVBQUUsSUFBSTtZQUNmLFNBQVMsRUFBRSxJQUFJO1lBQ2YsUUFBUSxFQUFFLElBQUk7WUFDZCxJQUFJLEVBQUUsS0FBSztZQUNYLE9BQU8sRUFBRTtnQkFDTCxpSUFBaUk7Z0JBQ2pJLGtJQUFrSTthQUNySTtZQUNELFVBQVUsRUFBRTtnQkFDUixDQUFDLEVBQUU7b0JBQ0MsS0FBSyxFQUFFLENBQUM7b0JBQ1IsSUFBSSxFQUFFLElBQUk7aUJBQ2I7Z0JBQ0QsR0FBRyxFQUFFO29CQUNELEtBQUssRUFBRSxDQUFDO29CQUNSLElBQUksRUFBRSxJQUFJO2lCQUNiO2dCQUNELEdBQUcsRUFBRTtvQkFDRCxLQUFLLEVBQUUsQ0FBQztvQkFDUixJQUFJLEVBQUUsSUFBSTtpQkFDYjtnQkFDRCxJQUFJLEVBQUU7b0JBQ0YsS0FBSyxFQUFFLENBQUM7aUJBQ1g7Z0JBQ0QsSUFBSSxFQUFFO29CQUNGLEtBQUssRUFBRSxDQUFDO2lCQUNYO2dCQUNELElBQUksRUFBRTtvQkFDRixLQUFLLEVBQUUsQ0FBQztpQkFDWDtnQkFDRCxJQUFJLEVBQUU7b0JBQ0YsS0FBSyxFQUFFLENBQUM7aUJBQ1g7YUFDSjtZQUNELEdBQUcsRUFBRSxJQUFJO1NBQ1osQ0FBQztLQUlMO0lBSEcsY0FBYztRQUNWLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3JDLENBQUM7OEdBbERRLGtCQUFrQjtrR0FBbEIsa0JBQWtCLHVHQ1ovQixtMkZBNkRBLG85b0JEckRjLFlBQVksNEhBQUUsY0FBYyw0V0FBRSxlQUFlOzsyRkFJOUMsa0JBQWtCO2tCQVA5QixTQUFTOytCQUNJLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxDQUFDOzhCQUsvQyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENhcm91c2VsTW9kdWxlLCBPd2xPcHRpb25zIH0gZnJvbSAnbmd4LW93bC1jYXJvdXNlbC1vJztcclxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgQnV0dG9uSSB9IGZyb20gJy4uLy4uLy4uL2ludGVyZmFjZXMvYXRvbWljL2J1dHRvbi5pbnRlcmZhY2UnO1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAndGVudC1jYXJkcy0zY29sJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDYXJvdXNlbE1vZHVsZSwgQnV0dG9uQ29tcG9uZW50XSxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkcy0zY29sLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsOiAnLi9jYXJkcy0zY29sLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIENhcmRzM2NvbENvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSBpdGVtcyE6IENhcmRzM2NvbEl0ZW1bXTtcclxuXHJcbiAgICBjb2xsYXBzZWQgPSB0cnVlO1xyXG4gICAgc2xpZGVyT3B0aW9uczogT3dsT3B0aW9ucyA9IHtcclxuICAgICAgICBsb29wOiBmYWxzZSxcclxuICAgICAgICBhdXRvcGxheTogZmFsc2UsXHJcbiAgICAgICAgYXV0b3BsYXlUaW1lb3V0OiA1MDAwLFxyXG4gICAgICAgIGF1dG9wbGF5U3BlZWQ6IDE1MDAsXHJcbiAgICAgICAgbmF2U3BlZWQ6IDE1MDAsXHJcbiAgICAgICAgcmVzcG9uc2l2ZVJlZnJlc2hSYXRlOiAxMDAsXHJcbiAgICAgICAgbWFyZ2luOiAwLFxyXG4gICAgICAgIG1vdXNlRHJhZzogdHJ1ZSxcclxuICAgICAgICB0b3VjaERyYWc6IHRydWUsXHJcbiAgICAgICAgcHVsbERyYWc6IHRydWUsXHJcbiAgICAgICAgZG90czogZmFsc2UsXHJcbiAgICAgICAgbmF2VGV4dDogW1xyXG4gICAgICAgICAgICAnPGRpdiBjbGFzcz1cImJ0biBidG5fX2NpcmNsZSBidG5fX2NpcmNsZS0tIGJ0bl9fZGFya1wiPjxzcGFuIGNsYXNzPVwiYnRuX19jaXJjbGUtaWNvbiBpY29uLXNpZ25hbC1sZWZ0IGljb24tLXNpemUxMiBcIj4gPHNwYW4+PGRpdj4nLFxyXG4gICAgICAgICAgICAnPGRpdiBjbGFzcz1cImJ0biBidG5fX2NpcmNsZSBidG5fX2NpcmNsZS0tIGJ0bl9fZGFya1wiPjxzcGFuIGNsYXNzPVwiYnRuX19jaXJjbGUtaWNvbiBpY29uLXNpZ25hbC1yaWdodCBpY29uLS1zaXplMTIgXCI+IDxzcGFuPjxkaXY+JyxcclxuICAgICAgICBdLFxyXG4gICAgICAgIHJlc3BvbnNpdmU6IHtcclxuICAgICAgICAgICAgMDoge1xyXG4gICAgICAgICAgICAgICAgaXRlbXM6IDEsXHJcbiAgICAgICAgICAgICAgICBsb29wOiB0cnVlLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICA1NDA6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAxLFxyXG4gICAgICAgICAgICAgICAgbG9vcDogdHJ1ZSxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgNzY4OiB7XHJcbiAgICAgICAgICAgICAgICBpdGVtczogMSxcclxuICAgICAgICAgICAgICAgIGxvb3A6IHRydWUsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIDEwMjQ6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAzLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAxMjgwOiB7XHJcbiAgICAgICAgICAgICAgICBpdGVtczogMyxcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgMTM2Njoge1xyXG4gICAgICAgICAgICAgICAgaXRlbXM6IDMsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIDE2ODA6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAzLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgbmF2OiB0cnVlLFxyXG4gICAgfTtcclxuICAgIHRvZ2dsZUNvbGxhcHNlKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuY29sbGFwc2VkID0gIXRoaXMuY29sbGFwc2VkO1xyXG4gICAgfVxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIENhcmRzM2NvbEl0ZW0ge1xyXG4gICAgdGl0bGU6IHN0cmluZztcclxuICAgIHNtYWxsdGl0bGU6IHN0cmluZztcclxuICAgIG5kVGl0bGU6IHN0cmluZztcclxuICAgIGljb246IHN0cmluZztcclxuICAgIGJ0bkNvbGxhcHNlZDogQnV0dG9uSTtcclxuICAgIGJ0bjogQnV0dG9uSTtcclxuICAgIGltYWdlOiBzdHJpbmc7XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZXJ2aWNlcy1jb2wzIHdyYXBwZXItYmlnIG1vZHVsZS1zcGFjZXItLWJvdHRvbVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInNlcnZpY2VzLWNvbDMtLWNvbnRlbnRcIj5cclxuICAgICAgICA8b3dsLWNhcm91c2VsLW9cclxuICAgICAgICAgICAgY2xhc3M9XCJzZXJ2aWNlcy1jb2wzLS1zbGlkZXIgc2xpZGVyLWNpcmNsZS0tY2VudGVyIHNsaWRlci1jaXJjbGUtLWNlbnRlci0tY2VudGVyRnVsbFwiXHJcbiAgICAgICAgICAgIFtvcHRpb25zXT1cInNsaWRlck9wdGlvbnNcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgICAgQGZvciAoaXRlbSBvZiBpdGVtczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBjYXJvdXNlbFNsaWRlPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNlcnZpY2VzLWNvbDMtLXNsaWRlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInNlcnZpY2VzLWNvbDMtLWJveCBiZy15ZWxsb3dcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJjb2xsYXBzZWQgPyAnY2xvc2UnIDogJ29wZW4nXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2U6IGNvbGxhcHNlZCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wZW46ICFjb2xsYXBzZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAnYmcteWVsbG93JzogJGluZGV4ID09PSAwLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2JnLW9yYW5nZSc6ICRpbmRleCA9PT0gMSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICdiZy1icm93bic6ICRpbmRleCA9PT0gMlxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9XCJcclxuICAgICAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZXJ2aWNlcy1jb2wzLS1ib3gtLWlubmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDRcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInNlcnZpY2VzLWNvbDMtLXRpdGxlVG9wIHRpdGxlLS00MiBjb2xvci0tYnJvd25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0udGl0bGUgfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvaDQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInNlcnZpY2VzLWNvbDMtLWJ0biBjb2xvci0tYnJvd25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBbbmdDbGFzc109XCJpdGVtLmljb25cIj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS0tMzBcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5zbWFsbHRpdGxlIH19PC9zcGFuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgzXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZXJ2aWNlcy1jb2wzLS10aXRsZUJvdHRvbSB0aXRsZS0tNTQgY29sb3ItLWJyb3duXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLm5kVGl0bGUgfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGl0ZW0uYnRuICYmIGl0ZW0uYnRuQ29sbGFwc2VkKSB7IEBpZiAoY29sbGFwc2VkKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZXJ2aWNlcy1jb2wzLS1idG4tcGx1c1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1jaXJjbGUtZmlsbGVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uYnRuQ29sbGFwc2VkLmljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlKClcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA+PC90ZW50LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx0ZW50LWJ1dHRvblxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzZXJ2aWNlcy1jb2wzLS1idG4tcGx1c1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiZGFyay1jaXJjbGUtZmlsbGVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uYnRuLmljb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZUNvbGxhcHNlKClcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA+PC90ZW50LWJ1dHRvbj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfVxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L293bC1jYXJvdXNlbC1vPlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19
|
|
@@ -42,11 +42,11 @@ export class RoomsSliderComponent {
|
|
|
42
42
|
return this.sanitizer.bypassSecurityTrustStyle(`background-image: url(${image})`);
|
|
43
43
|
}
|
|
44
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RoomsSliderComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: RoomsSliderComponent, isStandalone: true, selector: "tent-rooms-slider", inputs: { iconControlLeft: "iconControlLeft", iconControlRight: "iconControlRight", title: "title", items: "items" }, ngImport: i0, template: "<section class=\"rooms-slider module-spacer--bottom\">\r\n <div class=\"rooms-slider--content wrapper-big\">\r\n @if (title) {\r\n <div class=\"rooms-slider--head\">\r\n <h3 class=\"rooms-slider--title title--80 color--camel\">\r\n {{ title }}\r\n </h3>\r\n </div>\r\n }\r\n\r\n <owl-carousel-o\r\n class=\"rooms-slider--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"rooms-slider--slide\">\r\n <h4 class=\"rooms-slider--slideTitle color--brown title--80\">\r\n {{ item.title }}\r\n </h4>\r\n <div class=\"rooms-slider--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n <div class=\"rooms-slider--des\">\r\n <div class=\"rooms-slider--des-inner bg-white\">\r\n <p class=\"text\">\r\n {{ item.description }}\r\n </p>\r\n <div class=\"rooms-slider--btns pt--20\">\r\n @for (button of item.buttons; track $index) {\r\n <tent-button\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n [url]=\"button.url\"\r\n [linkType]=\"button.linkType!\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.rooms-slider--content{position:relative}.rooms-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:calc(50% - 60px)}.rooms-slider--head{position:relative}.rooms-slider--head tent-button{position:absolute;right:10px;bottom:5px}.rooms-slider--title{padding:20px 12px 0;margin-bottom:-6px;letter-spacing:0}.rooms-slider--slider{position:relative}.rooms-slider--slideTitle{padding:0 12px;margin-top:-5px;margin-bottom:-5px}.rooms-slider--photo{aspect-ratio:315/169;position:relative;overflow:hidden;width:100%;border-radius:12px}.rooms-slider--des{width:100%;position:relative}.rooms-slider--des-inner{padding:10px 0 0;border-radius:12px}.rooms-slider--btns{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:102%;left:-1%}@media (max-width: 1679px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:100%;left:0%;top:49%}}@media (max-width: 1365px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:102%;left:-1%;top:49%}}@media (max-width: 1279px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:112%;left:-6%;top:40%}}@media (max-width: 1023px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:114%;left:-7%;top:35%}}@media (max-width: 767px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:28%}}@media (min-width: 540px){.rooms-slider--content:before{height:153px}.rooms-slider--title{padding:20px 15px 0;margin-bottom:0}.rooms-slider--slideTitle{margin-bottom:-8px;margin-left:-25px}.rooms-slider--photo{aspect-ratio:400/214}.rooms-slider--slide{padding:0 28px}.rooms-slider--des{padding:11px 15px;width:auto}}@media (min-width: 768px){.rooms-slider--content:before{height:200px}.rooms-slider--photo{aspect-ratio:560/300}.rooms-slider--des{padding:11px 45px}}@media (min-width: 1024px){.rooms-slider--content:before{height:230px}.rooms-slider--photo{aspect-ratio:747/353;margin-bottom:120px}.rooms-slider--title{padding:20px 0 0}.rooms-slider--des{padding:11px 65px;bottom:0;position:absolute;left:0}.rooms-slider--des-inner{padding:20px 30px 0}.rooms-slider--slideTitle{margin-bottom:-20px;margin-left:-40px}}@media (min-width: 1280px){.rooms-slider--content:before{height:calc(50% + 40px)}.rooms-slider--photo{aspect-ratio:935/442}.rooms-slider--head{padding:0 24px}.rooms-slider--slide{padding:0 100px}.rooms-slider--slideTitle{margin-bottom:-25px;margin-left:-73px;padding:0}.rooms-slider--des{padding:0 155px}.rooms-slider--des-inner{padding:30px 60px 0}.rooms-slider--btns{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1366px){.rooms-slider--content:before{height:calc(50% + 40px)}.rooms-slider--inner{padding:0 65px}.rooms-slider--head{padding:0 50px}.rooms-slider--photo{aspect-ratio:997/471}.rooms-slider--slideTitle{margin-left:-63px}.rooms-slider--slide{padding:0 110px}}@media (min-width: 1680px){.rooms-slider--content:before{height:calc(50% + 50px)}.rooms-slider--photo{aspect-ratio:1226/579}.rooms-slider--head{padding:0}.rooms-slider--slide{padding:0 117px}.rooms-slider--slideTitle{margin-bottom:-25px;margin-left:-117px;padding:0}}@media (min-width: 1800px){.rooms-slider--content:before{height:calc(50% + 50px)}.rooms-slider--photo{aspect-ratio:1313/621}.rooms-slider--head{padding:0}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }] }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: RoomsSliderComponent, isStandalone: true, selector: "tent-rooms-slider", inputs: { iconControlLeft: "iconControlLeft", iconControlRight: "iconControlRight", title: "title", items: "items" }, ngImport: i0, template: "<section class=\"rooms-slider module-spacer--bottom\">\r\n <div class=\"rooms-slider--content wrapper-big\">\r\n @if (title) {\r\n <div class=\"rooms-slider--head\">\r\n <h3 class=\"rooms-slider--title title--80 color--camel\">\r\n {{ title }}\r\n </h3>\r\n </div>\r\n }\r\n\r\n <owl-carousel-o\r\n class=\"rooms-slider--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"rooms-slider--slide\">\r\n <h4 class=\"rooms-slider--slideTitle color--brown title--80\">\r\n {{ item.title }}\r\n </h4>\r\n <div class=\"rooms-slider--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n <div class=\"rooms-slider--des\">\r\n <div class=\"rooms-slider--des-inner bg-white\">\r\n <p class=\"text\">\r\n {{ item.description }}\r\n </p>\r\n <div class=\"rooms-slider--btns pt--20\">\r\n @for (button of item.buttons; track $index) {\r\n <tent-button\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n [url]=\"button.url\"\r\n [linkType]=\"button.linkType!\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.rooms-slider--content{position:relative}.rooms-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:calc(50% - 60px)}.rooms-slider--head{position:relative}.rooms-slider--head tent-button{position:absolute;right:10px;bottom:5px}.rooms-slider--title{padding:20px 12px 0;margin-bottom:-6px;letter-spacing:0}.rooms-slider--slider{position:relative}.rooms-slider--slideTitle{padding:0 12px;margin-top:-5px;margin-bottom:-5px}.rooms-slider--photo{aspect-ratio:315/169;position:relative;overflow:hidden;width:100%;border-radius:12px}.rooms-slider--des{width:100%;position:relative}.rooms-slider--des-inner{padding:10px 0 0;border-radius:12px}.rooms-slider--btns{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:102%;left:-1%}@media (max-width: 1679px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:100%;left:0%;top:49%}}@media (max-width: 1365px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:102%;left:-1%;top:49%}}@media (max-width: 1279px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:112%;left:-6%;top:40%}}@media (max-width: 1023px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:114%;left:-7%;top:35%}}@media (max-width: 767px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:28%}}@media (min-width: 540px){.rooms-slider--content:before{height:153px}.rooms-slider--title{padding:20px 15px 0;margin-bottom:0}.rooms-slider--slideTitle{margin-bottom:-8px;margin-left:-25px}.rooms-slider--photo{aspect-ratio:400/214}.rooms-slider--slide{padding:0 28px}.rooms-slider--des{padding:11px 15px;width:auto}}@media (min-width: 768px){.rooms-slider--content:before{height:200px}.rooms-slider--photo{aspect-ratio:560/300}.rooms-slider--des{padding:11px 45px}}@media (min-width: 1024px){.rooms-slider--content:before{height:230px}.rooms-slider--photo{aspect-ratio:747/353;margin-bottom:120px}.rooms-slider--title{padding:20px 0 0}.rooms-slider--des{padding:11px 65px;bottom:58px;position:absolute;left:0}.rooms-slider--des-inner{padding:20px 30px 0}.rooms-slider--slideTitle{margin-bottom:-20px;margin-left:-40px}}@media (min-width: 1280px){.rooms-slider--content:before{height:calc(50% + 40px)}.rooms-slider--photo{aspect-ratio:935/442}.rooms-slider--head{padding:0 24px}.rooms-slider--slide{padding:0 100px}.rooms-slider--slideTitle{margin-bottom:-25px;margin-left:-73px;padding:0}.rooms-slider--des{padding:0 206px}.rooms-slider--des-inner{padding:30px 60px 0}.rooms-slider--btns{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1366px){.rooms-slider--content:before{height:calc(50% + 40px)}.rooms-slider--inner{padding:0 65px}.rooms-slider--head{padding:0 50px}.rooms-slider--photo{aspect-ratio:997/471}.rooms-slider--slideTitle{margin-left:-63px}.rooms-slider--slide{padding:0 110px}}@media (min-width: 1680px){.rooms-slider--content:before{height:calc(50% + 50px)}.rooms-slider--photo{aspect-ratio:1226/579}.rooms-slider--head{padding:0}.rooms-slider--slide{padding:0 117px}.rooms-slider--slideTitle{margin-bottom:-25px;margin-left:-117px;padding:0}}@media (min-width: 1800px){.rooms-slider--content:before{height:calc(50% + 50px)}.rooms-slider--photo{aspect-ratio:1313/621}.rooms-slider--head{padding:0}}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "tent-button", inputs: ["type", "label", "url", "linkType", "icon", "socialMedia", "iconPosition", "boxWidth", "innerContent", "linkSizeIcon", "target", "closeButton"], outputs: ["btnClick"] }, { kind: "ngmodule", type: CarouselModule }, { kind: "component", type: i2.CarouselComponent, selector: "owl-carousel-o", inputs: ["options"], outputs: ["translated", "dragging", "change", "changed", "initialized"] }, { kind: "directive", type: i2.CarouselSlideDirective, selector: "ng-template[carouselSlide]", inputs: ["id", "dataMerge", "width", "dotContent", "dataHash"] }] }); }
|
|
46
46
|
}
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RoomsSliderComponent, decorators: [{
|
|
48
48
|
type: Component,
|
|
49
|
-
args: [{ selector: 'tent-rooms-slider', standalone: true, imports: [ButtonComponent, CarouselModule], template: "<section class=\"rooms-slider module-spacer--bottom\">\r\n <div class=\"rooms-slider--content wrapper-big\">\r\n @if (title) {\r\n <div class=\"rooms-slider--head\">\r\n <h3 class=\"rooms-slider--title title--80 color--camel\">\r\n {{ title }}\r\n </h3>\r\n </div>\r\n }\r\n\r\n <owl-carousel-o\r\n class=\"rooms-slider--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"rooms-slider--slide\">\r\n <h4 class=\"rooms-slider--slideTitle color--brown title--80\">\r\n {{ item.title }}\r\n </h4>\r\n <div class=\"rooms-slider--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n <div class=\"rooms-slider--des\">\r\n <div class=\"rooms-slider--des-inner bg-white\">\r\n <p class=\"text\">\r\n {{ item.description }}\r\n </p>\r\n <div class=\"rooms-slider--btns pt--20\">\r\n @for (button of item.buttons; track $index) {\r\n <tent-button\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n [url]=\"button.url\"\r\n [linkType]=\"button.linkType!\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.rooms-slider--content{position:relative}.rooms-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:calc(50% - 60px)}.rooms-slider--head{position:relative}.rooms-slider--head tent-button{position:absolute;right:10px;bottom:5px}.rooms-slider--title{padding:20px 12px 0;margin-bottom:-6px;letter-spacing:0}.rooms-slider--slider{position:relative}.rooms-slider--slideTitle{padding:0 12px;margin-top:-5px;margin-bottom:-5px}.rooms-slider--photo{aspect-ratio:315/169;position:relative;overflow:hidden;width:100%;border-radius:12px}.rooms-slider--des{width:100%;position:relative}.rooms-slider--des-inner{padding:10px 0 0;border-radius:12px}.rooms-slider--btns{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:102%;left:-1%}@media (max-width: 1679px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:100%;left:0%;top:49%}}@media (max-width: 1365px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:102%;left:-1%;top:49%}}@media (max-width: 1279px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:112%;left:-6%;top:40%}}@media (max-width: 1023px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:114%;left:-7%;top:35%}}@media (max-width: 767px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:28%}}@media (min-width: 540px){.rooms-slider--content:before{height:153px}.rooms-slider--title{padding:20px 15px 0;margin-bottom:0}.rooms-slider--slideTitle{margin-bottom:-8px;margin-left:-25px}.rooms-slider--photo{aspect-ratio:400/214}.rooms-slider--slide{padding:0 28px}.rooms-slider--des{padding:11px 15px;width:auto}}@media (min-width: 768px){.rooms-slider--content:before{height:200px}.rooms-slider--photo{aspect-ratio:560/300}.rooms-slider--des{padding:11px 45px}}@media (min-width: 1024px){.rooms-slider--content:before{height:230px}.rooms-slider--photo{aspect-ratio:747/353;margin-bottom:120px}.rooms-slider--title{padding:20px 0 0}.rooms-slider--des{padding:11px 65px;bottom:0;position:absolute;left:0}.rooms-slider--des-inner{padding:20px 30px 0}.rooms-slider--slideTitle{margin-bottom:-20px;margin-left:-40px}}@media (min-width: 1280px){.rooms-slider--content:before{height:calc(50% + 40px)}.rooms-slider--photo{aspect-ratio:935/442}.rooms-slider--head{padding:0 24px}.rooms-slider--slide{padding:0 100px}.rooms-slider--slideTitle{margin-bottom:-25px;margin-left:-73px;padding:0}.rooms-slider--des{padding:0 155px}.rooms-slider--des-inner{padding:30px 60px 0}.rooms-slider--btns{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1366px){.rooms-slider--content:before{height:calc(50% + 40px)}.rooms-slider--inner{padding:0 65px}.rooms-slider--head{padding:0 50px}.rooms-slider--photo{aspect-ratio:997/471}.rooms-slider--slideTitle{margin-left:-63px}.rooms-slider--slide{padding:0 110px}}@media (min-width: 1680px){.rooms-slider--content:before{height:calc(50% + 50px)}.rooms-slider--photo{aspect-ratio:1226/579}.rooms-slider--head{padding:0}.rooms-slider--slide{padding:0 117px}.rooms-slider--slideTitle{margin-bottom:-25px;margin-left:-117px;padding:0}}@media (min-width: 1800px){.rooms-slider--content:before{height:calc(50% + 50px)}.rooms-slider--photo{aspect-ratio:1313/621}.rooms-slider--head{padding:0}}\n"] }]
|
|
49
|
+
args: [{ selector: 'tent-rooms-slider', standalone: true, imports: [ButtonComponent, CarouselModule], template: "<section class=\"rooms-slider module-spacer--bottom\">\r\n <div class=\"rooms-slider--content wrapper-big\">\r\n @if (title) {\r\n <div class=\"rooms-slider--head\">\r\n <h3 class=\"rooms-slider--title title--80 color--camel\">\r\n {{ title }}\r\n </h3>\r\n </div>\r\n }\r\n\r\n <owl-carousel-o\r\n class=\"rooms-slider--slider slider-circle--center\"\r\n [options]=\"sliderOptions\"\r\n >\r\n @for (item of items; track $index) {\r\n <ng-template carouselSlide>\r\n <div class=\"rooms-slider--slide\">\r\n <h4 class=\"rooms-slider--slideTitle color--brown title--80\">\r\n {{ item.title }}\r\n </h4>\r\n <div class=\"rooms-slider--photo figure-content\">\r\n <figure\r\n class=\"figure-full\"\r\n [style]=\"getImage(item.image)\"\r\n ></figure>\r\n </div>\r\n <div class=\"rooms-slider--des\">\r\n <div class=\"rooms-slider--des-inner bg-white\">\r\n <p class=\"text\">\r\n {{ item.description }}\r\n </p>\r\n <div class=\"rooms-slider--btns pt--20\">\r\n @for (button of item.buttons; track $index) {\r\n <tent-button\r\n type=\"dark-box\"\r\n [label]=\"button.label\"\r\n [url]=\"button.url\"\r\n [linkType]=\"button.linkType!\"\r\n ></tent-button>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n }\r\n </owl-carousel-o>\r\n </div>\r\n</section>\r\n", styles: [":root{--tent-font: \"DM Sans\", sans-serif;--color-background: #fff;--color-background-2: #fbf5f0;--color-background-3: #f6ece2;--color-background-4: #eaaa00;--color-background-5: #dc572a;--color-background-6: #7c4d3b;--color-background-6-90: rgb(124 77 59 / 90%);--color-background-7: #005f87;--color-background-8: #dab38c;--color-background-9: #c7946a;--color-title: #dab38d;--color-title-1: #693D2D;--color-title-2: rgb(105 61 45 / 90%);--color-title-4: rgb(105 61 45 / 70%);--color-title-3: #0cc2ce;--color-title-light: #fff;--color-subtitle: #c1885b;--color-subtitle-light: #fff;--color-description: #5d5d5d;--color-description-light: #fff;--color-description-brown-light: rgb(105 61 45 / 80%);--color-description-brown: rgb(105 61 45 / 100%);--color-badge: #dc572a;--color-badge-2: #fdd8b4;--color-badge-3: #dab38d;--color-badge-4: #f3e2d5;--color-badge-5: #fff;--color-badge-box: #e37955;--color-badge-box-hover: #d9603e;--color-dark-btn: rgb(124 77 58 / 70%);--color-dark-btn-hover: #7c4d3a;--color-line-dark-btn: rgb(124 77 58 / 70%);--color-line-dark-btn-hover: #dab38d;--color-dark-btn-filled: #693d2d;--color-dark-btn-filled-hover: #fff;--color-line-dark-btn-filled: #dab38d;--color-line-dark-btn-filled-hover: #dc572a;--color-light-btn: #fff;--color-light-btn-hover: #693d2d;--color-line-light-btn-hover: #dab38d;--size-icon-links: 12px;--size-btn-box: 308px;--size-btn-box-mobile: 250px;--color-link-brown-light: rgb(105 61 45 / 70%);--color-link-brown-light2: rgb(105 61 45 / 80%);--color-link-brown-dark: #693d2d;--color-social-media: #693d3d;--color-instagram: #dab38d;--color-tiktok: #ed4a73;--color-facebook: #2764c1;--color-youtube: #d9464b;--color-linkedin: #2376c9;--color-background-footer1: rgb(135 136 138 / 75%);--color-background-footer2: rgb(221 187 156 / 80%);--color-check-in: #e78a6a;--color-check-in-hover: #d9603e;--color-border-header: #e1d8d5;--color-linea-brown-light: rgb(124 77 58 / 50%);--color-linea-brown-light2: rgb(124 77 58 / 20%);--color-icon: #693E2E;--Ltransition: all cubic-bezier(.785, .135, .15, .86) 1s;--Mtransition: all cubic-bezier(.785, .135, .15, .86) .85s;--Stransition: all cubic-bezier(.785, .135, .15, .86) .7s;--SStransition: all cubic-bezier(.785, .135, .15, .86) .3s;--XStransition: all cubic-bezier(.785, .135, .15, .86) 0s}.link{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link:after{content:\"\";width:0%;height:1px;position:absolute;bottom:-2px;left:0;background-color:var(--color-description);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link:hover{color:var(--color-description)}.link:hover:after{width:100%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.link--brown{color:var(--color-link-brown-light2)}.link--brown:after{background-color:var(--color-link-brown-light2)}.link--brown:hover{color:var(--color-link-brown-dark)}.link--brown:hover:after{background-color:var(--color-link-brown-dark)}.link-opacity{font-family:var(--tent-font);text-decoration:none;font-size:16px;font-weight:400;color:var(--color-description);letter-spacing:0;line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;opacity:.7;cursor:pointer}.link-opacity:hover{opacity:1}.link-regular{font-family:var(--tent-font);text-decoration:none;font-size:18px;font-weight:400;color:var(--color-description);line-height:146.1538461538%;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);position:relative;cursor:pointer}.link-regular:hover{text-decoration:underline}@media (min-width: 540px){.link-regular{font-size:20px;line-height:34px}}.text{font-family:var(--tent-font);font-size:18px;line-height:24px;color:var(--color-description);text-align:left;font-weight:400}@media (min-width: 540px){.text{font-size:20px;line-height:34px}}.text--light{color:var(--color-description-light)}.text--small,.text--18{font-size:16px}.title--18{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--18{font-size:16px}}@media (min-width: 768px){.title--18{font-size:16px}}@media (min-width: 1024px){.title--18{font-size:18px}}@media (min-width: 1680px){.title--18{font-size:18px}}.title--24{font-weight:700;font-size:24px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--24{font-size:24px}}@media (min-width: 768px){.title--24{font-size:24px}}@media (min-width: 1024px){.title--24{font-size:24px}}@media (min-width: 1280px){.title--24{font-size:24px}}@media (min-width: 1366px){.title--24{font-size:24px}}@media (min-width: 1680px){.title--24{font-size:24px}}@media (min-width: 1800px){.title--24{font-size:24px}}.title--30{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (max-width: 374px){.title--30{font-size:24px}}.title--34{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--34{font-size:32px}}@media (min-width: 768px){.title--34{font-size:32px}}@media (min-width: 1680px){.title--34{font-size:34px}}.title--38{font-weight:700;font-size:26px;line-height:1.5;letter-spacing:0}@media (min-width: 540px){.title--38{font-size:28px}}@media (min-width: 768px){.title--38{font-size:38px}}@media (min-width: 1680px){.title--38{font-size:38px}}.title--42{font-weight:700;font-size:30px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--42{font-size:32px}}@media (min-width: 768px){.title--42{font-size:42px}}@media (min-width: 1680px){.title--42{font-size:42px}}.title--54{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--54{font-size:44px}}@media (min-width: 768px){.title--54{font-size:54px}}@media (min-width: 1680px){.title--54{font-size:54px}}.title--60{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:0}@media (min-width: 540px){.title--60{font-size:44px;line-height:1}}@media (min-width: 768px){.title--60{font-size:50px}}@media (min-width: 1680px){.title--60{font-size:60px}}.title--80{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--80{font-size:50px}}@media (min-width: 768px){.title--80{font-size:60px}}@media (min-width: 1024px){.title--80{font-size:60px}}@media (min-width: 1280px){.title--80{font-size:70px}}@media (min-width: 1366px){.title--80{font-size:70px}}@media (min-width: 1680px){.title--80{font-size:80px}}.title--100{font-weight:700;font-size:40px;line-height:1;letter-spacing:0}@media (min-width: 540px){.title--100{font-size:55px}}@media (min-width: 768px){.title--100{font-size:80px}}@media (min-width: 1024px){.title--100{font-size:80px}}@media (min-width: 1280px){.title--100{font-size:90px}}@media (min-width: 1366px){.title--100{font-size:90px}}@media (min-width: 1680px){.title--100{font-size:110px}}.subtitle{font-family:var(--tent-font);font-weight:700;font-size:24px;line-height:44px;letter-spacing:0;text-align:left;color:var(--color-subtitle)}.subtitle.light{color:var(--color-subtitle-light)}.subtitle--medium{font-weight:500;font-size:18px;line-height:1.2;color:var(--color-subtitle-light)}@media (min-width: 768px){.subtitle--medium{font-size:20px}}.bg-yellow{background-color:var(--color-background-4)}.bg-orange{background-color:var(--color-background-5)}.bg-brown{background-color:var(--color-background-6)}.bg-brown-90{background-color:var(--color-background-6-90)}.bg-blue{background-color:var(--color-background-7)}.bg-camel{background-color:var(--color-background-8)}.bg-beige{background-color:var(--color-background-3)}.bg-beige{background-color:var(--color-background-2)}.bg-white{background-color:#fff}.color--brown-dark{color:var(--color-title-1)}.color--brown{color:var(--color-title-2)}.color--brown-70{color:var(--color-title-4)}.color--camel{color:var(--color-title)}.color--white{color:#fff}.color--blue{color:var(--color-title-3)}.color--gray{color:var(--color-description)}.flex-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.flex-row--reverse{flex-direction:row-reverse}.flex-row--center{align-items:center;justify-content:center}.flex-row--between{align-items:center;justify-content:space-between}.flex-row--left{align-items:center;justify-content:flex-start}@media (max-width: 1023px){.flex-row--left{justify-content:center}}.flex-col{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px}.flex-col--reverse{flex-direction:row-reverse}.flex-col--center{align-items:center;justify-content:center}.mt--0{margin-top:0}.mb--0{margin-bottom:0}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mt--10{margin-top:10px}.mb--10{margin-bottom:10px}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mt--20{margin-top:20px}.mb--20{margin-bottom:20px}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mt--25{margin-top:25px}.mb--25{margin-bottom:25px}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mt--30{margin-top:30px}.mb--30{margin-bottom:30px}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mt--40{margin-top:40px}.mb--40{margin-bottom:40px}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mt--50{margin-top:50px}.mb--50{margin-bottom:50px}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mt--60{margin-top:60px}.mb--60{margin-bottom:60px}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mt--70{margin-top:70px}.mb--70{margin-bottom:70px}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mt--80{margin-top:80px}.mb--80{margin-bottom:80px}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mt--90{margin-top:90px}.mb--90{margin-bottom:90px}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mt--100{margin-top:100px}.mb--100{margin-bottom:100px}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.wrapper-big{max-width:100%;padding:0}@media (min-width: 540px){.wrapper-big{padding:0}}@media (min-width: 768px){.wrapper-big{padding:0}}@media (min-width: 1024px){.wrapper-big{padding:0 40px}}@media (min-width: 1280px){.wrapper-big{padding:0 20px}}@media (min-width: 1366px){.wrapper-big{padding:0 13px}}@media (min-width: 1680px){.wrapper-big{padding:0 40px}}@media (min-width: 1800px){.wrapper-big{padding:0 60px}}.wrapper-medium{max-width:100%;padding:0;min-width:-webkit-fill-available}@media (min-width: 540px){.wrapper-medium{padding:0 28px}}@media (min-width: 768px){.wrapper-medium{padding:0 45px}}@media (min-width: 1024px){.wrapper-medium{padding:0 55px}}@media (min-width: 1280px){.wrapper-medium{padding:0 59px}}@media (min-width: 1366px){.wrapper-medium{padding:0 65px}}@media (min-width: 1680px){.wrapper-medium{padding:0}}@media (min-width: 1800px){.wrapper-medium{padding:0}}.module-spacer--bottom{padding-bottom:35px}@media (min-width: 540px){.module-spacer--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer--bottom{padding-bottom:80px}}@media (min-width: 1680px){.module-spacer--bottom{padding-bottom:90px}}.module-spacer-small--bottom{padding-bottom:30px}@media (min-width: 540px){.module-spacer-small--bottom{padding-bottom:40px}}@media (min-width: 768px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1680px){.module-spacer-small--bottom{padding-bottom:50px}}@media (min-width: 1280px){.figure-sticky{position:sticky!important;top:8rem}}.figure-content{width:100%;aspect-ratio:1;display:flex;cursor:pointer;align-items:center;justify-content:center;position:relative;border-radius:.6rem;overflow:hidden}.figure-full{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;margin:0;z-index:-1}.figure-zoom figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.figure-zoom:hover figure{-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-arrows--center .owl-nav{position:absolute;top:50%;width:106%;display:flex;justify-content:space-between;margin:0;left:50%;transform:translate(-50%) translateY(-50%);z-index:-1}.slider-arrows--center .owl-nav [class*=owl-]{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.slider-arrows--center .owl-nav [class*=owl-]:hover{background-color:transparent;-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition);transform:scale(1.5)}.slider-circle--center .owl-nav{position:absolute;top:50%;width:calc(100% - 240px);display:flex;justify-content:space-between;margin:0;left:120px;transform:translateY(-50%)}.slider-circle--center .owl-nav [class*=owl-]{background-color:#fff;border-radius:100%;padding:4px}.slider-circle--center .owl-nav [class*=owl-]:hover{background-color:#fff}@media (max-width: 767px){.slider-circle--center .owl-nav .btn__circle{width:38px;height:38px}}.slider-circle--center--centerFull .owl-nav{width:110%;left:-5%}.btn{cursor:pointer;font-family:var(--corp-font);-webkit-transition:var(--Stransition);-moz-transition:var(--Stransition);-ms-transition:var(--Stransition);-o-transition:var(--Stransition);transition:var(--Stransition)}.btn__light{border:2px solid var(--color-light-btn);color:var(--color-light-btn);background-color:transparent}.btn__light:hover{border:2px solid var(--color-line-light-btn-hover);background-color:var(--color-line-light-btn-hover);color:var(--color-light-btn-hover)}.btn__dark{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:var(--color-background)}.btn__dark:hover{border:2px solid var(--color-line-dark-btn-hover);background-color:var(--color-line-dark-btn-hover);color:var(--color-dark-btn-hover)}.btn__dark-white{border:2px solid var(--color-line-dark-btn);color:var(--color-dark-btn);background-color:transparent}.btn__dark-white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__dark-filled{border:2px solid var(--color-line-dark-btn-filled);color:var(--color-dark-btn-filled);background-color:var(--color-line-dark-btn-filled)}.btn__dark-filled:hover{border:2px solid var(--color-line-dark-btn-filled-hover);background-color:var(--color-line-dark-btn-filled-hover);color:var(--color-dark-btn-filled-hover)}.btn__white{border:2px solid white;color:var(--color-dark-btn);background-color:var(--color-background)}.btn__white:hover{border:2px solid white;background-color:#fff;color:var(--color-dark-btn-hover)}.btn__circle-container{border-radius:50%;padding:6px}.btn__circle{width:40px;height:40px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center}.btn__circle--social-media{width:60px;height:60px;color:var(--color-social-media)}.btn__circle:hover--instagram{background-color:var(--color-instagram);color:var(--color-social-media)}.btn__circle:hover--tiktok,.btn__circle:hover--facebook,.btn__circle:hover--youtube,.btn__circle:hover--linkedin{color:var(--color-background)}.btn__circle:hover--tiktok{background-color:var(--color-tiktok)}.btn__circle:hover--facebook{background-color:var(--color-facebook)}.btn__circle:hover--youtube{background-color:var(--color-youtube)}.btn__circle:hover--linkedin{background-color:var(--color-linkedin)}.btn__circle-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;font-size:22px}.btn__circle-icon.icon--size12{font-size:12px}.btn__box{width:var(--size-btn-box);height:50px;border-radius:6px;font-weight:700;font-size:19px;line-height:24.74px;text-align:center}.btn__box.btn-small{width:var(--size-btn-box-mobile)}@media (min-width: 540px){.btn__box.btn-small{width:var(--size-btn-box)}}.btn__box-container mat-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.rooms-slider--content{position:relative}.rooms-slider--content:before{content:\"\";height:100%;width:100%;background-color:var(--color-background-2);position:absolute;left:0;top:0%;z-index:-1;border-radius:12px;height:calc(50% - 60px)}.rooms-slider--head{position:relative}.rooms-slider--head tent-button{position:absolute;right:10px;bottom:5px}.rooms-slider--title{padding:20px 12px 0;margin-bottom:-6px;letter-spacing:0}.rooms-slider--slider{position:relative}.rooms-slider--slideTitle{padding:0 12px;margin-top:-5px;margin-bottom:-5px}.rooms-slider--photo{aspect-ratio:315/169;position:relative;overflow:hidden;width:100%;border-radius:12px}.rooms-slider--des{width:100%;position:relative}.rooms-slider--des-inner{padding:10px 0 0;border-radius:12px}.rooms-slider--btns{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap}.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:102%;left:-1%}@media (max-width: 1679px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:100%;left:0%;top:49%}}@media (max-width: 1365px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:102%;left:-1%;top:49%}}@media (max-width: 1279px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:112%;left:-6%;top:40%}}@media (max-width: 1023px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:114%;left:-7%;top:35%}}@media (max-width: 767px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:112%;left:-6%;top:25%}}@media (max-width: 539px){.rooms-slider ::ng-deep .slider-circle--center .owl-nav{width:calc(100% + 60px);left:-30px;top:28%}}@media (min-width: 540px){.rooms-slider--content:before{height:153px}.rooms-slider--title{padding:20px 15px 0;margin-bottom:0}.rooms-slider--slideTitle{margin-bottom:-8px;margin-left:-25px}.rooms-slider--photo{aspect-ratio:400/214}.rooms-slider--slide{padding:0 28px}.rooms-slider--des{padding:11px 15px;width:auto}}@media (min-width: 768px){.rooms-slider--content:before{height:200px}.rooms-slider--photo{aspect-ratio:560/300}.rooms-slider--des{padding:11px 45px}}@media (min-width: 1024px){.rooms-slider--content:before{height:230px}.rooms-slider--photo{aspect-ratio:747/353;margin-bottom:120px}.rooms-slider--title{padding:20px 0 0}.rooms-slider--des{padding:11px 65px;bottom:58px;position:absolute;left:0}.rooms-slider--des-inner{padding:20px 30px 0}.rooms-slider--slideTitle{margin-bottom:-20px;margin-left:-40px}}@media (min-width: 1280px){.rooms-slider--content:before{height:calc(50% + 40px)}.rooms-slider--photo{aspect-ratio:935/442}.rooms-slider--head{padding:0 24px}.rooms-slider--slide{padding:0 100px}.rooms-slider--slideTitle{margin-bottom:-25px;margin-left:-73px;padding:0}.rooms-slider--des{padding:0 206px}.rooms-slider--des-inner{padding:30px 60px 0}.rooms-slider--btns{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}}@media (min-width: 1366px){.rooms-slider--content:before{height:calc(50% + 40px)}.rooms-slider--inner{padding:0 65px}.rooms-slider--head{padding:0 50px}.rooms-slider--photo{aspect-ratio:997/471}.rooms-slider--slideTitle{margin-left:-63px}.rooms-slider--slide{padding:0 110px}}@media (min-width: 1680px){.rooms-slider--content:before{height:calc(50% + 50px)}.rooms-slider--photo{aspect-ratio:1226/579}.rooms-slider--head{padding:0}.rooms-slider--slide{padding:0 117px}.rooms-slider--slideTitle{margin-bottom:-25px;margin-left:-117px;padding:0}}@media (min-width: 1800px){.rooms-slider--content:before{height:calc(50% + 50px)}.rooms-slider--photo{aspect-ratio:1313/621}.rooms-slider--head{padding:0}}\n"] }]
|
|
50
50
|
}], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { iconControlLeft: [{
|
|
51
51
|
type: Input
|
|
52
52
|
}], iconControlRight: [{
|
|
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImpor
|
|
|
56
56
|
}], items: [{
|
|
57
57
|
type: Input
|
|
58
58
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9vbXMtc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RlbnQvc3JjL2xpYi9jb21wb25lbnRzL2NvcmUvcm9vbXMtc2xpZGVyL3Jvb21zLXNsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90ZW50L3NyYy9saWIvY29tcG9uZW50cy9jb3JlL3Jvb21zLXNsaWRlci9yb29tcy1zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFFLGNBQWMsRUFBYyxNQUFNLG9CQUFvQixDQUFDO0FBRWhFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7OztBQVF2RSxNQUFNLE9BQU8sb0JBQW9CO0lBK0I3QixZQUE2QixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBekJwRCxrQkFBYSxHQUFlO1lBQ3hCLElBQUksRUFBRSxJQUFJO1lBQ1YsUUFBUSxFQUFFLElBQUk7WUFDZCxlQUFlLEVBQUUsSUFBSTtZQUNyQixhQUFhLEVBQUUsSUFBSTtZQUNuQixRQUFRLEVBQUUsSUFBSTtZQUNkLHFCQUFxQixFQUFFLEdBQUc7WUFDMUIsWUFBWSxFQUFFLENBQUM7WUFDZixNQUFNLEVBQUUsQ0FBQztZQUNULFNBQVMsRUFBRSxJQUFJO1lBQ2YsU0FBUyxFQUFFLElBQUk7WUFDZixRQUFRLEVBQUUsSUFBSTtZQUNkLElBQUksRUFBRSxLQUFLO1lBQ1gsVUFBVSxFQUFFO2dCQUNSLENBQUMsRUFBRTtvQkFDQyxLQUFLLEVBQUUsQ0FBQztpQkFDWDtnQkFDRCxJQUFJLEVBQUU7b0JBQ0YsS0FBSyxFQUFFLENBQUM7b0JBQ1IsWUFBWSxFQUFFLEdBQUc7aUJBQ3BCO2FBQ0o7WUFDRCxHQUFHLEVBQUUsSUFBSTtTQUNaLENBQUM7SUFFcUQsQ0FBQztJQUV4RCxRQUFRO1FBQ0osSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEdBQUc7WUFDekIsc0ZBQXNGLElBQUksQ0FBQyxlQUFlLDhCQUE4QjtZQUN4SSxzRkFBc0YsSUFBSSxDQUFDLGdCQUFnQiw4QkFBOEI7U0FDNUksQ0FBQztJQUNOLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNsQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsd0JBQXdCLENBQzFDLHlCQUF5QixLQUFLLEdBQUcsQ0FDcEMsQ0FBQztJQUNOLENBQUM7OEdBNUNRLG9CQUFvQjtrR0FBcEIsb0JBQW9CLG1NQ1pqQyx5bUVBaURBLGczbkJEekNjLGVBQWUsd09BQUUsY0FBYzs7MkZBSWhDLG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDSSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLGNBQWMsQ0FBQztpRkFLakMsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5pbXBvcnQgeyBDYXJvdXNlbE1vZHVsZSwgT3dsT3B0aW9ucyB9IGZyb20gJ25neC1vd2wtY2Fyb3VzZWwtbyc7XHJcbmltcG9ydCB7IEJ1dHRvbkkgfSBmcm9tICcuLi8uLi8uLi9pbnRlcmZhY2VzL2F0b21pYy9idXR0b24uaW50ZXJmYWNlJztcclxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbWljL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3RlbnQtcm9vbXMtc2xpZGVyJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbQnV0dG9uQ29tcG9uZW50LCBDYXJvdXNlbE1vZHVsZV0sXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vcm9vbXMtc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsOiAnLi9yb29tcy1zbGlkZXIuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUm9vbXNTbGlkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQElucHV0KCkgaWNvbkNvbnRyb2xMZWZ0ITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgaWNvbkNvbnRyb2xSaWdodCE6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgaXRlbXMhOiBSb29tc1NsaWRlckl0ZW1bXTtcclxuXHJcbiAgICBzbGlkZXJPcHRpb25zOiBPd2xPcHRpb25zID0ge1xyXG4gICAgICAgIGxvb3A6IHRydWUsXHJcbiAgICAgICAgYXV0b3BsYXk6IHRydWUsXHJcbiAgICAgICAgYXV0b3BsYXlUaW1lb3V0OiA1MDAwLFxyXG4gICAgICAgIGF1dG9wbGF5U3BlZWQ6IDE1MDAsXHJcbiAgICAgICAgbmF2U3BlZWQ6IDE1MDAsXHJcbiAgICAgICAgcmVzcG9uc2l2ZVJlZnJlc2hSYXRlOiAxMDAsXHJcbiAgICAgICAgc3RhZ2VQYWRkaW5nOiAwLFxyXG4gICAgICAgIG1hcmdpbjogMCxcclxuICAgICAgICBtb3VzZURyYWc6IHRydWUsXHJcbiAgICAgICAgdG91Y2hEcmFnOiB0cnVlLFxyXG4gICAgICAgIHB1bGxEcmFnOiB0cnVlLFxyXG4gICAgICAgIGRvdHM6IGZhbHNlLFxyXG4gICAgICAgIHJlc3BvbnNpdmU6IHtcclxuICAgICAgICAgICAgMDoge1xyXG4gICAgICAgICAgICAgICAgaXRlbXM6IDEsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIDE2ODA6IHtcclxuICAgICAgICAgICAgICAgIGl0ZW1zOiAxLFxyXG4gICAgICAgICAgICAgICAgc3RhZ2VQYWRkaW5nOiAxMjAsXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSxcclxuICAgICAgICBuYXY6IHRydWUsXHJcbiAgICB9O1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHt9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zbGlkZXJPcHRpb25zLm5hdlRleHQgPSBbXHJcbiAgICAgICAgICAgIGA8ZGl2IGNsYXNzPVwiYnRuIGJ0bl9fY2lyY2xlIGJ0bl9fY2lyY2xlLS0gYnRuX19kYXJrXCI+PHNwYW4gY2xhc3M9XCJidG5fX2NpcmNsZS1pY29uICR7dGhpcy5pY29uQ29udHJvbExlZnR9IGljb24tLXNpemUxMiBcIj4gPHNwYW4+PGRpdj5gLFxyXG4gICAgICAgICAgICBgPGRpdiBjbGFzcz1cImJ0biBidG5fX2NpcmNsZSBidG5fX2NpcmNsZS0tIGJ0bl9fZGFya1wiPjxzcGFuIGNsYXNzPVwiYnRuX19jaXJjbGUtaWNvbiAke3RoaXMuaWNvbkNvbnRyb2xSaWdodH0gaWNvbi0tc2l6ZTEyIFwiPiA8c3Bhbj48ZGl2PmAsXHJcbiAgICAgICAgXTtcclxuICAgIH1cclxuXHJcbiAgICBnZXRJbWFnZShpbWFnZTogc3RyaW5nKTogU2FmZVN0eWxlIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKFxyXG4gICAgICAgICAgICBgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7aW1hZ2V9KWBcclxuICAgICAgICApO1xyXG4gICAgfVxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFJvb21zU2xpZGVySXRlbSB7XHJcbiAgICBpbWFnZTogc3RyaW5nO1xyXG4gICAgdGl0bGU6IHN0cmluZztcclxuICAgIGRlc2NyaXB0aW9uOiBzdHJpbmc7XHJcbiAgICBidXR0b25zOiBCdXR0b25JW107XHJcbn1cclxuIiwiPHNlY3Rpb24gY2xhc3M9XCJyb29tcy1zbGlkZXIgbW9kdWxlLXNwYWNlci0tYm90dG9tXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm9vbXMtc2xpZGVyLS1jb250ZW50IHdyYXBwZXItYmlnXCI+XHJcbiAgICAgICAgQGlmICh0aXRsZSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJyb29tcy1zbGlkZXItLWhlYWRcIj5cclxuICAgICAgICAgICAgPGgzIGNsYXNzPVwicm9vbXMtc2xpZGVyLS10aXRsZSB0aXRsZS0tODAgY29sb3ItLWNhbWVsXCI+XHJcbiAgICAgICAgICAgICAgICB7eyB0aXRsZSB9fVxyXG4gICAgICAgICAgICA8L2gzPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgPG93bC1jYXJvdXNlbC1vXHJcbiAgICAgICAgICAgIGNsYXNzPVwicm9vbXMtc2xpZGVyLS1zbGlkZXIgc2xpZGVyLWNpcmNsZS0tY2VudGVyXCJcclxuICAgICAgICAgICAgW29wdGlvbnNdPVwic2xpZGVyT3B0aW9uc1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGNhcm91c2VsU2xpZGU+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm9vbXMtc2xpZGVyLS1zbGlkZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxoNCBjbGFzcz1cInJvb21zLXNsaWRlci0tc2xpZGVUaXRsZSBjb2xvci0tYnJvd24gdGl0bGUtLTgwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0udGl0bGUgfX1cclxuICAgICAgICAgICAgICAgICAgICA8L2g0PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb29tcy1zbGlkZXItLXBob3RvIGZpZ3VyZS1jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxmaWd1cmVcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZmlndXJlLWZ1bGxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0eWxlXT1cImdldEltYWdlKGl0ZW0uaW1hZ2UpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgPjwvZmlndXJlPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb29tcy1zbGlkZXItLWRlc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm9vbXMtc2xpZGVyLS1kZXMtaW5uZXIgYmctd2hpdGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0uZGVzY3JpcHRpb24gfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb29tcy1zbGlkZXItLWJ0bnMgcHQtLTIwXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgQGZvciAoYnV0dG9uIG9mIGl0ZW0uYnV0dG9uczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRlbnQtYnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJkYXJrLWJveFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJidXR0b24ubGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdXJsXT1cImJ1dHRvbi51cmxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGlua1R5cGVdPVwiYnV0dG9uLmxpbmtUeXBlIVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvdGVudC1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L293bC1jYXJvdXNlbC1vPlxyXG4gICAgPC9kaXY+XHJcbjwvc2VjdGlvbj5cclxuIl19
|