ctt-babylon 0.6.20 → 0.7.0

package/lib/styles/styles/babylon/globals.scss

@@ -1,4 +1,5 @@
-@import 'variables.scss';
+@use 'variables.scss' as *;
+@use 'mixins.scss' as *;
 html * {
     -webkit-font-smoothing: antialiased;
 }
@@ -64,16 +65,24 @@ hr {
 /* General links color */
 a {
     color: var(--cl_btn-link);
+    font-family: var(--font-text);
     text-decoration: none;
     @include transition-default;
     outline: none;
-
+    cursor: pointer;
     &:hover,
     &:focus {
         color: var(--cl_btn-link-hover);
         text-decoration: none;
         outline: none;
     }
+    &.cs_site_branding {
+        height: 100%;
+        img {
+            height: 100%;
+            padding: 5px;
+        }
+    }
 }
 
 /*-------- ESPACIOS --------*/
@@ -110,10 +119,11 @@ a {
     @include transition-default;
     border-radius: var(--btn_radius);
     line-height: 1;
-    font-family: var(--font-text);
-    letter-spacing: 1px;
+    font-family: var(--font-btn);
+    letter-spacing: var(--ls_btn);
     font-weight: var(--w_btn);
-    font-size: 14px;
+    font-size: var(--size_btn);
+    text-transform: var(--upper_btn);
     cursor: pointer;
     text-decoration: none;
     span {
@@ -132,9 +142,16 @@ a {
             position: relative;
         }
     }
+    b,
+    a {
+        color: var(--cl_btn-box-text);
+        font-weight: var(--w_btn);
+        font-size: var(--size_btn);
+    }
     &:hover {
         background-color: var(--cl_btn-box-hover);
         color: var(--cl_btn-box-text-hover);
+        border-color: var(--cl_btn-box-hover);
         span {
             svg,
             &:before {
@@ -143,9 +160,31 @@ a {
                 position: relative;
             }
         }
+        b {
+            color: var(--cl_btn-box-text-hover);
+        }
+    }
+    &.disabled,
+    .pointers-none {
+        color: grey;
+        pointer-events: none;
+        background-color: transparent;
+        border-color: grey;
+        opacity: 0.6;
+        b,
+        a {
+            color: grey;
+        }
+        span {
+            color: grey;
+            &:before {
+                color: grey;
+            }
+        }
     }
 
-    &_primary {
+    &_primary,
+    &__primary {
         border: 1px solid var(--cl_btn-box);
         color: var(--cl_btn-box-text);
         background: transparent;
@@ -159,33 +198,104 @@ a {
                     color: var(--cl_btn-light-text);
                 }
             }
+            b,
+            a {
+                color: var(--cl_btn-light-text);
+            }
+            &:hover {
+                background-color: var(--cl_btn-light-hover);
+                border-color: var(--cl_btn-light-hover);
+                color: var(--cl_btn-light-text-hover);
+                b {
+                    color: var(--cl_btn-light-text-hover);
+                }
+            }
         }
         &:hover {
             background-color: var(--cl_btn-box-hover);
             border-color: var(--cl_btn-box-hover);
             color: var(--cl_btn-box-text-hover);
+            b {
+                color: var(--cl_btn-box-text-hover);
+            }
         }
     }
-    &_call {
+
+    &_call,
+    &__call {
         border: 1px solid var(--cl_btn-call);
         background-color: var(--cl_btn-call);
         color: var(--cl_btn-call-text);
         position: relative;
+        b {
+            color: var(--cl_btn-call-text);
+        }
         span:before {
             color: var(--cl_btn-call-text);
         }
+        b {
+            color: var(--cl_btn-call-text);
+        }
         &.btn--light {
             background-color: var(--cl_btn-light);
             border: 1px solid var(--cl_btn-light);
-            color: var(--cl_btn-call);
+            color: var(--cl_btn-light-text);
             span:before {
-                color: var(--cl_btn-call);
+                color: var(--cl_btn-light-text);
+            }
+            b {
+                color: var(--cl_btn-light-text);
             }
         }
         &:hover {
             background-color: var(--cl_btn-call-hover);
             border-color: var(--cl_btn-call-hover);
             color: var(--cl_btn-call-text-hover);
+            b {
+                color: var(--cl_btn-call-text-hover);
+            }
+        }
+    }
+
+    &_unlink {
+        border: none;
+        font-size: large;
+        text-decoration: underline;
+        text-underline-offset: 5px;
+        color: var(--cl_btn-light-text);
+        &:hover {
+            color: var(--cl_btn-box-text-hover);
+        }
+    }
+
+    &_simple_box {
+        border-radius: 0px;
+        padding: 5px;
+        background-color: var(--cl_btn-box-text-hover);
+        &:hover {
+            background-color: var(--cl_btn-box);
+            border-color: var(--cl_btn-box);
+            color: var(--cl_btn-box-text-hover);
+        }
+    }
+
+    &_big-circle {
+        width: 92px;
+        height: 92px;
+        background-color: var(--cl_btn-box-text-hover);
+        border: 0;
+        margin: 0;
+        padding: 0;
+        display: inline-block;
+        vertical-align: middle;
+        -webkit-border-radius: 50%;
+        border-radius: 50%;
+        position: relative;
+        box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
+        &:hover {
+            background-color: var(--cl_btn-box);
+            border-color: var(--cl_btn-box);
+            color: var(--cl_btn-box-text-hover);
         }
     }
 }
@@ -193,16 +303,17 @@ a {
 .btn-link {
     position: relative;
     font-style: normal;
-    font-family: var(--font-text);
-    letter-spacing: 1px;
+    font-family: var(--font-link);
+    letter-spacing: var(--ls_link);
     font-weight: var(--w_btn);
-    font-size: 14px;
+    font-size: var(--size_link);
     cursor: pointer;
     text-decoration: none;
     color: var(--cl_btn-link);
     display: flex;
     align-items: center;
     gap: 10px;
+    text-transform: var(--upper_link);
     @include transition-default;
     span {
         font-size: 8px;
@@ -283,18 +394,51 @@ a {
             justify-content: center;
         }
     }
-    @include full-tablet {
+    @include small-desktop {
         padding-block: 20px 10px;
         align-items: center;
         justify-content: center;
     }
 }
+.btn--close {
+    width: auto;
+    padding: 13px;
+    .babylon-plus {
+        width: auto !important;
+        padding: 0;
+        font-size: 18px;
+    }
+}
+.babylon-plus {
+    width: auto !important;
+    padding: 12px;
+    &:before {
+        right: auto !important;
+    }
+}
+
+.babylon-minus {
+    width: auto !important;
+    padding: 12px;
+    &:before {
+        right: auto !important;
+        content: '';
+        display: block;
+        width: 14px;
+        height: 2px;
+        background-color: currentColor;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+}
 
 /*-------- TEXTOS--------*/
 .title_carrusel {
     font-size: 40px;
     font-family: var(--font-title);
-    line-height: 1.2;
+    line-height: var(--lh_title-slider);
     letter-spacing: 1px;
     color: var(--cl_title-light);
     font-weight: var(--w_title);
@@ -312,12 +456,13 @@ a {
 }
 .pretitle_carrusel {
     font-size: 16px;
-    line-height: 1.2;
+    line-height: var(--lh_pretitle-slider);
     letter-spacing: 1px;
     color: var(--cl_pretitle-light);
     font-weight: var(--w_pretitle);
     margin: 0;
     margin-block: 0;
+    padding-bottom: var(--padding-bottom-slider);
     @include min-small-desktop {
         font-size: 18px;
     }
@@ -642,7 +787,7 @@ $type-align: left; //center / left
             right: 30px;
             top: 30px;
             bottom: 30px;
-            border: var(--img_border-whidth) solid var(--img_border);
+            border: var(--img_border-width) solid var(--img_border);
             border-radius: var(--img_radius);
             z-index: 1;
             @include full-tablet {
@@ -670,7 +815,7 @@ $type-align: left; //center / left
                 right: 30px;
                 top: 30px;
                 bottom: 30px;
-                border: var(--img_border-whidth) solid var(--img_border);
+                border: var(--img_border-width) solid var(--img_border);
                 border-radius: var(--img_radius);
                 @include full-tablet {
                     left: 15px;
@@ -685,9 +830,9 @@ $type-align: left; //center / left
 
 .btn-close--modal {
     position: absolute;
-    top: 70px;
-    right: 70px;
-    z-index: 1;
+    top: 20px;
+    right: 20px;
+    z-index: 999;
 
     .babylon-plus::before {
         transform: rotate(-45deg);
@@ -697,151 +842,153 @@ $type-align: left; //center / left
         top: 30px;
         right: 30px;
     }
+    a:hover {
+        background-color: var(--cl_corp);
+        border-color: var(--cl_corp);
+        color: white;
+    }
 }
 
-.blanco-version-form {
-    .input-group {
-        position: relative;
-        .input-control,
-        .select-control {
-            height: 6rem;
-            appearance: none;
-            border: 1px solid transparent;
-            border-bottom-color: $grey;
-            @include lineHeight(14, 14);
-            color: $primary;
-            padding: 2.9rem 5.6rem 1rem 2rem;
-            outline: 0;
-            width: 100%;
-            transition: $transition;
-            background: transparent;
-            display: block;
-            &:hover,
-            &:focus {
-                border-color: $grey;
-                background: $white;
-            }
-        }
-        &.open {
-            span.input-control {
-                border-color: $grey;
-            }
-        }
-        &--inner {
-            position: relative;
-        }
-        &--label {
-            position: absolute;
-            left: 0.2rem;
-            padding: 2.1rem 2rem;
-            @include lineHeight(16, 16);
-            color: $primary;
-            transition: $transition;
-            top: 0.1rem;
-            background: $white;
-            pointer-events: none;
-            width: calc(100% - 5.6rem);
-        }
-        &--icon {
-            position: absolute;
-            width: 1.6rem;
-            height: 1.6rem;
-            top: 50%;
-            pointer-events: none;
-            right: 2rem;
-            transform: translateY(-50%);
-            &:has(.user) {
-                width: 1.2rem;
-                height: 1.2rem;
-            }
-            &:has(.baby) {
-                width: 0.9rem;
-                height: 0.9rem;
+.cs_form .conditions p {
+    margin-bottom: 0px !important;
+}
+
+.cs_form .conditions a {
+    text-decoration: underline !important;
+}
+
+.logo_title {
+    img {
+        height: 120px;
+        width: auto;
+    }
+}
+
+.babylon__engine.header-center-bookshow-engine {
+    input {
+        &::placeholder {
+            padding: 5px 0 5px 0;
+        }
+    }
+    @include min-full-tablet {
+        &.engine-sticky {
+            max-width: none !important;
+            border-radius: 0 !important;
+            display: flex !important;
+            justify-content: center !important;
+            position: fixed !important;
+            top: 100px !important;
+            margin-top: 0px !important;
+            padding: 20px !important;
+            background-color: var(--cl_background_dark-opacity) !important;
+            .p-calendar {
+                input::placeholder {
+                    color: var(--cl_title-light) !important;
+                }
             }
-            svg {
-                width: 100%;
-                height: 100%;
+            .babylon__engine__input {
+                color: var(--cl_title-light) !important;
+                &::placeholder {
+                    color: var(--cl_title-light) !important;
+                }
             }
-        }
-        &:has(input:focus) &,
-        &:has(input:not(:placeholder-shown)) & {
-            &--label {
-                padding-top: 1.1rem;
-                padding-bottom: 3.2rem;
-                line-height: 1;
-                background: transparent;
+            span::before {
+                color: var(--cl_title-light);
             }
-        }
-        &:not(.open) {
-            .input-group--icon {
-                svg {
-                    &.persons {
-                        display: block;
-                    }
-                    &.down-arrow {
-                        display: none;
-                        width: 1.4rem;
-                        height: 1.4rem;
-                    }
-                }
+            span.babylon__guests__icon::before {
+                color: var(--cl_engine-text-sticky);
             }
         }
-        &.open {
-            .input-group--icon {
-                svg {
-                    &.persons {
-                        display: none;
-                    }
-                    &.down-arrow {
-                        display: block;
-                        width: 1.4rem;
-                        height: 1.4rem;
-                    }
-                }
-            }
+    }
+
+    .babylon__engine__dialog {
+        position: absolute;
+    }
+
+    .babylon__engine__datepicker {
+        width: 100%;
+    }
+
+    .babylon-tag {
+        &::before {
+            font-size: 23px;
         }
     }
-    .checkbox__group {
-        label {
-            position: relative;
-            input {
-                position: absolute;
-                left: 0;
-                top: 0;
-                opacity: 0;
-                pointer-events: none;
-                &:checked + span {
-                    svg {
-                        opacity: 1;
+}
+
+.cs__mode-only_mobile {
+    @include min-full-tablet {
+        display: none;
+    }
+}
+
+.cs__mode-no_mobile {
+    @include full-tablet {
+        display: none;
+    }
+}
+
+.cs__not_touch-mobile {
+    @include mobile {
+        pointer-events: none;
+    }
+}
+
+.cs_border-bottom {
+    @include small-tablet {
+        border-bottom: 1px solid rgba(73, 73, 73, 0.1);
+        padding-bottom: 12px;
+    }
+}
+
+lib-babylon-engine {
+    .babylon__engine.header-center-bookshow-engine.engine-sticky {
+        height: auto !important;
+        width: 100% !important;
+    }
+}
+.babylon__engine.header-bookshow-engine {
+    @include min-small-desktop {
+        &.engine-sticky {
+            form {
+                gap: 20px !important;
+                > div {
+                    &:first-child {
+                        max-width: calc(30% - 20px) !important;
+                        width: calc(30% - 20px) !important;
                     }
                 }
             }
-            span {
-                padding-left: 2.55rem;
-                @include lineHeight(14, 14);
-                color: rgb($primary, 80%);
-                position: relative;
-                display: block;
-                &::before {
-                    content: '';
-                    width: 1.5rem;
-                    height: 1.5rem;
-                    border: 1px solid rgb($primary, 70%);
-                    position: absolute;
-                    left: 0;
-                    top: 0.1rem;
-                }
-                .checkbox--tick {
-                    opacity: 0;
-                    pointer-events: none;
-                    width: 0.9rem;
-                    height: 0.6rem;
-                    color: $primary;
-                    position: absolute;
-                    left: 0.3rem;
-                    top: 0.5rem;
-                }
-            }
         }
     }
 }
+.top-container {
+    position: relative;
+}
+
+//FIX FROM LIVE
+@include full-tablet {
+    .cdk-global-overlay-wrapper {
+        padding-bottom: 0px !important;
+    }
+    .guests input {
+        pointer-events: none !important;
+        user-select: none !important;
+    }
+}
+
+span.babylon__engines__datepicker__icon.babylon-calendar {
+    width: 100%;
+    height: 100%;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: right;
+    padding-right: 20px;
+}
+
+.cdk-global-scrollblock {
+    .hi-widget-container.small-widget {
+        display: none !important;
+    }
+}

package/lib/styles/styles/babylon/mixins.css

@@ -1 +1 @@
-:root{--font-title: "the-seasons", Helvetica, sans-serif;--font-pretitle: "Poppins", Helvetica, sans-serif;--font-text: "Poppins", Helvetica, sans-serif;--font-claim: "turbinado-pro", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, 0.1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, 0.1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0px !important}.mb--0{margin-bottom:0px !important}.mr--0{margin-right:0px !important}.ml--0{margin-left:0px !important}.pt--0{padding-top:0px}.pb--0{padding-bottom:0px}.pl--0{padding-left:0px !important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px !important}.mb--10{margin-bottom:10px !important}.mr--10{margin-right:10px !important}.ml--10{margin-left:10px !important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px !important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px !important}.mb--20{margin-bottom:20px !important}.mr--20{margin-right:20px !important}.ml--20{margin-left:20px !important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px !important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px !important}.mb--25{margin-bottom:25px !important}.mr--25{margin-right:25px !important}.ml--25{margin-left:25px !important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px !important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px !important}.mb--30{margin-bottom:30px !important}.mr--30{margin-right:30px !important}.ml--30{margin-left:30px !important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px !important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px !important}.mb--40{margin-bottom:40px !important}.mr--40{margin-right:40px !important}.ml--40{margin-left:40px !important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px !important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px !important}.mb--50{margin-bottom:50px !important}.mr--50{margin-right:50px !important}.ml--50{margin-left:50px !important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px !important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px !important}.mb--60{margin-bottom:60px !important}.mr--60{margin-right:60px !important}.ml--60{margin-left:60px !important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px !important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px !important}.mb--70{margin-bottom:70px !important}.mr--70{margin-right:70px !important}.ml--70{margin-left:70px !important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px !important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px !important}.mb--80{margin-bottom:80px !important}.mr--80{margin-right:80px !important}.ml--80{margin-left:80px !important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px !important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px !important}.mb--90{margin-bottom:90px !important}.mr--90{margin-right:90px !important}.ml--90{margin-left:90px !important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px !important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px !important}.mb--100{margin-bottom:100px !important}.mr--100{margin-right:100px !important}.ml--100{margin-left:100px !important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px !important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}
+@media(min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-fill{flex:1 1 auto !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.m-auto{margin:auto !important}.mt-auto,.my-auto{margin-top:auto !important}.mr-auto,.mx-auto{margin-right:auto !important}.mb-auto,.my-auto{margin-bottom:auto !important}.ml-auto,.mx-auto{margin-left:auto !important}@media(min-width: 540px){.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}.m-sm-auto{margin:auto !important}.mt-sm-auto,.my-sm-auto{margin-top:auto !important}.mr-sm-auto,.mx-sm-auto{margin-right:auto !important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto !important}.ml-sm-auto,.mx-sm-auto{margin-left:auto !important}}@media(min-width: 768px){.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}.m-md-auto{margin:auto !important}.mt-md-auto,.my-md-auto{margin-top:auto !important}.mr-md-auto,.mx-md-auto{margin-right:auto !important}.mb-md-auto,.my-md-auto{margin-bottom:auto !important}.ml-md-auto,.mx-md-auto{margin-left:auto !important}}@media(min-width: 1024px){.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}.m-lg-auto{margin:auto !important}.mt-lg-auto,.my-lg-auto{margin-top:auto !important}.mr-lg-auto,.mx-lg-auto{margin-right:auto !important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto !important}.ml-lg-auto,.mx-lg-auto{margin-left:auto !important}}@media(min-width: 1280px){.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}.m-xl-auto{margin:auto !important}.mt-xl-auto,.my-xl-auto{margin-top:auto !important}.mr-xl-auto,.mx-xl-auto{margin-right:auto !important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto !important}.ml-xl-auto,.mx-xl-auto{margin-left:auto !important}}@media(min-width: 1366px){.flex-xxl-row{flex-direction:row !important}.flex-xxl-column{flex-direction:column !important}.flex-xxl-row-reverse{flex-direction:row-reverse !important}.flex-xxl-column-reverse{flex-direction:column-reverse !important}.flex-xxl-wrap{flex-wrap:wrap !important}.flex-xxl-nowrap{flex-wrap:nowrap !important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xxl-fill{flex:1 1 auto !important}.flex-xxl-grow-0{flex-grow:0 !important}.flex-xxl-grow-1{flex-grow:1 !important}.flex-xxl-shrink-0{flex-shrink:0 !important}.flex-xxl-shrink-1{flex-shrink:1 !important}.justify-content-xxl-start{justify-content:flex-start !important}.justify-content-xxl-end{justify-content:flex-end !important}.justify-content-xxl-center{justify-content:center !important}.justify-content-xxl-between{justify-content:space-between !important}.justify-content-xxl-around{justify-content:space-around !important}.align-items-xxl-start{align-items:flex-start !important}.align-items-xxl-end{align-items:flex-end !important}.align-items-xxl-center{align-items:center !important}.align-items-xxl-baseline{align-items:baseline !important}.align-items-xxl-stretch{align-items:stretch !important}.align-content-xxl-start{align-content:flex-start !important}.align-content-xxl-end{align-content:flex-end !important}.align-content-xxl-center{align-content:center !important}.align-content-xxl-between{align-content:space-between !important}.align-content-xxl-around{align-content:space-around !important}.align-content-xxl-stretch{align-content:stretch !important}.align-self-xxl-auto{align-self:auto !important}.align-self-xxl-start{align-self:flex-start !important}.align-self-xxl-end{align-self:flex-end !important}.align-self-xxl-center{align-self:center !important}.align-self-xxl-baseline{align-self:baseline !important}.align-self-xxl-stretch{align-self:stretch !important}.m-xxl-auto{margin:auto !important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto !important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto !important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto !important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto !important}}@media(min-width: 1680px){.flex-xxxl-row{flex-direction:row !important}.flex-xxxl-column{flex-direction:column !important}.flex-xxxl-row-reverse{flex-direction:row-reverse !important}.flex-xxxl-column-reverse{flex-direction:column-reverse !important}.flex-xxxl-wrap{flex-wrap:wrap !important}.flex-xxxl-nowrap{flex-wrap:nowrap !important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xxxl-fill{flex:1 1 auto !important}.flex-xxxl-grow-0{flex-grow:0 !important}.flex-xxxl-grow-1{flex-grow:1 !important}.flex-xxxl-shrink-0{flex-shrink:0 !important}.flex-xxxl-shrink-1{flex-shrink:1 !important}.justify-content-xxxl-start{justify-content:flex-start !important}.justify-content-xxxl-end{justify-content:flex-end !important}.justify-content-xxxl-center{justify-content:center !important}.justify-content-xxxl-between{justify-content:space-between !important}.justify-content-xxxl-around{justify-content:space-around !important}.align-items-xxxl-start{align-items:flex-start !important}.align-items-xxxl-end{align-items:flex-end !important}.align-items-xxxl-center{align-items:center !important}.align-items-xxxl-baseline{align-items:baseline !important}.align-items-xxxl-stretch{align-items:stretch !important}.align-content-xxxl-start{align-content:flex-start !important}.align-content-xxxl-end{align-content:flex-end !important}.align-content-xxxl-center{align-content:center !important}.align-content-xxxl-between{align-content:space-between !important}.align-content-xxxl-around{align-content:space-around !important}.align-content-xxxl-stretch{align-content:stretch !important}.align-self-xxxl-auto{align-self:auto !important}.align-self-xxxl-start{align-self:flex-start !important}.align-self-xxxl-end{align-self:flex-end !important}.align-self-xxxl-center{align-self:center !important}.align-self-xxxl-baseline{align-self:baseline !important}.align-self-xxxl-stretch{align-self:stretch !important}.m-xxxl-auto{margin:auto !important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto !important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto !important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto !important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto !important}}@media(min-width: 1921px){.flex-xxxxl-row{flex-direction:row !important}.flex-xxxxl-column{flex-direction:column !important}.flex-xxxxl-row-reverse{flex-direction:row-reverse !important}.flex-xxxxl-column-reverse{flex-direction:column-reverse !important}.flex-xxxxl-wrap{flex-wrap:wrap !important}.flex-xxxxl-nowrap{flex-wrap:nowrap !important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xxxxl-fill{flex:1 1 auto !important}.flex-xxxxl-grow-0{flex-grow:0 !important}.flex-xxxxl-grow-1{flex-grow:1 !important}.flex-xxxxl-shrink-0{flex-shrink:0 !important}.flex-xxxxl-shrink-1{flex-shrink:1 !important}.justify-content-xxxxl-start{justify-content:flex-start !important}.justify-content-xxxxl-end{justify-content:flex-end !important}.justify-content-xxxxl-center{justify-content:center !important}.justify-content-xxxxl-between{justify-content:space-between !important}.justify-content-xxxxl-around{justify-content:space-around !important}.align-items-xxxxl-start{align-items:flex-start !important}.align-items-xxxxl-end{align-items:flex-end !important}.align-items-xxxxl-center{align-items:center !important}.align-items-xxxxl-baseline{align-items:baseline !important}.align-items-xxxxl-stretch{align-items:stretch !important}.align-content-xxxxl-start{align-content:flex-start !important}.align-content-xxxxl-end{align-content:flex-end !important}.align-content-xxxxl-center{align-content:center !important}.align-content-xxxxl-between{align-content:space-between !important}.align-content-xxxxl-around{align-content:space-around !important}.align-content-xxxxl-stretch{align-content:stretch !important}.align-self-xxxxl-auto{align-self:auto !important}.align-self-xxxxl-start{align-self:flex-start !important}.align-self-xxxxl-end{align-self:flex-end !important}.align-self-xxxxl-center{align-self:center !important}.align-self-xxxxl-baseline{align-self:baseline !important}.align-self-xxxxl-stretch{align-self:stretch !important}.m-xxxxl-auto{margin:auto !important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto !important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto !important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto !important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto !important}}.mt--0{margin-top:0px !important}.mb--0{margin-bottom:0px !important}.pt--0{padding-top:0px}.pb--0{padding-bottom:0px}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px !important}.mb--10{margin-bottom:10px !important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px !important}.mb--20{margin-bottom:20px !important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px !important}.mb--25{margin-bottom:25px !important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px !important}.mb--30{margin-bottom:30px !important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px !important}.mb--40{margin-bottom:40px !important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px !important}.mb--50{margin-bottom:50px !important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px !important}.mb--60{margin-bottom:60px !important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px !important}.mb--70{margin-bottom:70px !important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px !important}.mb--80{margin-bottom:80px !important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px !important}.mb--90{margin-bottom:90px !important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px !important}.mb--100{margin-bottom:100px !important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px !important}.mb--150{margin-bottom:150px !important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px !important}.mb--180{margin-bottom:180px !important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}100%{right:30px}}