/* @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");  */
@import url("../fonts/feather.css");
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/80ed87/00000000000000007735ded8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/80ed87/00000000000000007735ded8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/80ed87/00000000000000007735ded8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype"); font-display:auto; font-style:normal; font-weight:200; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/432517/00000000000000007735ded5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"), url("https://use.typekit.net/af/432517/00000000000000007735ded5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"), url("https://use.typekit.net/af/432517/00000000000000007735ded5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype"); font-display:auto; font-style:italic; font-weight:200; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/357600/00000000000000007735dee1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url("https://use.typekit.net/af/357600/00000000000000007735dee1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"), url("https://use.typekit.net/af/357600/00000000000000007735dee1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype"); font-display:auto; font-style:normal; font-weight:200; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/74ee42/00000000000000007735dece/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"), url("https://use.typekit.net/af/74ee42/00000000000000007735dece/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"), url("https://use.typekit.net/af/74ee42/00000000000000007735dece/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype"); font-display:auto; font-style:italic; font-weight:200; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/bd0877/00000000000000007735dee0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/bd0877/00000000000000007735dee0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/bd0877/00000000000000007735dee0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display:auto; font-style:normal; font-weight:300; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/2b4f28/00000000000000007735decd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/2b4f28/00000000000000007735decd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/2b4f28/00000000000000007735decd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype"); font-display:auto; font-style:italic; font-weight:300; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/fda6bf/00000000000000007735dee2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/fda6bf/00000000000000007735dee2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/fda6bf/00000000000000007735dee2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto; font-style:normal; font-weight:400; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/eba4b9/00000000000000007735dedf/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/eba4b9/00000000000000007735dedf/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/eba4b9/00000000000000007735dedf/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display:auto; font-style:italic; font-weight:400; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/e1ca79/00000000000000007735deda/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/e1ca79/00000000000000007735deda/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/e1ca79/00000000000000007735deda/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype"); font-display:auto; font-style:normal; font-weight:500; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/6cbe82/00000000000000007735ded9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/6cbe82/00000000000000007735ded9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/6cbe82/00000000000000007735ded9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype"); font-display:auto; font-style:italic; font-weight:500; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/9f95de/00000000000000007735dedb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/9f95de/00000000000000007735dedb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/9f95de/00000000000000007735dedb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype"); font-display:auto; font-style:normal; font-weight:600; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/8e71df/00000000000000007735ded6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/8e71df/00000000000000007735ded6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/8e71df/00000000000000007735ded6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype"); font-display:auto; font-style:italic; font-weight:600; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/4fe93d/00000000000000007735dedd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/4fe93d/00000000000000007735dedd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/4fe93d/00000000000000007735dedd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto; font-style:normal; font-weight:700; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/c62fe0/00000000000000007735ded2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/c62fe0/00000000000000007735ded2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/c62fe0/00000000000000007735ded2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display:auto; font-style:italic; font-weight:700; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/58476d/00000000000000007735ded1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/58476d/00000000000000007735ded1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/58476d/00000000000000007735ded1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype"); font-display:auto; font-style:italic; font-weight:800; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/af2a98/00000000000000007735ded3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/af2a98/00000000000000007735ded3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/af2a98/00000000000000007735ded3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display:auto; font-style:normal; font-weight:800; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/757c04/00000000000000007735ded4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/757c04/00000000000000007735ded4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/757c04/00000000000000007735ded4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype"); font-display:auto; font-style:italic; font-weight:800; font-stretch:normal;}
@font-face {font-family:"quasimoda"; src:url("https://use.typekit.net/af/0c67f2/00000000000000007735dedc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/0c67f2/00000000000000007735dedc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/0c67f2/00000000000000007735dedc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display:auto; font-style:normal; font-weight:800; font-stretch:normal;}
:root {--animate-duration:1s; --animate-delay:1s; --animate-repeat:1}
.animate__animated {-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-duration:var(--animate-duration); animation-duration:var(--animate-duration); -webkit-animation-fill-mode:both; animation-fill-mode:both}
.animate__animated.animate__infinite {-webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.animate__animated.animate__repeat-1 {-webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-iteration-count:var(--animate-repeat); animation-iteration-count:var(--animate-repeat)}
.animate__animated.animate__repeat-2 {-webkit-animation-iteration-count:2; animation-iteration-count:2; -webkit-animation-iteration-count:calc(var(--animate-repeat)*2); animation-iteration-count:calc(var(--animate-repeat)*2)}
.animate__animated.animate__repeat-3 {-webkit-animation-iteration-count:3; animation-iteration-count:3; -webkit-animation-iteration-count:calc(var(--animate-repeat)*3); animation-iteration-count:calc(var(--animate-repeat)*3)}
.animate__animated.animate__delay-1s {-webkit-animation-delay:1s; animation-delay:1s; -webkit-animation-delay:var(--animate-delay); animation-delay:var(--animate-delay)}
.animate__animated.animate__delay-2s {-webkit-animation-delay:2s; animation-delay:2s; -webkit-animation-delay:calc(var(--animate-delay)*2); animation-delay:calc(var(--animate-delay)*2)}
.animate__animated.animate__delay-3s {-webkit-animation-delay:3s; animation-delay:3s; -webkit-animation-delay:calc(var(--animate-delay)*3); animation-delay:calc(var(--animate-delay)*3)}
.animate__animated.animate__delay-4s {-webkit-animation-delay:4s; animation-delay:4s; -webkit-animation-delay:calc(var(--animate-delay)*4); animation-delay:calc(var(--animate-delay)*4)}
.animate__animated.animate__delay-5s {-webkit-animation-delay:5s; animation-delay:5s; -webkit-animation-delay:calc(var(--animate-delay)*5); animation-delay:calc(var(--animate-delay)*5)}
.animate__animated.animate__faster {-webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-duration:calc(var(--animate-duration)/2); animation-duration:calc(var(--animate-duration)/2)}
.animate__animated.animate__fast {-webkit-animation-duration:.8s; animation-duration:.8s; -webkit-animation-duration:calc(var(--animate-duration)*.8); animation-duration:calc(var(--animate-duration)*.8)}
.animate__animated.animate__slow {-webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-duration:calc(var(--animate-duration)*2); animation-duration:calc(var(--animate-duration)*2)}
.animate__animated.animate__slower {-webkit-animation-duration:3s; animation-duration:3s; -webkit-animation-duration:calc(var(--animate-duration)*3); animation-duration:calc(var(--animate-duration)*3)}

@media (prefers-reduced-motion:reduce), print {
.animate__animated {-webkit-animation-duration:1ms !important; animation-duration:1ms !important; -webkit-animation-iteration-count:1 !important; animation-iteration-count:1 !important; -webkit-transition-duration:1ms !important; transition-duration:1ms !important}
.animate__animated[class*=Out] {opacity:0}
}

@-webkit-keyframes bounce {
0%, 20%, 53%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); transform:translateZ(0)}
40%, 43% {-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0) scaleY(1.1); transform:translate3d(0, -30px, 0) scaleY(1.1)}
70% {-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -15px, 0) scaleY(1.05); transform:translate3d(0, -15px, 0) scaleY(1.05)}
80% {-webkit-transform:translateZ(0) scaleY(.95); transform:translateZ(0) scaleY(.95); -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1)}
90% {-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02); transform:translate3d(0, -4px, 0) scaleY(1.02)}
}

@keyframes bounce {
0%, 20%, 53%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1); -webkit-transform:translateZ(0); transform:translateZ(0)}
40%, 43% {-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -30px, 0) scaleY(1.1); transform:translate3d(0, -30px, 0) scaleY(1.1)}
70% {-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06); animation-timing-function:cubic-bezier(.755, .05, .855, .06); -webkit-transform:translate3d(0, -15px, 0) scaleY(1.05); transform:translate3d(0, -15px, 0) scaleY(1.05)}
80% {-webkit-transform:translateZ(0) scaleY(.95); transform:translateZ(0) scaleY(.95); -webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1); transition-timing-function:cubic-bezier(.215, .61, .355, 1)}
90% {-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02); transform:translate3d(0, -4px, 0) scaleY(1.02)}
}

.animate__bounce {-webkit-animation-name:bounce; animation-name:bounce; -webkit-transform-origin:center bottom; transform-origin:center bottom}

@-webkit-keyframes flash {
0%, 50%, to {opacity:1}
25%, 75% {opacity:0}
}

@keyframes flash {
0%, 50%, to {opacity:1}
25%, 75% {opacity:0}
}

.animate__flash {-webkit-animation-name:flash; animation-name:flash}

@-webkit-keyframes pulse {
0% {-webkit-transform:scaleX(1); transform:scaleX(1)}
50% {-webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05)}
to {-webkit-transform:scaleX(1); transform:scaleX(1)}
}

@keyframes pulse {
0% {-webkit-transform:scaleX(1); transform:scaleX(1)}
50% {-webkit-transform:scale3d(1.05, 1.05, 1.05); transform:scale3d(1.05, 1.05, 1.05)}
to {-webkit-transform:scaleX(1); transform:scaleX(1)}
}

.animate__pulse {-webkit-animation-name:pulse; animation-name:pulse; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}

@-webkit-keyframes rubberBand {
0% {-webkit-transform:scaleX(1); transform:scaleX(1)}
30% {-webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1)}
40% {-webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1)}
50% {-webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1)}
65% {-webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1)}
75% {-webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1)}
to {-webkit-transform:scaleX(1); transform:scaleX(1)}
}

@keyframes rubberBand {
0% {-webkit-transform:scaleX(1); transform:scaleX(1)}
30% {-webkit-transform:scale3d(1.25, .75, 1); transform:scale3d(1.25, .75, 1)}
40% {-webkit-transform:scale3d(.75, 1.25, 1); transform:scale3d(.75, 1.25, 1)}
50% {-webkit-transform:scale3d(1.15, .85, 1); transform:scale3d(1.15, .85, 1)}
65% {-webkit-transform:scale3d(.95, 1.05, 1); transform:scale3d(.95, 1.05, 1)}
75% {-webkit-transform:scale3d(1.05, .95, 1); transform:scale3d(1.05, .95, 1)}
to {-webkit-transform:scaleX(1); transform:scaleX(1)}
}

.animate__rubberBand {-webkit-animation-name:rubberBand; animation-name:rubberBand}

@-webkit-keyframes shakeX {
0%, to {-webkit-transform:translateZ(0); transform:translateZ(0)}
10%, 30%, 50%, 70%, 90% {-webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0)}
20%, 40%, 60%, 80% {-webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0)}
}

@keyframes shakeX {
0%, to {-webkit-transform:translateZ(0); transform:translateZ(0)}
10%, 30%, 50%, 70%, 90% {-webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0)}
20%, 40%, 60%, 80% {-webkit-transform:translate3d(10px, 0, 0); transform:translate3d(10px, 0, 0)}
}

.animate__shakeX {-webkit-animation-name:shakeX; animation-name:shakeX}

@-webkit-keyframes shakeY {
0%, to {-webkit-transform:translateZ(0); transform:translateZ(0)}
10%, 30%, 50%, 70%, 90% {-webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0)}
20%, 40%, 60%, 80% {-webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0)}
}

@keyframes shakeY {
0%, to {-webkit-transform:translateZ(0); transform:translateZ(0)}
10%, 30%, 50%, 70%, 90% {-webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0)}
20%, 40%, 60%, 80% {-webkit-transform:translate3d(0, 10px, 0); transform:translate3d(0, 10px, 0)}
}

.animate__shakeY {-webkit-animation-name:shakeY; animation-name:shakeY}

@-webkit-keyframes headShake {
0% {-webkit-transform:translateX(0); transform:translateX(0)}
6.5% {-webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg)}
18.5% {-webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg)}
31.5% {-webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg)}
43.5% {-webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg)}
50% {-webkit-transform:translateX(0); transform:translateX(0)}
}

@keyframes headShake {
0% {-webkit-transform:translateX(0); transform:translateX(0)}
6.5% {-webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg)}
18.5% {-webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg)}
31.5% {-webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg)}
43.5% {-webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg)}
50% {-webkit-transform:translateX(0); transform:translateX(0)}
}

.animate__headShake {-webkit-animation-name:headShake; animation-name:headShake; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}

@-webkit-keyframes swing {
20% {-webkit-transform:rotate(15deg); transform:rotate(15deg)}
40% {-webkit-transform:rotate(-10deg); transform:rotate(-10deg)}
60% {-webkit-transform:rotate(5deg); transform:rotate(5deg)}
80% {-webkit-transform:rotate(-5deg); transform:rotate(-5deg)}
to {-webkit-transform:rotate(0deg); transform:rotate(0deg)}
}

@keyframes swing {
20% {-webkit-transform:rotate(15deg); transform:rotate(15deg)}
40% {-webkit-transform:rotate(-10deg); transform:rotate(-10deg)}
60% {-webkit-transform:rotate(5deg); transform:rotate(5deg)}
80% {-webkit-transform:rotate(-5deg); transform:rotate(-5deg)}
to {-webkit-transform:rotate(0deg); transform:rotate(0deg)}
}

.animate__swing {-webkit-animation-name:swing; animation-name:swing; -webkit-transform-origin:top center; transform-origin:top center}

@-webkit-keyframes tada {
0% {-webkit-transform:scaleX(1); transform:scaleX(1)}
10%, 20% {-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg)}
30%, 50%, 70%, 90% {-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}
40%, 60%, 80% {-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}
to {-webkit-transform:scaleX(1); transform:scaleX(1)}
}

@keyframes tada {
0% {-webkit-transform:scaleX(1); transform:scaleX(1)}
10%, 20% {-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg); transform:scale3d(.9, .9, .9) rotate(-3deg)}
30%, 50%, 70%, 90% {-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}
40%, 60%, 80% {-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}
to {-webkit-transform:scaleX(1); transform:scaleX(1)}
}

.animate__tada {-webkit-animation-name:tada; animation-name:tada}

@-webkit-keyframes wobble {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
15% {-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg)}
30% {-webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg)}
45% {-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg)}
60% {-webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg)}
75% {-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes wobble {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
15% {-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg); transform:translate3d(-25%, 0, 0) rotate(-5deg)}
30% {-webkit-transform:translate3d(20%, 0, 0) rotate(3deg); transform:translate3d(20%, 0, 0) rotate(3deg)}
45% {-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg); transform:translate3d(-15%, 0, 0) rotate(-3deg)}
60% {-webkit-transform:translate3d(10%, 0, 0) rotate(2deg); transform:translate3d(10%, 0, 0) rotate(2deg)}
75% {-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg); transform:translate3d(-5%, 0, 0) rotate(-1deg)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__wobble {-webkit-animation-name:wobble; animation-name:wobble}

@-webkit-keyframes jello {
0%, 11.1%, to {-webkit-transform:translateZ(0); transform:translateZ(0)}
22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg)}
44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6% {-webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7% {-webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg)}
88.8% {-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}

@keyframes jello {
0%, 11.1%, to {-webkit-transform:translateZ(0); transform:translateZ(0)}
22.2% {-webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3% {-webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg)}
44.4% {-webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5% {-webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6% {-webkit-transform:skewX(-.78125deg) skewY(-.78125deg); transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7% {-webkit-transform:skewX(.390625deg) skewY(.390625deg); transform:skewX(.390625deg) skewY(.390625deg)}
88.8% {-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}

.animate__jello {-webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin:center; transform-origin:center}

@-webkit-keyframes heartBeat {
0% {-webkit-transform:scale(1); transform:scale(1)}
14% {-webkit-transform:scale(1.3); transform:scale(1.3)}
28% {-webkit-transform:scale(1); transform:scale(1)}
42% {-webkit-transform:scale(1.3); transform:scale(1.3)}
70% {-webkit-transform:scale(1); transform:scale(1)}
}

@keyframes heartBeat {
0% {-webkit-transform:scale(1); transform:scale(1)}
14% {-webkit-transform:scale(1.3); transform:scale(1.3)}
28% {-webkit-transform:scale(1); transform:scale(1)}
42% {-webkit-transform:scale(1.3); transform:scale(1.3)}
70% {-webkit-transform:scale(1); transform:scale(1)}
}

.animate__heartBeat {-webkit-animation-duration:1.3s; animation-duration:1.3s; -webkit-animation-duration:calc(var(--animate-duration)*1.3); animation-duration:calc(var(--animate-duration)*1.3); -webkit-animation-name:heartBeat; animation-name:heartBeat; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}

@-webkit-keyframes backInDown {
0% {opacity:.7; -webkit-transform:translateY(-1200px) scale(.7); transform:translateY(-1200px) scale(.7)}
80% {opacity:.7; -webkit-transform:translateY(0) scale(.7); transform:translateY(0) scale(.7)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

@keyframes backInDown {
0% {opacity:.7; -webkit-transform:translateY(-1200px) scale(.7); transform:translateY(-1200px) scale(.7)}
80% {opacity:.7; -webkit-transform:translateY(0) scale(.7); transform:translateY(0) scale(.7)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

.animate__backInDown {-webkit-animation-name:backInDown; animation-name:backInDown}

@-webkit-keyframes backInLeft {
0% {opacity:.7; -webkit-transform:translateX(-2000px) scale(.7); transform:translateX(-2000px) scale(.7)}
80% {opacity:.7; -webkit-transform:translateX(0) scale(.7); transform:translateX(0) scale(.7)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

@keyframes backInLeft {
0% {opacity:.7; -webkit-transform:translateX(-2000px) scale(.7); transform:translateX(-2000px) scale(.7)}
80% {opacity:.7; -webkit-transform:translateX(0) scale(.7); transform:translateX(0) scale(.7)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

.animate__backInLeft {-webkit-animation-name:backInLeft; animation-name:backInLeft}

@-webkit-keyframes backInRight {
0% {opacity:.7; -webkit-transform:translateX(2000px) scale(.7); transform:translateX(2000px) scale(.7)}
80% {opacity:.7; -webkit-transform:translateX(0) scale(.7); transform:translateX(0) scale(.7)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

@keyframes backInRight {
0% {opacity:.7; -webkit-transform:translateX(2000px) scale(.7); transform:translateX(2000px) scale(.7)}
80% {opacity:.7; -webkit-transform:translateX(0) scale(.7); transform:translateX(0) scale(.7)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

.animate__backInRight {-webkit-animation-name:backInRight; animation-name:backInRight}

@-webkit-keyframes backInUp {
0% {opacity:.7; -webkit-transform:translateY(1200px) scale(.7); transform:translateY(1200px) scale(.7)}
80% {opacity:.7; -webkit-transform:translateY(0) scale(.7); transform:translateY(0) scale(.7)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

@keyframes backInUp {
0% {opacity:.7; -webkit-transform:translateY(1200px) scale(.7); transform:translateY(1200px) scale(.7)}
80% {opacity:.7; -webkit-transform:translateY(0) scale(.7); transform:translateY(0) scale(.7)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

.animate__backInUp {-webkit-animation-name:backInUp; animation-name:backInUp}

@-webkit-keyframes backOutDown {
0% {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
20% {opacity:.7; -webkit-transform:translateY(0) scale(.7); transform:translateY(0) scale(.7)}
to {opacity:.7; -webkit-transform:translateY(700px) scale(.7); transform:translateY(700px) scale(.7)}
}

@keyframes backOutDown {
0% {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
20% {opacity:.7; -webkit-transform:translateY(0) scale(.7); transform:translateY(0) scale(.7)}
to {opacity:.7; -webkit-transform:translateY(700px) scale(.7); transform:translateY(700px) scale(.7)}
}

.animate__backOutDown {-webkit-animation-name:backOutDown; animation-name:backOutDown}

@-webkit-keyframes backOutLeft {
0% {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
20% {opacity:.7; -webkit-transform:translateX(0) scale(.7); transform:translateX(0) scale(.7)}
to {opacity:.7; -webkit-transform:translateX(-2000px) scale(.7); transform:translateX(-2000px) scale(.7)}
}

@keyframes backOutLeft {
0% {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
20% {opacity:.7; -webkit-transform:translateX(0) scale(.7); transform:translateX(0) scale(.7)}
to {opacity:.7; -webkit-transform:translateX(-2000px) scale(.7); transform:translateX(-2000px) scale(.7)}
}

.animate__backOutLeft {-webkit-animation-name:backOutLeft; animation-name:backOutLeft}

@-webkit-keyframes backOutRight {
0% {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
20% {opacity:.7; -webkit-transform:translateX(0) scale(.7); transform:translateX(0) scale(.7)}
to {opacity:.7; -webkit-transform:translateX(2000px) scale(.7); transform:translateX(2000px) scale(.7)}
}

@keyframes backOutRight {
0% {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
20% {opacity:.7; -webkit-transform:translateX(0) scale(.7); transform:translateX(0) scale(.7)}
to {opacity:.7; -webkit-transform:translateX(2000px) scale(.7); transform:translateX(2000px) scale(.7)}
}

.animate__backOutRight {-webkit-animation-name:backOutRight; animation-name:backOutRight}

@-webkit-keyframes backOutUp {
0% {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
20% {opacity:.7; -webkit-transform:translateY(0) scale(.7); transform:translateY(0) scale(.7)}
to {opacity:.7; -webkit-transform:translateY(-700px) scale(.7); transform:translateY(-700px) scale(.7)}
}

@keyframes backOutUp {
0% {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
20% {opacity:.7; -webkit-transform:translateY(0) scale(.7); transform:translateY(0) scale(.7)}
to {opacity:.7; -webkit-transform:translateY(-700px) scale(.7); transform:translateY(-700px) scale(.7)}
}

.animate__backOutUp {-webkit-animation-name:backOutUp; animation-name:backOutUp}

@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
20% {-webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1)}
40% {-webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9)}
60% {opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03)}
80% {-webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97)}
to {opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1)}
}

@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
20% {-webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1)}
40% {-webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9)}
60% {opacity:1; -webkit-transform:scale3d(1.03, 1.03, 1.03); transform:scale3d(1.03, 1.03, 1.03)}
80% {-webkit-transform:scale3d(.97, .97, .97); transform:scale3d(.97, .97, .97)}
to {opacity:1; -webkit-transform:scaleX(1); transform:scaleX(1)}
}

.animate__bounceIn {-webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-duration:calc(var(--animate-duration)*.75); animation-duration:calc(var(--animate-duration)*.75); -webkit-animation-name:bounceIn; animation-name:bounceIn}

@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:translate3d(0, -3000px, 0) scaleY(3); transform:translate3d(0, -3000px, 0) scaleY(3)}
60% {opacity:1; -webkit-transform:translate3d(0, 25px, 0) scaleY(.9); transform:translate3d(0, 25px, 0) scaleY(.9)}
75% {-webkit-transform:translate3d(0, -10px, 0) scaleY(.95); transform:translate3d(0, -10px, 0) scaleY(.95)}
90% {-webkit-transform:translate3d(0, 5px, 0) scaleY(.985); transform:translate3d(0, 5px, 0) scaleY(.985)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:translate3d(0, -3000px, 0) scaleY(3); transform:translate3d(0, -3000px, 0) scaleY(3)}
60% {opacity:1; -webkit-transform:translate3d(0, 25px, 0) scaleY(.9); transform:translate3d(0, 25px, 0) scaleY(.9)}
75% {-webkit-transform:translate3d(0, -10px, 0) scaleY(.95); transform:translate3d(0, -10px, 0) scaleY(.95)}
90% {-webkit-transform:translate3d(0, 5px, 0) scaleY(.985); transform:translate3d(0, 5px, 0) scaleY(.985)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__bounceInDown {-webkit-animation-name:bounceInDown; animation-name:bounceInDown}

@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:translate3d(-3000px, 0, 0) scaleX(3); transform:translate3d(-3000px, 0, 0) scaleX(3)}
60% {opacity:1; -webkit-transform:translate3d(25px, 0, 0) scaleX(1); transform:translate3d(25px, 0, 0) scaleX(1)}
75% {-webkit-transform:translate3d(-10px, 0, 0) scaleX(.98); transform:translate3d(-10px, 0, 0) scaleX(.98)}
90% {-webkit-transform:translate3d(5px, 0, 0) scaleX(.995); transform:translate3d(5px, 0, 0) scaleX(.995)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:translate3d(-3000px, 0, 0) scaleX(3); transform:translate3d(-3000px, 0, 0) scaleX(3)}
60% {opacity:1; -webkit-transform:translate3d(25px, 0, 0) scaleX(1); transform:translate3d(25px, 0, 0) scaleX(1)}
75% {-webkit-transform:translate3d(-10px, 0, 0) scaleX(.98); transform:translate3d(-10px, 0, 0) scaleX(.98)}
90% {-webkit-transform:translate3d(5px, 0, 0) scaleX(.995); transform:translate3d(5px, 0, 0) scaleX(.995)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__bounceInLeft {-webkit-animation-name:bounceInLeft; animation-name:bounceInLeft}

@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:translate3d(3000px, 0, 0) scaleX(3); transform:translate3d(3000px, 0, 0) scaleX(3)}
60% {opacity:1; -webkit-transform:translate3d(-25px, 0, 0) scaleX(1); transform:translate3d(-25px, 0, 0) scaleX(1)}
75% {-webkit-transform:translate3d(10px, 0, 0) scaleX(.98); transform:translate3d(10px, 0, 0) scaleX(.98)}
90% {-webkit-transform:translate3d(-5px, 0, 0) scaleX(.995); transform:translate3d(-5px, 0, 0) scaleX(.995)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:translate3d(3000px, 0, 0) scaleX(3); transform:translate3d(3000px, 0, 0) scaleX(3)}
60% {opacity:1; -webkit-transform:translate3d(-25px, 0, 0) scaleX(1); transform:translate3d(-25px, 0, 0) scaleX(1)}
75% {-webkit-transform:translate3d(10px, 0, 0) scaleX(.98); transform:translate3d(10px, 0, 0) scaleX(.98)}
90% {-webkit-transform:translate3d(-5px, 0, 0) scaleX(.995); transform:translate3d(-5px, 0, 0) scaleX(.995)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__bounceInRight {-webkit-animation-name:bounceInRight; animation-name:bounceInRight}

@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:translate3d(0, 3000px, 0) scaleY(5); transform:translate3d(0, 3000px, 0) scaleY(5)}
60% {opacity:1; -webkit-transform:translate3d(0, -20px, 0) scaleY(.9); transform:translate3d(0, -20px, 0) scaleY(.9)}
75% {-webkit-transform:translate3d(0, 10px, 0) scaleY(.95); transform:translate3d(0, 10px, 0) scaleY(.95)}
90% {-webkit-transform:translate3d(0, -5px, 0) scaleY(.985); transform:translate3d(0, -5px, 0) scaleY(.985)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1); animation-timing-function:cubic-bezier(.215, .61, .355, 1)}
0% {opacity:0; -webkit-transform:translate3d(0, 3000px, 0) scaleY(5); transform:translate3d(0, 3000px, 0) scaleY(5)}
60% {opacity:1; -webkit-transform:translate3d(0, -20px, 0) scaleY(.9); transform:translate3d(0, -20px, 0) scaleY(.9)}
75% {-webkit-transform:translate3d(0, 10px, 0) scaleY(.95); transform:translate3d(0, 10px, 0) scaleY(.95)}
90% {-webkit-transform:translate3d(0, -5px, 0) scaleY(.985); transform:translate3d(0, -5px, 0) scaleY(.985)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__bounceInUp {-webkit-animation-name:bounceInUp; animation-name:bounceInUp}

@-webkit-keyframes bounceOut {
20% {-webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9)}
50%, 55% {opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1)}
to {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
}

@keyframes bounceOut {
20% {-webkit-transform:scale3d(.9, .9, .9); transform:scale3d(.9, .9, .9)}
50%, 55% {opacity:1; -webkit-transform:scale3d(1.1, 1.1, 1.1); transform:scale3d(1.1, 1.1, 1.1)}
to {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
}

.animate__bounceOut {-webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-duration:calc(var(--animate-duration)*.75); animation-duration:calc(var(--animate-duration)*.75); -webkit-animation-name:bounceOut; animation-name:bounceOut}

@-webkit-keyframes bounceOutDown {
20% {-webkit-transform:translate3d(0, 10px, 0) scaleY(.985); transform:translate3d(0, 10px, 0) scaleY(.985)}
40%, 45% {opacity:1; -webkit-transform:translate3d(0, -20px, 0) scaleY(.9); transform:translate3d(0, -20px, 0) scaleY(.9)}
to {opacity:0; -webkit-transform:translate3d(0, 2000px, 0) scaleY(3); transform:translate3d(0, 2000px, 0) scaleY(3)}
}

@keyframes bounceOutDown {
20% {-webkit-transform:translate3d(0, 10px, 0) scaleY(.985); transform:translate3d(0, 10px, 0) scaleY(.985)}
40%, 45% {opacity:1; -webkit-transform:translate3d(0, -20px, 0) scaleY(.9); transform:translate3d(0, -20px, 0) scaleY(.9)}
to {opacity:0; -webkit-transform:translate3d(0, 2000px, 0) scaleY(3); transform:translate3d(0, 2000px, 0) scaleY(3)}
}

.animate__bounceOutDown {-webkit-animation-name:bounceOutDown; animation-name:bounceOutDown}

@-webkit-keyframes bounceOutLeft {
20% {opacity:1; -webkit-transform:translate3d(20px, 0, 0) scaleX(.9); transform:translate3d(20px, 0, 0) scaleX(.9)}
to {opacity:0; -webkit-transform:translate3d(-2000px, 0, 0) scaleX(2); transform:translate3d(-2000px, 0, 0) scaleX(2)}
}

@keyframes bounceOutLeft {
20% {opacity:1; -webkit-transform:translate3d(20px, 0, 0) scaleX(.9); transform:translate3d(20px, 0, 0) scaleX(.9)}
to {opacity:0; -webkit-transform:translate3d(-2000px, 0, 0) scaleX(2); transform:translate3d(-2000px, 0, 0) scaleX(2)}
}

.animate__bounceOutLeft {-webkit-animation-name:bounceOutLeft; animation-name:bounceOutLeft}

@-webkit-keyframes bounceOutRight {
20% {opacity:1; -webkit-transform:translate3d(-20px, 0, 0) scaleX(.9); transform:translate3d(-20px, 0, 0) scaleX(.9)}
to {opacity:0; -webkit-transform:translate3d(2000px, 0, 0) scaleX(2); transform:translate3d(2000px, 0, 0) scaleX(2)}
}

@keyframes bounceOutRight {
20% {opacity:1; -webkit-transform:translate3d(-20px, 0, 0) scaleX(.9); transform:translate3d(-20px, 0, 0) scaleX(.9)}
to {opacity:0; -webkit-transform:translate3d(2000px, 0, 0) scaleX(2); transform:translate3d(2000px, 0, 0) scaleX(2)}
}

.animate__bounceOutRight {-webkit-animation-name:bounceOutRight; animation-name:bounceOutRight}

@-webkit-keyframes bounceOutUp {
20% {-webkit-transform:translate3d(0, -10px, 0) scaleY(.985); transform:translate3d(0, -10px, 0) scaleY(.985)}
40%, 45% {opacity:1; -webkit-transform:translate3d(0, 20px, 0) scaleY(.9); transform:translate3d(0, 20px, 0) scaleY(.9)}
to {opacity:0; -webkit-transform:translate3d(0, -2000px, 0) scaleY(3); transform:translate3d(0, -2000px, 0) scaleY(3)}
}

@keyframes bounceOutUp {
20% {-webkit-transform:translate3d(0, -10px, 0) scaleY(.985); transform:translate3d(0, -10px, 0) scaleY(.985)}
40%, 45% {opacity:1; -webkit-transform:translate3d(0, 20px, 0) scaleY(.9); transform:translate3d(0, 20px, 0) scaleY(.9)}
to {opacity:0; -webkit-transform:translate3d(0, -2000px, 0) scaleY(3); transform:translate3d(0, -2000px, 0) scaleY(3)}
}

.animate__bounceOutUp {-webkit-animation-name:bounceOutUp; animation-name:bounceOutUp}

@-webkit-keyframes fadeIn {
0% {opacity:0}
to {opacity:1}
}

@keyframes fadeIn {
0% {opacity:0}
to {opacity:1}
}

.animate__fadeIn {-webkit-animation-name:fadeIn; animation-name:fadeIn}

@-webkit-keyframes fadeInDown {
0% {opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInDown {
0% {opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInDown {-webkit-animation-name:fadeInDown; animation-name:fadeInDown}

@-webkit-keyframes fadeInDownBig {
0% {opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInDownBig {
0% {opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInDownBig {-webkit-animation-name:fadeInDownBig; animation-name:fadeInDownBig}

@-webkit-keyframes fadeInLeft {
0% {opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInLeft {
0% {opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInLeft {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft}

@-webkit-keyframes fadeInLeftBig {
0% {opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInLeftBig {
0% {opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInLeftBig {-webkit-animation-name:fadeInLeftBig; animation-name:fadeInLeftBig}

@-webkit-keyframes fadeInRight {
0% {opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInRight {
0% {opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInRight {-webkit-animation-name:fadeInRight; animation-name:fadeInRight}

@-webkit-keyframes fadeInRightBig {
0% {opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInRightBig {
0% {opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInRightBig {-webkit-animation-name:fadeInRightBig; animation-name:fadeInRightBig}

@-webkit-keyframes fadeInUp {
0% {opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInUp {
0% {opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInUp {-webkit-animation-name:fadeInUp; animation-name:fadeInUp}

@-webkit-keyframes fadeInUpBig {
0% {opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInUpBig {
0% {opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInUpBig {-webkit-animation-name:fadeInUpBig; animation-name:fadeInUpBig}

@-webkit-keyframes fadeInTopLeft {
0% {opacity:0; -webkit-transform:translate3d(-100%, -100%, 0); transform:translate3d(-100%, -100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInTopLeft {
0% {opacity:0; -webkit-transform:translate3d(-100%, -100%, 0); transform:translate3d(-100%, -100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInTopLeft {-webkit-animation-name:fadeInTopLeft; animation-name:fadeInTopLeft}

@-webkit-keyframes fadeInTopRight {
0% {opacity:0; -webkit-transform:translate3d(100%, -100%, 0); transform:translate3d(100%, -100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInTopRight {
0% {opacity:0; -webkit-transform:translate3d(100%, -100%, 0); transform:translate3d(100%, -100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInTopRight {-webkit-animation-name:fadeInTopRight; animation-name:fadeInTopRight}

@-webkit-keyframes fadeInBottomLeft {
0% {opacity:0; -webkit-transform:translate3d(-100%, 100%, 0); transform:translate3d(-100%, 100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInBottomLeft {
0% {opacity:0; -webkit-transform:translate3d(-100%, 100%, 0); transform:translate3d(-100%, 100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInBottomLeft {-webkit-animation-name:fadeInBottomLeft; animation-name:fadeInBottomLeft}

@-webkit-keyframes fadeInBottomRight {
0% {opacity:0; -webkit-transform:translate3d(100%, 100%, 0); transform:translate3d(100%, 100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes fadeInBottomRight {
0% {opacity:0; -webkit-transform:translate3d(100%, 100%, 0); transform:translate3d(100%, 100%, 0)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__fadeInBottomRight {-webkit-animation-name:fadeInBottomRight; animation-name:fadeInBottomRight}

@-webkit-keyframes fadeOut {
0% {opacity:1}
to {opacity:0}
}

@keyframes fadeOut {
0% {opacity:1}
to {opacity:0}
}

.animate__fadeOut {-webkit-animation-name:fadeOut; animation-name:fadeOut}

@-webkit-keyframes fadeOutDown {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0)}
}

@keyframes fadeOutDown {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0)}
}

.animate__fadeOutDown {-webkit-animation-name:fadeOutDown; animation-name:fadeOutDown}

@-webkit-keyframes fadeOutDownBig {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0)}
}

@keyframes fadeOutDownBig {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(0, 2000px, 0); transform:translate3d(0, 2000px, 0)}
}

.animate__fadeOutDownBig {-webkit-animation-name:fadeOutDownBig; animation-name:fadeOutDownBig}

@-webkit-keyframes fadeOutLeft {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0)}
}

@keyframes fadeOutLeft {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0)}
}

.animate__fadeOutLeft {-webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft}

@-webkit-keyframes fadeOutLeftBig {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0)}
}

@keyframes fadeOutLeftBig {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(-2000px, 0, 0); transform:translate3d(-2000px, 0, 0)}
}

.animate__fadeOutLeftBig {-webkit-animation-name:fadeOutLeftBig; animation-name:fadeOutLeftBig}

@-webkit-keyframes fadeOutRight {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0)}
}

@keyframes fadeOutRight {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0)}
}

.animate__fadeOutRight {-webkit-animation-name:fadeOutRight; animation-name:fadeOutRight}

@-webkit-keyframes fadeOutRightBig {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0)}
}

@keyframes fadeOutRightBig {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(2000px, 0, 0); transform:translate3d(2000px, 0, 0)}
}

.animate__fadeOutRightBig {-webkit-animation-name:fadeOutRightBig; animation-name:fadeOutRightBig}

@-webkit-keyframes fadeOutUp {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0)}
}

@keyframes fadeOutUp {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0)}
}

.animate__fadeOutUp {-webkit-animation-name:fadeOutUp; animation-name:fadeOutUp}

@-webkit-keyframes fadeOutUpBig {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0)}
}

@keyframes fadeOutUpBig {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(0, -2000px, 0); transform:translate3d(0, -2000px, 0)}
}

.animate__fadeOutUpBig {-webkit-animation-name:fadeOutUpBig; animation-name:fadeOutUpBig}

@-webkit-keyframes fadeOutTopLeft {
0% {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
to {opacity:0; -webkit-transform:translate3d(-100%, -100%, 0); transform:translate3d(-100%, -100%, 0)}
}

@keyframes fadeOutTopLeft {
0% {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
to {opacity:0; -webkit-transform:translate3d(-100%, -100%, 0); transform:translate3d(-100%, -100%, 0)}
}

.animate__fadeOutTopLeft {-webkit-animation-name:fadeOutTopLeft; animation-name:fadeOutTopLeft}

@-webkit-keyframes fadeOutTopRight {
0% {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
to {opacity:0; -webkit-transform:translate3d(100%, -100%, 0); transform:translate3d(100%, -100%, 0)}
}

@keyframes fadeOutTopRight {
0% {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
to {opacity:0; -webkit-transform:translate3d(100%, -100%, 0); transform:translate3d(100%, -100%, 0)}
}

.animate__fadeOutTopRight {-webkit-animation-name:fadeOutTopRight; animation-name:fadeOutTopRight}

@-webkit-keyframes fadeOutBottomRight {
0% {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
to {opacity:0; -webkit-transform:translate3d(100%, 100%, 0); transform:translate3d(100%, 100%, 0)}
}

@keyframes fadeOutBottomRight {
0% {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
to {opacity:0; -webkit-transform:translate3d(100%, 100%, 0); transform:translate3d(100%, 100%, 0)}
}

.animate__fadeOutBottomRight {-webkit-animation-name:fadeOutBottomRight; animation-name:fadeOutBottomRight}

@-webkit-keyframes fadeOutBottomLeft {
0% {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
to {opacity:0; -webkit-transform:translate3d(-100%, 100%, 0); transform:translate3d(-100%, 100%, 0)}
}

@keyframes fadeOutBottomLeft {
0% {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
to {opacity:0; -webkit-transform:translate3d(-100%, 100%, 0); transform:translate3d(-100%, 100%, 0)}
}

.animate__fadeOutBottomLeft {-webkit-animation-name:fadeOutBottomLeft; animation-name:fadeOutBottomLeft}

@-webkit-keyframes flip {
0% {-webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}
40% {-webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}
50% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}
80% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)}
to {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}
}

@keyframes flip {
0% {-webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}
40% {-webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}
50% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}
80% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)}
to {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}
}

.animate__animated.animate__flip {-webkit-animation-name:flip; animation-name:flip; -webkit-backface-visibility:visible; backface-visibility:visible}

@-webkit-keyframes flipInX {
0% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg)}
40% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg)}
60% {opacity:1; -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg)}
80% {-webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg)}
to {-webkit-transform:perspective(400px); transform:perspective(400px)}
}

@keyframes flipInX {
0% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg)}
40% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg)}
60% {opacity:1; -webkit-transform:perspective(400px) rotateX(10deg); transform:perspective(400px) rotateX(10deg)}
80% {-webkit-transform:perspective(400px) rotateX(-5deg); transform:perspective(400px) rotateX(-5deg)}
to {-webkit-transform:perspective(400px); transform:perspective(400px)}
}

.animate__flipInX {-webkit-animation-name:flipInX; animation-name:flipInX; -webkit-backface-visibility:visible !important; backface-visibility:visible !important}

@-webkit-keyframes flipInY {
0% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg)}
40% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg)}
60% {opacity:1; -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg)}
80% {-webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg)}
to {-webkit-transform:perspective(400px); transform:perspective(400px)}
}

@keyframes flipInY {
0% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0; -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg)}
40% {-webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-transform:perspective(400px) rotateY(-20deg); transform:perspective(400px) rotateY(-20deg)}
60% {opacity:1; -webkit-transform:perspective(400px) rotateY(10deg); transform:perspective(400px) rotateY(10deg)}
80% {-webkit-transform:perspective(400px) rotateY(-5deg); transform:perspective(400px) rotateY(-5deg)}
to {-webkit-transform:perspective(400px); transform:perspective(400px)}
}

.animate__flipInY {-webkit-animation-name:flipInY; animation-name:flipInY; -webkit-backface-visibility:visible !important; backface-visibility:visible !important}

@-webkit-keyframes flipOutX {
0% {-webkit-transform:perspective(400px); transform:perspective(400px)}
30% {opacity:1; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg)}
to {opacity:0; -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg)}
}

@keyframes flipOutX {
0% {-webkit-transform:perspective(400px); transform:perspective(400px)}
30% {opacity:1; -webkit-transform:perspective(400px) rotateX(-20deg); transform:perspective(400px) rotateX(-20deg)}
to {opacity:0; -webkit-transform:perspective(400px) rotateX(90deg); transform:perspective(400px) rotateX(90deg)}
}

.animate__flipOutX {-webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-duration:calc(var(--animate-duration)*.75); animation-duration:calc(var(--animate-duration)*.75); -webkit-animation-name:flipOutX; animation-name:flipOutX; -webkit-backface-visibility:visible !important; backface-visibility:visible !important}

@-webkit-keyframes flipOutY {
0% {-webkit-transform:perspective(400px); transform:perspective(400px)}
30% {opacity:1; -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg)}
to {opacity:0; -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg)}
}

@keyframes flipOutY {
0% {-webkit-transform:perspective(400px); transform:perspective(400px)}
30% {opacity:1; -webkit-transform:perspective(400px) rotateY(-15deg); transform:perspective(400px) rotateY(-15deg)}
to {opacity:0; -webkit-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg)}
}

.animate__flipOutY {-webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-duration:calc(var(--animate-duration)*.75); animation-duration:calc(var(--animate-duration)*.75); -webkit-animation-name:flipOutY; animation-name:flipOutY; -webkit-backface-visibility:visible !important; backface-visibility:visible !important}

@-webkit-keyframes lightSpeedInRight {
0% {opacity:0; -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg)}
60% {opacity:1; -webkit-transform:skewX(20deg); transform:skewX(20deg)}
80% {-webkit-transform:skewX(-5deg); transform:skewX(-5deg)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes lightSpeedInRight {
0% {opacity:0; -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg); transform:translate3d(100%, 0, 0) skewX(-30deg)}
60% {opacity:1; -webkit-transform:skewX(20deg); transform:skewX(20deg)}
80% {-webkit-transform:skewX(-5deg); transform:skewX(-5deg)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__lightSpeedInRight {-webkit-animation-name:lightSpeedInRight; animation-name:lightSpeedInRight; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}

@-webkit-keyframes lightSpeedInLeft {
0% {opacity:0; -webkit-transform:translate3d(-100%, 0, 0) skewX(30deg); transform:translate3d(-100%, 0, 0) skewX(30deg)}
60% {opacity:1; -webkit-transform:skewX(-20deg); transform:skewX(-20deg)}
80% {-webkit-transform:skewX(5deg); transform:skewX(5deg)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes lightSpeedInLeft {
0% {opacity:0; -webkit-transform:translate3d(-100%, 0, 0) skewX(30deg); transform:translate3d(-100%, 0, 0) skewX(30deg)}
60% {opacity:1; -webkit-transform:skewX(-20deg); transform:skewX(-20deg)}
80% {-webkit-transform:skewX(5deg); transform:skewX(5deg)}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__lightSpeedInLeft {-webkit-animation-name:lightSpeedInLeft; animation-name:lightSpeedInLeft; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}

@-webkit-keyframes lightSpeedOutRight {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg)}
}

@keyframes lightSpeedOutRight {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(100%, 0, 0) skewX(30deg); transform:translate3d(100%, 0, 0) skewX(30deg)}
}

.animate__lightSpeedOutRight {-webkit-animation-name:lightSpeedOutRight; animation-name:lightSpeedOutRight; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}

@-webkit-keyframes lightSpeedOutLeft {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(-100%, 0, 0) skewX(-30deg); transform:translate3d(-100%, 0, 0) skewX(-30deg)}
}

@keyframes lightSpeedOutLeft {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(-100%, 0, 0) skewX(-30deg); transform:translate3d(-100%, 0, 0) skewX(-30deg)}
}

.animate__lightSpeedOutLeft {-webkit-animation-name:lightSpeedOutLeft; animation-name:lightSpeedOutLeft; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}

@-webkit-keyframes rotateIn {
0% {opacity:0; -webkit-transform:rotate(-200deg); transform:rotate(-200deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes rotateIn {
0% {opacity:0; -webkit-transform:rotate(-200deg); transform:rotate(-200deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__rotateIn {-webkit-animation-name:rotateIn; animation-name:rotateIn; -webkit-transform-origin:center; transform-origin:center}

@-webkit-keyframes rotateInDownLeft {
0% {opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes rotateInDownLeft {
0% {opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__rotateInDownLeft {-webkit-animation-name:rotateInDownLeft; animation-name:rotateInDownLeft; -webkit-transform-origin:left bottom; transform-origin:left bottom}

@-webkit-keyframes rotateInDownRight {
0% {opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes rotateInDownRight {
0% {opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__rotateInDownRight {-webkit-animation-name:rotateInDownRight; animation-name:rotateInDownRight; -webkit-transform-origin:right bottom; transform-origin:right bottom}

@-webkit-keyframes rotateInUpLeft {
0% {opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes rotateInUpLeft {
0% {opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__rotateInUpLeft {-webkit-animation-name:rotateInUpLeft; animation-name:rotateInUpLeft; -webkit-transform-origin:left bottom; transform-origin:left bottom}

@-webkit-keyframes rotateInUpRight {
0% {opacity:0; -webkit-transform:rotate(-90deg); transform:rotate(-90deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes rotateInUpRight {
0% {opacity:0; -webkit-transform:rotate(-90deg); transform:rotate(-90deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__rotateInUpRight {-webkit-animation-name:rotateInUpRight; animation-name:rotateInUpRight; -webkit-transform-origin:right bottom; transform-origin:right bottom}

@-webkit-keyframes rotateOut {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(200deg); transform:rotate(200deg)}
}

@keyframes rotateOut {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(200deg); transform:rotate(200deg)}
}

.animate__rotateOut {-webkit-animation-name:rotateOut; animation-name:rotateOut; -webkit-transform-origin:center; transform-origin:center}

@-webkit-keyframes rotateOutDownLeft {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
}

@keyframes rotateOutDownLeft {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
}

.animate__rotateOutDownLeft {-webkit-animation-name:rotateOutDownLeft; animation-name:rotateOutDownLeft; -webkit-transform-origin:left bottom; transform-origin:left bottom}

@-webkit-keyframes rotateOutDownRight {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
}

@keyframes rotateOutDownRight {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
}

.animate__rotateOutDownRight {-webkit-animation-name:rotateOutDownRight; animation-name:rotateOutDownRight; -webkit-transform-origin:right bottom; transform-origin:right bottom}

@-webkit-keyframes rotateOutUpLeft {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
}

@keyframes rotateOutUpLeft {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
}

.animate__rotateOutUpLeft {-webkit-animation-name:rotateOutUpLeft; animation-name:rotateOutUpLeft; -webkit-transform-origin:left bottom; transform-origin:left bottom}

@-webkit-keyframes rotateOutUpRight {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(90deg); transform:rotate(90deg)}
}

@keyframes rotateOutUpRight {
0% {opacity:1}
to {opacity:0; -webkit-transform:rotate(90deg); transform:rotate(90deg)}
}

.animate__rotateOutUpRight {-webkit-animation-name:rotateOutUpRight; animation-name:rotateOutUpRight; -webkit-transform-origin:right bottom; transform-origin:right bottom}

@-webkit-keyframes hinge {
0% {-webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}
20%, 60% {-webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-transform:rotate(80deg); transform:rotate(80deg)}
40%, 80% {-webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; -webkit-transform:rotate(60deg); transform:rotate(60deg)}
to {opacity:0; -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0)}
}

@keyframes hinge {
0% {-webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}
20%, 60% {-webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-transform:rotate(80deg); transform:rotate(80deg)}
40%, 80% {-webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1; -webkit-transform:rotate(60deg); transform:rotate(60deg)}
to {opacity:0; -webkit-transform:translate3d(0, 700px, 0); transform:translate3d(0, 700px, 0)}
}

.animate__hinge {-webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-duration:calc(var(--animate-duration)*2); animation-duration:calc(var(--animate-duration)*2); -webkit-animation-name:hinge; animation-name:hinge; -webkit-transform-origin:top left; transform-origin:top left}

@-webkit-keyframes jackInTheBox {
0% {opacity:0; -webkit-transform:scale(.1) rotate(30deg); transform:scale(.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom}
50% {-webkit-transform:rotate(-10deg); transform:rotate(-10deg)}
70% {-webkit-transform:rotate(3deg); transform:rotate(3deg)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

@keyframes jackInTheBox {
0% {opacity:0; -webkit-transform:scale(.1) rotate(30deg); transform:scale(.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom}
50% {-webkit-transform:rotate(-10deg); transform:rotate(-10deg)}
70% {-webkit-transform:rotate(3deg); transform:rotate(3deg)}
to {opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}

.animate__jackInTheBox {-webkit-animation-name:jackInTheBox; animation-name:jackInTheBox}

@-webkit-keyframes rollIn {
0% {opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes rollIn {
0% {opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg); transform:translate3d(-100%, 0, 0) rotate(-120deg)}
to {opacity:1; -webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__rollIn {-webkit-animation-name:rollIn; animation-name:rollIn}

@-webkit-keyframes rollOut {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); transform:translate3d(100%, 0, 0) rotate(120deg)}
}

@keyframes rollOut {
0% {opacity:1}
to {opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotate(120deg); transform:translate3d(100%, 0, 0) rotate(120deg)}
}

.animate__rollOut {-webkit-animation-name:rollOut; animation-name:rollOut}

@-webkit-keyframes zoomIn {
0% {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
50% {opacity:1}
}

@keyframes zoomIn {
0% {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
50% {opacity:1}
}

.animate__zoomIn {-webkit-animation-name:zoomIn; animation-name:zoomIn}

@-webkit-keyframes zoomInDown {
0% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0)}
60% {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0)}
}

@keyframes zoomInDown {
0% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0)}
60% {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0)}
}

.animate__zoomInDown {-webkit-animation-name:zoomInDown; animation-name:zoomInDown}

@-webkit-keyframes zoomInLeft {
0% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)}
60% {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0)}
}

@keyframes zoomInLeft {
0% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)}
60% {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0)}
}

.animate__zoomInLeft {-webkit-animation-name:zoomInLeft; animation-name:zoomInLeft}

@-webkit-keyframes zoomInRight {
0% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0)}
60% {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0)}
}

@keyframes zoomInRight {
0% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0)}
60% {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0)}
}

.animate__zoomInRight {-webkit-animation-name:zoomInRight; animation-name:zoomInRight}

@-webkit-keyframes zoomInUp {
0% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0)}
60% {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0)}
}

@keyframes zoomInUp {
0% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0)}
60% {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0)}
}

.animate__zoomInUp {-webkit-animation-name:zoomInUp; animation-name:zoomInUp}

@-webkit-keyframes zoomOut {
0% {opacity:1}
50% {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
to {opacity:0}
}

@keyframes zoomOut {
0% {opacity:1}
50% {opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
to {opacity:0}
}

.animate__zoomOut {-webkit-animation-name:zoomOut; animation-name:zoomOut}

@-webkit-keyframes zoomOutDown {
40% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0)}
to {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0)}
}

@keyframes zoomOutDown {
40% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0)}
to {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0)}
}

.animate__zoomOutDown {-webkit-animation-name:zoomOutDown; animation-name:zoomOutDown; -webkit-transform-origin:center bottom; transform-origin:center bottom}

@-webkit-keyframes zoomOutLeft {
40% {opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)}
to {opacity:0; -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); transform:scale(.1) translate3d(-2000px, 0, 0)}
}

@keyframes zoomOutLeft {
40% {opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)}
to {opacity:0; -webkit-transform:scale(.1) translate3d(-2000px, 0, 0); transform:scale(.1) translate3d(-2000px, 0, 0)}
}

.animate__zoomOutLeft {-webkit-animation-name:zoomOutLeft; animation-name:zoomOutLeft; -webkit-transform-origin:left center; transform-origin:left center}

@-webkit-keyframes zoomOutRight {
40% {opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)}
to {opacity:0; -webkit-transform:scale(.1) translate3d(2000px, 0, 0); transform:scale(.1) translate3d(2000px, 0, 0)}
}

@keyframes zoomOutRight {
40% {opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)}
to {opacity:0; -webkit-transform:scale(.1) translate3d(2000px, 0, 0); transform:scale(.1) translate3d(2000px, 0, 0)}
}

.animate__zoomOutRight {-webkit-animation-name:zoomOutRight; animation-name:zoomOutRight; -webkit-transform-origin:right center; transform-origin:right center}

@-webkit-keyframes zoomOutUp {
40% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0)}
to {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0)}
}

@keyframes zoomOutUp {
40% {-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19); animation-timing-function:cubic-bezier(.55, .055, .675, .19); opacity:1; -webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0)}
to {-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1); animation-timing-function:cubic-bezier(.175, .885, .32, 1); opacity:0; -webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0)}
}

.animate__zoomOutUp {-webkit-animation-name:zoomOutUp; animation-name:zoomOutUp; -webkit-transform-origin:center bottom; transform-origin:center bottom}

@-webkit-keyframes slideInDown {
0% {-webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes slideInDown {
0% {-webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:visible}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__slideInDown {-webkit-animation-name:slideInDown; animation-name:slideInDown}

@-webkit-keyframes slideInLeft {
0% {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes slideInLeft {
0% {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:visible}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__slideInLeft {-webkit-animation-name:slideInLeft; animation-name:slideInLeft}

@-webkit-keyframes slideInRight {
0% {-webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes slideInRight {
0% {-webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:visible}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__slideInRight {-webkit-animation-name:slideInRight; animation-name:slideInRight}

@-webkit-keyframes slideInUp {
0% {-webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

@keyframes slideInUp {
0% {-webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:visible}
to {-webkit-transform:translateZ(0); transform:translateZ(0)}
}

.animate__slideInUp {-webkit-animation-name:slideInUp; animation-name:slideInUp}

@-webkit-keyframes slideOutDown {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
to {-webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:hidden}
}

@keyframes slideOutDown {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
to {-webkit-transform:translate3d(0, 100%, 0); transform:translate3d(0, 100%, 0); visibility:hidden}
}

.animate__slideOutDown {-webkit-animation-name:slideOutDown; animation-name:slideOutDown}

@-webkit-keyframes slideOutLeft {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
to {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:hidden}
}

@keyframes slideOutLeft {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
to {-webkit-transform:translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0); visibility:hidden}
}

.animate__slideOutLeft {-webkit-animation-name:slideOutLeft; animation-name:slideOutLeft}

@-webkit-keyframes slideOutRight {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
to {-webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:hidden}
}

@keyframes slideOutRight {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
to {-webkit-transform:translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0); visibility:hidden}
}

.animate__slideOutRight {-webkit-animation-name:slideOutRight; animation-name:slideOutRight}

@-webkit-keyframes slideOutUp {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
to {-webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:hidden}
}

@keyframes slideOutUp {
0% {-webkit-transform:translateZ(0); transform:translateZ(0)}
to {-webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%, 0); visibility:hidden}
}

.animate__slideOutUp {-webkit-animation-name:slideOutUp; animation-name:slideOutUp}
.webchat__basic-transcript__focus-indicator {border:none !important;}
.webchat__basic-transcript__focus-indicator:focus {border:none !important; outline:none !important}
#webchat, p {letter-spacing:normal !important;}
#webchat, #webchat *, #webchat:after, #webchat:before, #webchat:after, #webchat:before {box-sizing:border-box; font-family:quasimoda !important; font-size:16px; outline:0}
#webchat strong {font-weight:600 !important}
#webchat * .fe, #webchat * .fe:after, #webchat * .fe:before {font-family:feather !important}
#webchat a, #webchat button, #webchat input[type=button], #webchat input[type=submit] {transition:.2s}
#webchat a.disabled, #webchat button.disabled, #webchat input[type=button].disabled, #webchat input[type=submit].disabled {pointer-events:none; cursor:default}
.bot-button-block {position:fixed; bottom:0; right:0px; z-index: 99999;}
button#BotExpand {position:fixed; bottom:30px; padding:0px; right:28px; height:60px; width:60px; background-image:url(../images/Stroke-sm.svg); background-repeat:no-repeat; background-size:cover; border-radius:50%; border:none; z-index:9999999999; text-align:center; line-height:50px; cursor:pointer; border:1px solid #022658; animation:ripple 1.5s linear infinite; transition:all 0.7s ease; animation-iteration-count:5; min-width:unset;}
button#BotExpand:hover {transform:scale(1.1); animation:none; border:1px solid #022658;}
button#BotExpand.active {opacity:0; transform:scale3d(0, 0, 0);}
button#BotExpand .bot-icon {-moz-transition:.5s linear; -webkit-transition:.5s linear; transition:transform .5s linear; position:absolute; left:14px; top:14px; font-size:30px; opacity:0; z-index:-1}
button#BotExpand #chatbot-x-icon.animate {-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg); opacity:1; z-index:1}
.bot-button-block .onesignal-bell-launcher-message {width:max-content; position:absolute; color:#000; background:#fff; cursor:pointer; border-radius:5px; transform:translateY(-50%) scaleX(0) translateZ(0); opacity:0; pointer-events:none; transition:transform 175ms ease-in-out, opacity 175ms ease-in-out; bottom:16px; right:110px; padding:11px 10px 9px; z-index:9999999999; font-family:quasimoda !important; font-size:16px}
.bot-button-block .onesignal-bell-launcher-message {transform-origin:right center;}
.bot-button-block .onesignal-bell-launcher-message.onesignal-bell-launcher-message-opened {pointer-events:auto; opacity:1; transform:translateY(-50%) scaleX(1) translateZ(0); border:1px solid #686F79;}
.bot-button-block .onesignal-bell-launcher-message:before {pointer-events:none; content:' '; right:-15px; top:60%; border:8px solid rgba(255, 255, 255, 0); content:""; height:0; width:0; position:absolute; pointer-events:none; border-left-color:#fff; margin-top:-12px}
.bot-button-block .onesignal-bell-launcher-message:after {pointer-events:none; transform:rotate(270deg); content:' '; position:absolute; width:0; height:0; left:auto; right:-20px; top:19px; bottom:auto; border:9px solid; border-color:#686f79 transparent transparent; z-index:-1}
.bot-button-block .onesignal-bell-launcher-message:after {margin-top:-5px; right:-17px;}
i#chatbot-x-icon {display:none;}
#webchat {position:fixed; min-width:520px; max-width:450px; right:20px; height:calc(100vh - 26%); z-index:9999999999; bottom:20px; display:none; top:auto; animation-duration:1s; overflow:hidden; border-radius:20px; box-shadow:0 8px 32px rgba(0, 0, 0, .25)}
#webchat.botmaximize {-moz-transition:bottom .5s linear; -webkit-transition:bottom .5s linear; transition:bottom .5s linear; display:block; box-shadow:0 -5px 15px 0 rgba(51, 51, 51, .25)}
#webchat.botmaximize.fullscreen {width:95%; height:95%; animation-duration:.5s; animation-name:fb_bounce_in_v2; transition-timing-function:ease-in}
#webchat div[class*=webchat--css][role=complementary] {background:#fff; border-radius:22px}
.webchat__keyboard-help--shown .webchat__keyboard-help__border {padding:0 !important}
.chat-header {box-sizing:content-box; padding:0 20px; height:56px; border-radius:20px 20px 0 0; left:0; letter-spacing:.5px; right:0; top:0; z-index:9; align-items:center; overflow:hidden; position:relative; background:#2c5e93; box-shadow:0 3px 3px 0 rgba(0, 0, 0, .2)}
.chat-header .agent {background-color:#fff; padding:5px; max-width:40px; border-radius:15px; position:absolute}
.chat-header .bot-face {width:52px; height:32px; float:left; background:url("../images/bot.svg") center/90% no-repeat; display:none}
.chat-header .bot-name {padding:0 0 0 20px; width:100%; position:relative; height:100%; line-height:60px}
#webchat .chat-header .bot-name .bot-title {font-weight:600; font-size:18px; color:#fff !important; letter-spacing:normal;}
#webchat .chat-header .bot-name .bot-caption {font-weight:600; font-size:14px; color:#fff; font-family:'Indie Flower', cursive !important;}
#webchat .chat-header .bot-features {text-align:right; max-width:200px; position:absolute; right:20px; top:18px; display:flex;}
#webchat .chat-header .bot-features .bot-link:after {content:""; z-index:100; width:23px; height:23px; position:absolute; left:0px; top:0px; background-size:cover; background-repeat:no-repeat; border-radius:50%;}
#webchat #botSettings:after {background-image:url("../images/more-icon.svg");}
#webchat #botRestart:after {background-image:url("../images/refresh-icon.svg");}
#webchat #botscreen:after {background-image:url("../images/maximize-icon.svg");}
#webchat #botClose:after {background-image:url("../images/rounded-close-icon.svg");}
#webchat #botSettings:hover:after {background-image:url("../images/more-icon-h.svg");}
#webchat #botRestart:hover:after {background-image:url("../images/refresh-icon-h.svg");}
#webchat #botscreen:hover:after {background-image:url("../images/maximize-icon-h.svg");}
#webchat #botClose:hover:after {background-image:url("../images/rounded-close-icon-h.svg");}
#webchat #botSettings:visited:after, #webchat #botSettings:active:after {background-image:url("../images/more-icon-a.svg");}
#webchat #botRestart:visited:after, #webchat #botRestart:active:after {background-image:url("../images/refresh-icon-a.svg");}
#webchat #botscreen:visited:after, #webchat #botscreen:active:after {background-image:url("../images/maximize-icon-a.svg");}
#webchat #botClose:visited:after, #webchat #botClose:active:after {background-image:url("../images/rounded-close-icon");}
#webchat .chat-header .bot-features .bot-link {width:23px; height:23px; padding:2px; border-radius:50%; cursor:pointer; -webkit-transition:background-color .15s; transition:background-color .15s; background-size:20px; margin-left:28px; display:inline-block; text-decoration:none; text-align:center; position:relative}
.bot-logo {width:36px; height:36px; float:left; margin-right:15px}
.bot-logo:after {content:""; z-index:100; width:36px; height:36px; position:absolute; left:20px; bottom:10px; background:url("../images/Stroke-sm.svg") center center no-repeat; background-size:cover;}
.ac-adaptiveCard:focus-visible, article:focus-visible {outline:0}
div#welcomeButtonTemplate {flex-direction:row !important; flex-wrap:wrap; justify-content:center !important;}
#welcomeButtonTemplate .ac-textBlock {width:100%; text-align:center !important;padding:0px 16px !important;}
.webchat__basic-transcript {background-color:#F7FAFF;}
.css-hls04x>.webchat__stackedLayout__content, .css-hls04x>.webchat__stackedLayout__content>.webchat__row>.bubble, [data-css-hls04x]>.webchat__stackedLayout__content>.webchat__row>.bubble, .css-hls04x>.webchat__stackedLayout__content>.webchat__row>.timestamp, [data-css-hls04x]>.webchat__stackedLayout__content>.webchat__row>.timestamp {overflow:visible !important;}
.css-1b7yvbl, [data-css-1b7yvbl] {padding:12px 20px !important;}
.webchat__suggested-action .webchat__suggested-action__button {min-height:32px; padding:8px 25px; width:100% !important; border-radius:20px !important; line-height:22px; font-size:17px !important; cursor:pointer !important; height:34px !important;}
.webchat__suggested-actions__carousel ul.react-film__filmstrip__list {width:100%;}
.webchat__suggested-actions__carousel ul.react-film__filmstrip__list .react-film__filmstrip__item {display:inline-block !important;}
.webchat__carousel-filmstrip__attachment .webchat__bubble__content:before {display:none}
#webchat .webchat__basic-transcript__activity--from-bot .webchat__bubble__content a {color:#2b386f !important;}
#webchat .webchat__basic-transcript__activity--from-bot .webchat__bubble__content a:hover {color:#1864AB !important; text-decoration:underline;}
#webchat .webchat__basic-transcript__activity--from-bot .webchat__bubble__content a:active {color:#194575 !important;}
#webchat .webchat__basic-transcript__activity--from-bot .webchat__bubble__content a:focus {color:none !important;}
#webchat .webchat__send-box {position:relative; background:#2c5e93; padding:14px; border-radius:0 0 20px 20px; box-shadow:0 -3px 3px 0 rgba(0, 0, 0, .2)}
#webchat .webchat__send-box .webchat__send-box__main {height:60px; border-radius:14px; border:1px solid #e6e6e6 !important}
#webchat .webchat__send-box .webchat__send-box__main .webchat__send-box__text-box {width:100%; height:100%; display:block !important; flex:none}
#webchat .webchat__send-box .webchat__send-box__main [data-id=webchat-sendbox-input] {width:100%; box-shadow:none; border-radius:0; margin:auto; padding:0 75px 0 16px; box-sizing:border-box; position:absolute; height:100%; font-size:16px; left:0; border:2px solid transparent !important; background-color:transparent !important; color:#1d2736 !important}
#webchat .webchat__send-box .webchat__send-box__main [data-id=webchat-sendbox-input]:hover {border:none}
#webchat .webchat__send-box .webchat__send-box__main [data-id=webchat-sendbox-input]:focus {border:none; box-shadow:0 4px 8px rgba(0, 0, 0, .2)}
#webchat .webchat__send-box .webchat__send-box__main [data-id=webchat-sendbox-input]:disabled, #webchat .webchat__send-box .webchat__send-box__main [data-id=webchat-sendbox-input][disabled=true] {color:#8a9499 !important}
input.webchat__send-box-text-box__input::placeholder {font-size:12px; color:#686f79 !important}
body #webchat .webchat__send-box-text-box__input::-webkit-input-placeholder {color:#2b386f !important}
body #webchat .webchat__send-box-text-box__input::-moz-placeholder {color:#2b386f !important}
body #webchat .webchat__send-box-text-box__input:-ms-input-placeholder {color:#2b386f !important}
body #webchat .webchat__send-box-text-box__input:-moz-placeholder {color:#2b386f !important}
body #webchat .webchat__send-box-text-box__input:disabled::-webkit-input-placeholder, body #webchat .webchat__send-box-text-box__input[disabled=true]::-webkit-input-placeholder {color:#8a9499 !important}
body #webchat .webchat__send-box-text-box__input:disabled::-moz-placeholder, body #webchat .webchat__send-box-text-box__input[disabled=true]::-moz-placeholder {color:#8a9499 !important}
body #webchat .webchat__send-box-text-box__input:disabled:-ms-input-placeholder, body #webchat .webchat__send-box-text-box__input[disabled=true]:-ms-input-placeholder {color:#8a9499 !important}
body #webchat .webchat__send-box-text-box__input:disabled:-moz-placeholder, body #webchat .webchat__send-box-text-box__input[disabled=true]:-moz-placeholder {color:#8a9499 !important}
.webchat__send-box__text-box {right:0; padding:0 !important}
.webchat__send-box__button.webchat__send-box__button--align-stretch {display:none !important}
.webchat__icon-button.webchat__icon-button--stretch.webchat__send-button.webchat__send-box__button.webchat__send-box__button--align-stretch {display:block !important}
.webchat__send-box__button[title=Send] {min-width:unset; width:45px !important; height:45px; border-radius:0 20px 20px 0; position:relative; top:8px; right:50px; cursor:pointer; background:url("../images/send-icon.svg") center no-repeat !important}
.webchat__send-box__button[title=Send]:hover {cursor:default !important}
.sendhovericon .webchat__send-box__button[title=Send]:focus-visible {background:url("../images/sendhover.svg") center no-repeat !important}
.webchat__send-box__button[title=Send]:disabled, .webchat__send-box__button[title=Send][disabled=true] {background-color:#8a9499 !important; cursor:default !important}
.webchat__send-box__button[title=Send] svg {display:none}
.webchat__send-box__button[title=Send] .webchat__icon-button__shade {background-color:transparent !important}
.webchat__typingIndicator {background-repeat:no-repeat !important; height:80px !important; width:151px !important; background-size:contain; position:relative}
.webchat__stackedLayout__content {width:100%}
.webchat__typingIndicator:before {position:absolute; content:''; width:180px; height:90px; background-size:cover; left:-57px; top:-8px}
.css-14x775w, [data-css-14x775w] {position:absolute !important; right:55px; float:right; z-index:99; top:16px; transform:rotate(45deg)}
#destinationCard #destinationTitle, div#destinationDescription p {font-style:normal; display:-webkit-box; -webkit-box-orient:vertical}
#destinationCard #destinationTitle p {font-size:18px}
#destinationCard img.ac-image {height:262px; min-height:262px; max-height:262px; width:100% !important; border-radius:14px 14px 0 0}
#destinationCard #destinationTitle {color:#022657 !important; font-weight:600 !important; margin-top:8px; min-height:32px; padding:5px 20px; font-size:18px !important; -webkit-line-clamp:1; max-height:32px}
div#destinationDescription p {color:#1d2736 !important; font-size:14px !important; font-weight:400; line-height:150%; min-height:65px; max-height:65px; -webkit-line-clamp:3}
#destinationCard button.ac-pushButton.style-default.ac-selectable {background:#2c5e93 !important; padding:12px 24px 11px !important; box-shadow:none; margin:0 8px 5px 20px !important; cursor:pointer; font-weight:600 !important; font-size:14px !important; color:#fff !important; border-radius:36px; height:40px; line-height:normal; border:none !important}
#destinationCard button.ac-pushButton.style-default.ac-selectable:hover {background:#234b76 !important}
#destinationCard .ac-horizontal-separator {display:none !important}
#destinationCard .ac-textBlock hr {display:none}
div#destinationCard {height:440px; padding:0 !important; width:335px; border-radius:14px !important; box-shadow:none; border:1px solid #e6e7e9}
#webchat #cruiseSearchResultStrikethrough #priceId2 p {bottom:-3px}
span#strike {right:-49px; position:relative; top:2px; font-size:14px !important}
#cruiseSearchResult #itineraryid .ac-container, #cruiseSearchResultStrikethrough #itineraryid .ac-container {flex:1 1 30px !important}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px; min-height:530px !important; max-height:530px; border-radius:8px !important; box-shadow:none !important}
#webchat .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px; min-height:550px !important; max-height:550px; border-radius:8px !important; box-shadow:none}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content.cruise-adaptive-card, #webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content.cruise-adaptive-card .webchat__adaptive-card-renderer {background:#fff !important}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content .cruise-adaptive-card p {padding:20px}
#cruiseSearchResultStrikethrough, div#cruiseSearchResult {padding:0 !important; width:335px; height:517px; position:relative}
div#itineraryid {margin-right:33px !important}
#webchat__carousel-filmstrip-attachment--focus:focus-within {outline:0 !important}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item {min-width:335px}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item:first-child {padding:0 !important}
#webchat #ArrivesId p, #webchat #priceId2 p {margin-bottom:16px !important}
#webchat #priceId2 p {position:absolute; bottom:-4px; width: auto !important;}
#webchat .webchat__carousel-filmstrip__main #priceId2 p {position:absolute; bottom:-21px; width:auto !important;}
#cruiseSearchResult img.ac-image, #cruiseSearchResultStrikethrough img.ac-image {height:262px; min-height:262px; max-height:262px; object-fit:cover; width:335px}
#webchat #shipTitleId p {color:#022658 !important; font-weight:600 !important; padding:14px 20px 0; font-size:18px !important; white-space:nowrap}
#webchat #shipId p, #webchat #shipValueId p {color:#4f5763 !important; font-weight:400 !important; font-size:16px !important; width:auto !important; float:left}
#webchat #shipId p {padding:2px 0 16px 20px}
#webchat #shipValueId p {padding:2px 20px 16px 4px; color:#022568 !important}
#webchat #arrivesValueId p, #webchat #departsValueId p {color:#022568 !important; font-weight:600 !important; padding:0 20px 2px 4px; font-size:16px !important; width:238px !important; float:left; white-space:nowrap}
#webchat #ArrivesId p, #webchat #departsId p {color:#686f79 !important; font-weight:400 !important; padding:0 0 2px 20px; font-size:16px !important; max-width:82px !important}
#webchat #priceId p, #webchat #priceId2 p {color:#022568 !important; font-size:14px; padding:0 20px}
#webchat #priceId1 p, #webchat .webchat__carousel-filmstrip__main #priceId1 p {color:#022568 !important; font-size:24px; line-height:25px; padding:0 20px; left:-2px; font-weight:700; position:absolute; width: auto !important;}
#webchat #priceId, #webchat #priceId2 {color:#022568 !important; padding:0; height:27px}
#webchat #priceId1 p {bottom:30px}
#webchat .webchat__carousel-filmstrip__main #priceId p{width:auto !important;position: absolute;bottom: 34px;}
#webchat #stateroomCard #priceId p {width: auto !important;position: absolute;bottom: 30px; font-size:24px !important; color:#022658 !important; font-weight:600; margin:-6px 0px 0px -2px !important;}
#webchat #stateroomCategoryCard #priceId p {width: auto !important;position: unset; font-size:24px !important; color:#022658 !important; font-weight:600; margin:0px !important;}																											  																																											 
#webchat .webchat__carousel-filmstrip__main #priceId1 p {bottom:15px;}
.webchat__stacked-layout__status {display:none}
#webchat #cruiseSearchResult button.ac-pushButton:hover, #webchat #cruiseSearchResultStrikethrough button.ac-pushButton:hover {background:#dd5300 !important}
#webchat #cruiseSearchResult button.ac-pushButton div, #webchat #cruiseSearchResultStrikethrough button.ac-pushButton div {font-size:19px; font-weight:700; font-family:Quasimoda-bold}
#webchat .webchat__carousel-filmstrip__main #cruiseSearchResultStrikethrough button.ac-pushButton {background:#e46c24 !important; color:#fff !important; margin:8px; border-radius:36px; height:40px; padding:12px 24px; font-weight:600 !important; position:absolute; cursor:pointer; bottom:-2px; border:none !important; line-height:1; right:20px}
#webchat #cruiseSearchResult button.ac-pushButton, #webchat #cruiseSearchResultStrikethrough button.ac-pushButton {background:#e46c24 !important; color:#fff !important; margin:8px; border-radius:36px; height:40px; padding:12px 24px; font-weight:600 !important; position:absolute; cursor:pointer; bottom:14px; border:none !important; line-height:1; right:8px}
#cruiseSearchResult .ac-horizontal-separator, #cruiseSearchResult .ac-vertical-separator, #cruiseSearchResultStrikethrough .ac-horizontal-separator, #cruiseSearchResultStrikethrough .ac-vertical-separator {display:none !important}
div#Title3 {margin-bottom:12px !important}
.destination-adaptive-card, .webchat__bubble__content.cruise-adaptive-card {border-radius:14px !important; box-shadow:none; margin-bottom:8px; border:1px solid #d9dbde !important}
#cruiseSearchResult .ac-container, #cruiseSearchResultStrikethrough .ac-container {flex:unset !important}
#calendarCard button.ac-pushButton-disabled.style-default, #calendarCard button.ac-pushButton.style-default {min-width:45px; box-shadow:none; margin:0 10px 10px 0 !important; height:30px; min-height:unset !important; display:inline-block !important}
.webchat__bubble__content.bubble-card, .webchat__bubble__content.bubble-card .ac-container.ac-adaptiveCard {padding:0 !important; background:0 0 !important}
#calendarCard button.ac-pushButton.style-default {padding:4px !important; cursor:pointer; font-size:12px !important; border:2px solid #d9dbde !important; color:#2c3543 !important; background-color:#d9dbde !important; border-radius:4px; font-weight:500 !important}
#calendarCard p {color:#416e9e !important; font-size:12px !important; font-weight:500 !important; padding:5px; border-bottom:1px solid #ccc}
#calendarCard {padding:10px !important; border:1px solid #ccc; border-radius:10px}
#calendarCard button.ac-pushButton-disabled.style-default {font-weight:400; padding:8px !important; font-size:1rem !important; border:2px solid #d9dbde !important; color:#d9dbde !important; background-color:#fff !important; border-radius:4px}
.webchat__bubble__content.bubble-card {min-height:unset !important; height:unset !important; box-shadow:unset !important; border:none !important}
.bubble-card .ac-columnSet.ac-selectable {display:inline-block !important; width:100%}
.bubble-card .ac-container {float:left; display:unset}
.bubble-card .ac-vertical-separator {float:left}
.webchat__basic-transcript__filler {flex:unset !important}
div#buttonTemplate {flex-direction:row !important; flex-wrap:wrap}
#webchat #cruiseSearchResult button.ac-pushButton div {cursor:pointer}
#webchat #buttonTemplate button.ac-pushButton.style-default {min-width:unset; text-transform:none; background:0 0; width:auto; padding:12px 24px 8px !important; box-shadow:none; display:inline-block !important; margin:0 8px 8px 0 !important; cursor:pointer; font-weight:600 !important; border:1px solid #2c5e93 !important; color:#fff !important; background-color:#2c5e93 !important; border-radius:36px; line-height:normal; height:40px}
#webchat #buttonTemplate button.ac-pushButton.style-default:focus, #webchat button.ac-pushButton:focus, #webchat button.webchat__suggested-action__button:focus {background-color:#022658 !important; border-color:#1a3858 !important}
#webchat #buttonTemplate button.ac-pushButton.style-default:hover, .yourNewClass li:last-child #imnotsure button.ac-pushButton.style-default.ac-selectable:hover {color:#fff !important; background-color:#234b76 !important; line-height:1 !important}
#webchat #buttonTemplate button.ac-pushButton.style-default:active, #webchat #welcomeButtonTemplate button.ac-pushButton.style-default:active {color:#fff !important; background:#1a3858 !important}
#webchat #buttonTemplate button.ac-pushButton.style-default:focus-visible {outline:#00b5cb solid 2px !important; color:#fff !important; background-color:#022657 !important}
.ac-actionSet {display:inline-block !important; width:100% !important}
.webchat__carousel-filmstrip, .webchat__carousel-filmstrip__attachments, .webchat__carousel-filmstrip__complimentary-content, .webchat__carousel-filmstrip__content, .webchat__carousel-filmstrip__main {width:100%}
body #webchat .webchat__stacked-layout__status * {color:#767676 !important; font-size:90% !important; font-weight:400}
.webchat__stacked-layout .webchat__stacked-layout__status span[aria-hidden=true]:before {font-weight:400; font-size:90% !important; content:"You - "; font-size:inherit}
.webchat__stacked-layout.webchat__stacked-layout--no-message .webchat__stacked-layout__status span[aria-hidden=true]:before {font-weight:400; font-size:90% !important; content:"Holland America Line -"; font-size:inherit}
#webchat button.ac-pushButton, #webchat button.webchat__suggested-action__button {background-color:#fff !important; border:1px solid #223244 !important; color:#223244 !important; cursor:pointer; font-weight:400 !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:auto; max-width:455px; min-width:unset; text-transform:unset; text-shadow:none}
#webchat button.ac-pushButton:hover, #webchat button.webchat__suggested-action__button:hover {background-color:#234b76 !important; color:#fff !important; border-color:#234b76 !important; line-height:normal !important;}
#webchat button.ac-pushButton.style-default[aria-label=Submit] {background-color:#2b386f !important; color:#fff !important; border:none !important; padding:8px 24px !important; margin-top:20px !important}
#webchat button.ac-pushButton[aria-label=Submit]:hover, #webchat button.webchat__suggested-action__button[aria-label=Submit]:hover {background-color:#1864ab !important; border:none !important}
#webchat button.ac-pushButton[aria-label=Submit]:active, #webchat button.webchat__suggested-action__button[aria-label=Submit]:active {background-color:#194575 !important; border:none !important}
#webchat button.webchat__suggested-action__button[aria-label="Submit"]:focus-visible, #webchat button.ac-pushButton[aria-label="Submit"]:focus-visible {background-color:#2b386f !important; border:none !important;}
#webchat button.ac-pushButton.style-default[aria-label="Submit"] div {color:inherit !important;}
#webchat button.webchat__suggested-action__button div, #webchat button.ac-pushButton div {width:auto; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#webchat button.ac-pushButton.style-default[aria-label="Submit"].nonclickable {background:#EDF0F2 !important; pointer-events:none; cursor:no-drop; color:#2b386f !important;}
#webchat button.ac-pushButton.style-default[aria-label="Submit"][disabled] {background:#EDF0F2 !important; pointer-events:none; cursor:no-drop; color:#2b386f !important;}
.webchat__adaptive-card-renderer button.ac-pushButton.style-default img {width:18px !important; height:18px !important;}
.ac-actionSet div[style="height:8px; "] {display:none;}
.webchat__carousel-filmstrip__attachment .webchat__bubble__content .ac-container.ac-adaptiveCard {padding:0 !important; border:1px solid #ddd; border-radius:5px;}
.webchat__carousel-filmstrip__attachment .webchat__bubble__content {border-radius:0 !important; box-shadow:none; border:1px solid #ddd;}
.ac-container.ac-adaptiveCard .ac-textBlock {color:#646363 !important; margin-bottom:5px !important; display:block; display:-webkit-box; max-width:100% !important; font-size:14px; line-height:1.5 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; text-overflow:ellipsis !important;}
.ac-container.ac-adaptiveCard .ac-textBlock[role="heading"] {min-height:57px !important; color:#20285b !important; font-size:20px !important; font-weight:500 !important; font-family:inherit !important;}
.ac-container.ac-adaptiveCard .ac-textBlock p {color:inherit !important; font-size:inherit; font-weight:inherit; font-family:inherit !important;}
.webchat__adaptive-card-renderer .ac-input {padding:10px !important;}
#webchat .ac-textRun {display:inline-block;}
.ac-input.ac-textInput {border:2px solid #F7F9FA !important; background-color:#F7F9FA !important; border-radius:4px !important; padding:11px 7px !important;}
.ac-input.ac-textInput:hover {border:2px solid #BED2F3 !important;}
.ac-input.ac-textInput:active {border:2px solid #BED2F3 !important;}
.ac-input.ac-textInput:focus-visible {border:2px solid #BED2F3 !important;}
.ac-input.ac-textInput.ac-input-validation-failed {border:2px solid #D93232 !important;}
.ac-textBlock.error {color:#BED2F3 !important; font-size:0.9rem !important;}
.ac-container label.ac-richTextBlock .ac-textRun {font-weight:inherit !important; font-size:16px !important; color:#2B2D33 !important;}
.ac-container label.ac-richTextBlock .ac-textRun[aria-hidden="true"] {color:#D93232 !important;}
#webchat input[type="text"], #webchat input[type="phone"], #webchat input[type="email"], #webchat input[type="checkbox"], #webchat input[type="radio"], #webchat select, #webchat textarea {outline-color:#BED2F3 !important;}
.webchat__carousel-filmstrip__attachment .webchat__bubble__content .ac-actionSet .ac-pushButton {width:100%}
.webchat__carousel-filmstrip__attachment .webchat__bubble__content .ac-actionSet {display:flex !important; padding:0px 10px;}
.webchat__carousel-filmstrip__attachment .webchat__bubble__content .ac-textBlock {padding:0px 10px;}
.webchat__carousel-filmstrip__attachment .webchat__bubble__content {width:100%;}
.webchat__connectivityStatus {color:#000000;}
.webchat__adaptive-card-renderer {border:none !important; -webkit-box-shadow:none; box-shadow:none;}
#webchat button.react-film__flipper {width:30px !important; min-width:unset;}
.webchat__stacked-layout__status, .webchat__carousel-filmstrip__status {display:none !important;}
.react-film__flipper .react-film__flipper__body {font-size:1px !important; width:33px !important; height:32px !important; background-color:transparent !important; line-height:unset !important;}
.react-film__main .react-film__main__slider.react-film__main__slider--left {left:0px !important;}
#webchat .react-film__flipper__slider.react-film__main__slider.react-film__main__slider--left .react-film__flipper__body:before {content:""; font:normal normal normal 20px/1 FontAwesome !important; position:absolute; left:-5px; top:-5px; background-image:url("../images/slickleft.svg") !important; font-size:30px !important; z-index:9999; width:38px; height:38px; background-size:40px; background-repeat:no-repeat;}
.react-film__main .react-film__main__slider.react-film__main__slider--right {right:0px !important;}
#webchat .react-film__flipper__slider.react-film__main__slider.react-film__main__slider--right .react-film__flipper__body:before {background-size:40px; content:""; font:normal normal normal 20px/1 FontAwesome !important; position:absolute; left:-5px; top:-5px; background-image:url("../images/slickright.svg") !important; font-size:30px !important; z-index:9999; width:38px; height:38px; background-repeat:no-repeat;}
.react-film__main__slider--hide .react-film__flipper__body {display:none;}
.webchat__basic-transcript__scrollable {border-right:8px solid #f7faff !important; padding: 15px 0px;margin-bottom: 6px;}
#webchat::-webkit-scrollbar {width:6px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content.welcome-adaptive-card .webchat__adaptive-card-renderer {background:transparent !important;}
#webchat::-webkit-scrollbar-track {background:#fff; border-radius:8px;}
#webchat::-webkit-scrollbar-thumb {background:#d9dbde; border-radius:5px;}
#webchat::-webkit-scrollbar-thumb:hover {background:#5C6366 !important;}

@keyframes fb_bounce_out_v2 {
0% {opacity:1; transform:scale(1); transform-origin:right}
100% {opacity:0; transform:scale(0); transform-origin:right}
}

@keyframes fb_bounce_in_v2 {
0% {opacity:0; transform:translateX(200px); transform-origin:right;}
50% {transform-origin:right;}
100% {opacity:1;}
}

@keyframes slideFromLeft {
0% {margin-left:-200px; opacity:0;}
100% {margin-left:0px; opacity:1;}
}

@-webkit-keyframes slideFromLeft {
0% {margin-left:-200px; opacity:0;}
100% {margin-left:0px; opacity:1;}
}

@-webkit-keyframes bounce {
to {-webkit-transform:scale(1.2);}
}

@-moz-keyframes bounce {
to {-moz-transform:scale(1.2);}
}

@keyframes bounce {
to {transform:scale(1.2);}
}

@keyframes slideFromLeft {
0% {margin-left:-200px; opacity:0;}
100% {margin-left:0px; opacity:1;}
}

@-webkit-keyframes slideFromRight {
0% {margin-right:-50px; opacity:0; z-index:-999;}
100% {margin-right:0px; opacity:1; z-index:999;}
}

@keyframes slideFromRight {
0% {margin-right:-50px; opacity:0; z-index:-999;}
100% {margin-right:0px; opacity:1; z-index:999;}
}

.persitentChat li button.ac-pushButton {background:none; border:none; padding:0; font-size:17px; width:100%; text-align:left; padding-left:15px; padding-top:10px; cursor:pointer;}
.webchat__carousel-filmstrip__attachment .ac-container.ac-adaptiveCard .ac-textBlock {display:none;}
.ac-textBlock {overflow:visible !important; white-space:normal !important; margin-bottom:5px; font-weight:400;}
.largeFonts .css-14x775w {right:45px;}
.largeFonts .css-115fwte[title="Send"]:before {left:10px;}
.largeFonts .main [data-id="webchat-sendbox-input"] {left:45px}
.ac-input.ac-choiceSetInput-expanded .ac-textBlock {margin-right:10px; margin-left:0 !important; min-height:18px !important;}
.ac-input.ac-choiceSetInput-expanded {display:flex;}
.ac-input.ac-choiceSetInput-multiSelect .ac-textBlock {margin-right:10px; margin-left:0 !important; min-height:18px !important; margin-bottom:2px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content .webchat__adaptive-card-renderer {background:#2c5e93 !important; color:#fff !important;}
.webchat__basic-transcript__activity--from-bot .webchat__stacked-layout {position:relative !important; margin-bottom:20px;}
.webchat__stacked-layout:not(.webchat__stacked-layout--from-user):before, .webchat__basic-transcript__activity--from-bot .webchat__stacked-layout:before {content:""; z-index:100; width:36px; height:36px; position:absolute; left:3px; top:-4px; background:url("../images/Stroke-sm.svg") no-repeat center center; background-size:cover; border-radius:50%;}
.webchat__bubble.webchat__bubble--from-user.webchat__bubble--nub-on-top.webchat__stacked-layout__message:after {content:""; z-index:100; width:36px; height:36px; position:absolute; right:-42px; top:-5px; background-image:url("../images/user.svg"); background-repeat:no-repeat; background-size:36px; border-radius:50%; box-shadow:none;}
.webchat__bubble.webchat__bubble--from-user {margin-right:44px;}
#webchat .webchat__bubble--from-user .webchat__bubble__content p {color:#1D2736 !important; background:#fff !important; line-height:150%; padding:12px 16px;}
.webchat__stacked-layout .webchat__bubble .webchat__bubble__content {color:#fff !important; border-radius:14px 0px 14px 14px !important; box-shadow:unset;}
.webchat__stacked-layout .webchat__bubble.webchat__bubble--from-user .webchat__bubble__content {color:#fff !important; min-height:48px !important;}
.webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content {border-radius:0px 14px 14px 14px !important; background:#fff !important; box-shadow:unset; color:#2B2D33 !important; margin-left:0px; min-height:unset !important;}
.webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content .ac-textBlock, .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content .ac-textBlock p {color:inherit !important;}
.webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content .markdown {padding: 12px 16px; min-height:unset !important; line-height:17px;}
.webchat__stacked-layout .webchat__stacked-layout__content {overflow:visible !important;}
.webchat__bubble.webchat__bubble--from-user {overflow:visible !important;}
#webchat .webchat__basic-transcript__activity--from-user .webchat__bubble__content {color:#fff !important;}
#webchat .webchat__basic-transcript__activity--from-bot .webchat__bubble__content {color:#2B2D33 !important;}
#webchat .webchat__basic-transcript__activity--from-bot .webchat__bubble__content .ac-textBlock {color:#2B2D33 !important;}
.webchat__stacked-layout--top-callout:not(.webchat__stacked-layout--from-user) .webchat__stacked-layout__avatar-gutter, .webchat__basic-transcript__activity--from-bot .webchat__stacked-layout__avatar-gutter {width:30px !important; height:30px !important; margin-right:12px;}
#webchat ol {padding-left:25px; margin-right:10px; width:auto !important;}
#webchat ol li {margin-bottom:5px;}
.ac-horizontal-separator {height:5px !important;}
.ac-container.ac-adaptiveCard {padding:12px 16px !important;}
.ac-container.ac-adaptiveCard#stateroomCard, .ac-container.ac-adaptiveCard#stateroomCategoryCard {padding:0px !important;}																													  

@keyframes chatext {
0% {width:80px}
25% {width:220px}
75% {width:220px}
to {width:80px}
}

@keyframes chatextp {
0% {width:50px; font-size:0}
25% {width:auto; font-size:16px}
75% {width:auto; font-size:16px}
to {width:50px; font-size:0}
}

@keyframes chatexta {
25% {margin:0 15px}
75% {margin:0 15px}
to {margin:auto}
100% {margin:auto;}
}

.splash-screen {position:absolute; height:100%; top:0; left:0; width:100%; text-align:center; z-index:99999; border-radius:0px; display:flex; background:url("../images/pat-3.png") repeat left top #2b386f; box-shadow:0 0 18px rgba(0, 0, 0, .2);}
.splash-screen .splash-slide {align-self:center; width:100%;}
.splash-screen .splash-Img {width:300px; margin:0 auto;}
.splash-screen .splash-Img img {width:100%}
.splash-screen .splash-title {color:#fff; text-align:center; font-size:40px; margin:30px 15px 0 15px; font-weight:500}
.splash-screen .splash-description {color:#fff; font-size:14px; padding:20px; line-height:1.5;}
.splash-screen .splash-description a {color:#b7bdc3 !important; text-decoration:underline;}
.splash-screen .splash-description a:hover {text-decoration:none;}
.splash-screen .splash-close-icon {position:absolute; width:18px; height:18px; top:25px; right:30px; display:inline-block; background:url("../images/close1-icon.svg") no-repeat left top; background-size:15px; filter:brightness(0) invert(1); transition:transform .7s ease-in-out;}
.splash-screen .splash-close-icon:hover {transform:rotate(360deg);}
.splash-screen .btn-splash {font-size:14px; font-weight:500; background:#e7b554; padding:15px 25px; color:#20275a; border:1px solid transparent; cursor:pointer; margin-right:10px;}
.splash-screen .btn-splash:hover {background:#f6cf83;}
.splash-screen .btn-splash-no {border:1px solid #e7b554; background:#fff;}
.splash-screen .btn-splash-no:hover {background:#f6cf83;}
#webchat .react-film__flipper {cursor:pointer;}

@media only screen and (max-width: 768px) {
#webchat {width:100%; height:100%; bottom:0; right:0; border-radius:0 !important; max-width:100%; min-width:100%;}
#thumbsDownButton {bottom:-6px;}
a#botscreen {display:none !important;}
}

@media screen and (min-width: 769px) and (max-width:1024px) {
a#botscreen {display:none !important;}
}

@media (min-width: 980px) {
#webchat .webchat__keyboard-help.webchat__keyboard-help--shown {height:100% !important;}
}

.webchat__bubble.webchat__bubble--nub-on-top.webchat__stacked-layout__message {border-radius:0px 14px 14px 14px !important;}
.webchat__bubble.webchat__bubble--from-user.webchat__bubble--nub-on-top.webchat__stacked-layout__message {border:1px solid #748ead !important; border-radius:14px 0px 14px 14px !important;}
.overlayy {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .2); z-index:9999; display:none; border-radius:25px}
.overlayToggle .overlayy, .rightSlideoverlayToggle .overlayy {display:block}
.right-slide {position:absolute; right:-250px; width:258px; z-index:9999; padding:0; box-sizing:border-box; transition:right .6s; overflow:hidden; height:138px; border-radius:20px; opacity:0; font-size:16px; color:#1d2736; display:none;}
.is-visible {display:flex;}
.is-open {opacity:1; transition:right .6s !important;}

@keyframes slideRight {
0% {right:-200px;}
100% {right:90px;}
}

.rightSlide .right-slide {top:4px; z-index:9999; right:90px; transition:right .6s; border-radius:12px; opacity:1; background-color:#fff; -webkit-animation:slideRight .6s ease forwards; animation:slideRight .6s ease forwards;}
.right-slide ul {list-style:none; display:inline-block; width:100%; padding:16px; margin:0}
.right-slide ul li {padding:6px; float:left; width:100%; box-sizing:border-box; line-height:150%; display:flex; justify-content:space-between; align-items:center;}
.right-slide .txt_download {float:left;}
.right-slide a {float:right; margin-right:10px}
.right-slide p {color:#2b2b2b; margin:0; font-size:14px; font-weight:700; margin-bottom:37px}
.switchToggle {float:right; margin-right:0; position:relative}
.switchToggle input[type=checkbox] {height:0; width:0; position:absolute; top:0}
.switchToggle label {cursor:pointer; font-size:0; width:32px; max-width:70px; height:16px; border:1px solid #81878f; background:#fff; display:block; border-radius:100px; position:relative}
.switchToggle label:after {content:''; position:absolute; top:2px; left:2px; width:10.6px; height:10.6px; background:#d9dbde; border-radius:30px; transition:.3s}
.switchToggle input:checked+input+label, .switchToggle input:checked+label {background:#205493}
.switchToggle input:checked+input+label.enable, .switchToggle input:checked+label.enable {background:#205493}
.switchToggle .enable:after {content:''; position:absolute; top:2px; left:2px; width:10.6px; height:10.6px; background:#d9dbde; border-radius:30px; transition:.3s}
.switchToggle .enable:active:after {width:20px}
.switchToggle input:checked+input+label:after, .switchToggle input:checked+label:after {left:calc(100% - 2px); transform:translateX(-100%); background:#fff}
.switchToggle label:active:after {width:20px}
.rightSlide #BotSettings img {opacity:.6}
.largeFonts [role=complementary] {zoom:1.13}
#webchat #welcomeButtonTemplate .ac-textBlock:last-child p {text-align:center; font-size:12px !important; color:#1D2736 !important;}
#webchat article:first-child .webchat__stacked-layout:not(.webchat__stacked-layout--from-user):before, .webchat__basic-transcript__activity--from-bot .webchat__stacked-layout:before {display:none;}
.welcome-adaptive-card, .welcome-adaptive-card .webchat__adaptive-card-renderer, #welcomeButtonTemplate {background-color:transparent !important; box-shadow:none !important; border:none !important;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content.welcome-adaptive-card {background-color:transparent !important; box-shadow:none !important; border:none !important;}
#webchat #welcomeButtonTemplate .ac-textBlock:first-child p {color:#1D2736 !important; text-align:center; font-family:Quasimoda; font-size:24px !important; font-style:normal; font-weight:600 !important; line-height:26px !important; letter-spacing:normal; padding: 10px 10px 0px 10px;}
#webchat #welcomeButtonTemplate button.ac-pushButton.style-default:focus {background:#1a3858 !important;}
#webchat #welcomeButtonTemplate button.ac-pushButton.style-default {margin:0px 8px 8px 0px !important; color:#FFF !important; font-family:Quasimoda; font-size:16px; font-style:normal; font-weight:600 !important; height:40px; border-radius:36px !important; background:#2C5E93 !important; border:none !important; padding:12px 24px 11px; margin-bottom:10px; line-height:normal;}
#webchat #welcomeButtonTemplate button.ac-pushButton.style-default:hover {background:#234b76 !important; line-height:1;}
#webchat #welcomeButtonTemplate button.ac-pushButton.style-default:focus-visible {outline-offset:-2px !important;}
.welcome-adaptive-card {padding:0px !important;}
.welcome-adaptive-card .ac-container.ac-adaptiveCard {padding:0px !important;}
#welcomeButtonTemplate .ac-columnSet.ac-selectable .ac-vertical-separator {width:7px !important;}
article:first-child .webchat__stacked-layout .webchat__stacked-layout__avatar-gutter {display:none;}
#webchat article:first-child .webchat__bubble.webchat__bubble--nub-on-top.webchat__stacked-layout__attachment {max-width:550px !important; margin:auto;}
.welcome-adaptive-card {padding:0px;}
#welcomeButtonTemplate .ac-columnSet.ac-selectable .ac-container {flex:none !important;}
#welcomeButtonTemplate .ac-columnSet.ac-selectable {margin-top:5px !important; margin-bottom:10px !important; flex-wrap:wrap; margin:auto !important; text-align:center; justify-content:center !important;}
#welcomeButtonTemplate .ac-textBlock a {color:#2C5E93 !important; font-size:12px;}
div#welcomeButtonTemplate::before {content:""; background:url(../images/Stroke-sm.svg) no-repeat center center; background-size:cover; border-radius:50%; width:64px; height:64px;}
#FormatCalendar .ac-textBlock:first-child p {color:#1a3858 !important; font-weight:600 !important;padding-left: 4px; font-size:16px;}
#FormatCalendar .ac-horizontal-separator {display:none !important;}
.ac-horizontal-separator {display:none !important;}
div#FormatCalendar, .FormatCalendar-adaptive-card {border-radius:8px !important; margin-bottom:0px !important; border:1px solid #ccc; box-shadow:0px 3px 6px 0px rgba(51, 51, 51, 0.16);}
div#FormatCalendar:focus-visible {outline:none !important;}
#FormatCalendar button.ac-pushButton-disabled.style-default, #FormatCalendar button.ac-pushButton.style-default.ac-selectable {height:48px; width:90%; padding:4px; box-sizing:border-box; margin:4px; min-width:unset; text-transform:unset;}
#FormatCalendar button.ac-pushButton-disabled.style-default {background:#fff !important; border:2px solid #d9dbde !important; border-radius:4px !important; color:#d9dbde !important;}
#FormatCalendar button.ac-pushButton.style-default.ac-selectable:hover {background:#2c5e93 !important; color:#fff !important; border:2px solid #2c5e93 !important;}
#FormatCalendar button.ac-pushButton.style-default.ac-selectable:focus {background:#234b76 !important; color:#fff !important; border:2px solid #234b76 !important;}
#FormatCalendar button.ac-pushButton.style-default.ac-selectable {border-radius:4px; font-size:14px !important; border:2px solid #d9dbde !important; background:#d9dbde !important; color:#1d2736 !important;}
#FormatCalendar .ac-columnSet .ac-container {flex-direction:row !important; flex-wrap:wrap !important;}
div#FormatCalendar {padding:16px !important;}
#webchat .webchat__bubble.webchat__bubble--nub-on-top:focus-within, #webchat .webchat__bubble__content {outline:none !important;}
.formatcalender-adaptive-card {width:33.3%;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content {background:#2c5e93 !important;color:#fff !important;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content p {color: #fff !important; line-height: 150%;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content a {color:#fff;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content.bubble-card {background:transparent !important;}
#webchat input.webchat__send-box-text-box__input::placeholder {font-size:16px !important; color:#686f79 !important;}
.webchat__basic-transcript .webchat__basic-transcript__activity-body:not(:empty) {padding-bottom:30px !important;}
div#FAQFallback {background:#2c5e93 !important;}
.FAQFallback-adaptive-card {margin-bottom:20px;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable {border-radius:36px; padding:12px 24px; height:40px; width:auto; max-width:455px;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable:hover {background:#edf0f1 !important; color:#223244 !important}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable:focus {background:#e3e8eb !important; color:#223244 !important}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable div {max-width:380px !important;}
a#downloadTranscript img {width:24px; height:24px;}
a#downloadTranscript i {color:#2c5e93;}
#positive img, #Negative img {margin:auto;}
div#FAQFallback {background:#2c5e93 !important; position:relative; border-radius:14px;}
#positive, #Negative {position:absolute; bottom:-26px;}
#positive img, #Negative img {width:18px !important; height:18px !important;}
#Negative {left:40px;}
.thumbsupclick img {display:none;}
#positive.thumbsupclick::after {content:""; background-image:url("../images/thumbsup-filled.svg"); width:18px; height:18px; display:block; background-size:cover;}
#Negative.thumbsupclick::after {content:""; background-image:url("../images/thumbsdown-filled.svg"); width:18px; height:18px;}
#FAQFallback[disabled="true"]:hover {pointer-events:none !important; cursor:no-drop !important;}
.FAQFallback-adaptive-card {overflow:visible !important;}
#FAQFallback[disabled="true"] #positive img, #FAQFallback[disabled="true"] #Negative img {pointer-events:none !important; cursor:no-drop !important}
#positive img:hover, #Negative img:hover {cursor:pointer !important}
#FAQFallback[disabled="true"] #positive, #FAQFallback[disabled="true"] #Negative, #FAQFallback[disabled="true"] #positive:after, #FAQFallback[disabled="true"] #Negative:after {Opacity:0.7}
#thumbsUpButton img, #thumbsDownButton img {margin:auto;}
#thumbsUpButton {position:absolute; bottom:44px; left:235px}
#thumbsDownButton {position:absolute; bottom:44px; left:260px;}
#thumbsUpButton img, #thumbsDownButton img {width:18px !important; height:18px !important;}
.thumbsupclick img {display:none;}
#thumbsUpButton.thumbsupclick::after {content:""; background-image:url("../images/thumbsup-filled.svg"); width:18px; height:18px; display:block; background-size:cover; bottom:6px; position:absolute;}
#thumbsDownButton.thumbsupclick::after {content:""; background-image:url("../images/thumbsdown-filled.svg"); width:18px; height:18px; bottom:8px; position:absolute;}
#buttonthumbs[disabled="true"]:hover {pointer-events:none !important; cursor:no-drop !important;}
div#buttonthumbs {padding:0px 10px !important; height:22px !important;}
.buttonthumbs-adaptive-card {overflow:visible !important;}
#buttonthumbs[disabled="true"] #thumbsUpButton img, #buttonthumbs[disabled="true"] #thumbsDownButton img {cursor:default !important}
#thumbsUpButton img:hover, #thumbsDownButton img:hover {cursor:pointer !important}
#buttonthumbs[disabled="true"] #thumbsUpButton, #buttonthumbs[disabled="true"] #thumbsDownButton, #buttonthumbs[disabled="true"] #thumbsUpButton:after, #buttonthumbs[disabled="true"] #thumbsDownButton:after {Opacity:0.7}
div#FeedbackForm .ac-richTextBlock .ac-textRun:first-child {color:#fff !important;}
div#FeedbackForm .ac-input-container textarea.ac-multiline {min-height:100px; margin:10px 0px; resize:none;}
#webchat div#FeedbackForm .ac-actionSet button.ac-pushButton.style-default {color:#fff !important; background:#022658 !important; border:none !important; border-radius:36px !important; padding:12px 24px 11px !important; margin-top:0px !important; margin-right:10px; display:inline-block !important;}
#webchat div#FeedbackForm .ac-actionSet button.ac-pushButton.style-default:not(:disabled):hover {background:#234b76 !important; color:#fff !important; border:none !important; line-height:unset !important;}
#webchat div#FeedbackForm .ac-actionSet button.ac-pushButton.style-default:not(:disabled):focus {background:#1a3858 !important; color:#fff !important; border:none !important; line-height:unset !important;}
div#FeedbackForm #negativeInputId .ac-textBlock p {padding:0px;}
#webchat *:disabled {cursor:default !important;}
#botscreen .fe-edit:after {content:""; z-index:100; width:24px; height:24px; position:absolute; left:-1px; bottom:-2px; background-image:url("../images/minicon.png"); background-size:cover; background-repeat:no-repeat; border-radius:50%;}

@media only screen and (max-width: 500px) {
div#FAQFallback button.ac-pushButton.style-default.ac-selectable {max-width:unset; width:calc(100vw - 110px);}
#webchat .chat-header .bot-name .bot-title {font-size:14px;}
.bot-logo {margin-right:4px;}
.bot-logo:after {left:12px;}
#webchat .chat-header .bot-features .bot-link {margin-left:10px;}
.chat-header .bot-features {right:12px;}
#webchat article:first-child .webchat__bubble.webchat__bubble--nub-on-top.webchat__stacked-layout__attachment {max-width:unset !important;}
}

@media (min-width: 769px) and (max-width:820px) {
div#FAQFallback button.ac-pushButton.style-default.ac-selectable {max-width:292px; width:auto;}
}

@media (min-width: 821px) and (max-width:870px) {
div#FAQFallback button.ac-pushButton.style-default.ac-selectable {max-width:316px; width:auto;}
}

@media (min-width: 900px) and (max-width:979px) {
div#FAQFallback button.ac-pushButton.style-default.ac-selectable {max-width:373px; width:auto;}
}

@media (min-width: 769px) and (max-width:979px) {
#webchat .chat-header .bot-name .bot-title {font-size:14px;}
.bot-logo {margin-right:4px;}
.bot-logo:after {left:12px;}
#webchat .chat-header .bot-features .bot-link {margin-left:10px;}
}

.yourNewClass {position:relative; height:300px;}
button.webchat__suggested-action.webchat__suggested-actions__button {border-radius:36px; padding:12px 24px; height:40px; margin-bottom:14px;}
button.webchat__suggested-action.webchat__suggested-actions__button:hover {background:#edf0f1 !important;}
button.webchat__suggested-action.webchat__suggested-actions__button:focus {background:#e3e8eb !important;}
.webchat__suggested-actions.webchat__suggested-actions--carousel-layout:focus-visible, div#imnotsure:focus-within {outline:none !important; box-shadow:none;}
.webchat__suggested-actions__carousel:focus-visible, .webchat__bubble.webchat__bubble--nub-on-top:focus-within {outline:none; box-shadow:none;}
.yourNewClass li:last-child {position:absolute; bottom:-76px;}
.yourNewClass ul {position:relative;}
.yourNewClass li:last-child .webchat__bubble__content {background:none !important; border:none !important;}
.yourNewClass li:last-child #imnotsure button.ac-pushButton.style-default.ac-selectable {border-radius:36px; padding:12px 24px; height:40px; background:#12579f !important; color:#fff !important;}
.webchat__send-box__button.sendhovericon[title="Send"] {background:url("../images/sendhover.svg") no-repeat center !important; cursor:pointer !important;}
.webchat__carousel-filmstrip-attachment--focus {border:none !important;}
#webchat .webchat__typingIndicator {background-image:url("../images/bubble.gif") !important; height:80px !important; background-size:150px;}
#webchat .webchat__bubble__content.FAQFallback-adaptive-card .webchat__adaptive-card-renderer {border-radius:20px;}
#webchat #buttonTemplate button.ac-pushButton:focus-visible {outline-offset:-2px; outline:2px solid #00b5cb !important;}
#webchat #buttonTemplate button.ac-pushButton.style-default[aria-pressed="true"], #webchat button.ac-pushButton[aria-pressed="true"], #webchat #welcomeButtonTemplate button.ac-pushButton.style-default[aria-pressed="true"], #destinationCard button.ac-pushButton.style-default.ac-selectable[aria-pressed="true"] {background:#1a3858 !important; color:#fff !important;}
#FormatCalendar button.ac-pushButton.style-default.ac-selectable[aria-pressed="true"] {background:#022658 !important; color:#fff !important; border-color:#022658 !important;}
.webchat__stacked-layout__content .webchat__stacked-layout__attachment-row:nth-child(3) {margin-top:0 !important;}
.bot-features i {display:none; width:30px; height:30px; position:relative; top:-6px; right:6px;}
.bot-features .fe::before {top:6px; position:relative;}
#popupClose {display:none;}
#webchat button.react-film__flipper.react-film__main__overlay.react-film__flipper--right {right:0px !important;}
button.react-film__flipper.react-film__main__overlay.react-film__flipper--left {left:0px !important;}
button.webchat__scroll-to-end-button {z-index:9999 !important;}
#webchat .chat-header .bot-features .bot-link:focus-visible {outline-offset:0px; outline:2px solid #00b5cb;}
#webchat input:focus-visible {outline-offset:2px !important; outline:2px solid #00b5cb !important;}
#welcomeButtonTemplate .ac-textBlock a:focus-visible {outline-offset:3px; outline:2px solid #00b5cb;}
button.webchat__send-box__button:focus-visible {border-radius:0 !important; outline:2px solid #00b5cb !important;}
#webchat .tabindex:focus, #webchat .tabindex:focus-visible, #webchat .tabs-nav-item a div:focus-visible, #webchat a:focus-visible, #webchat button:focus-visible, #webchat form button:focus-visible, #webchat h4.hellowMsg:focus-visible, #webchat h4.welcomeDescription:focus-visible, #webchat label:focus-visible, #webchat textarea:focus-visible, #webchat #feedbackTopic button.ac-pushButton.style-default:focus-visible {outline:2px solid #00b5cb !important; outline-offset:-4px; box-shadow:none !important; clear:both;}
#webchat #feedbackTopic button.ac-pushButton.style-default:focus-visible {outline-offset:-2px !important;}
button#BotExpand:focus-visible, #webchat form button:focus-visible {outline-offset:-2px; outline:2px solid #00b5cb !important; box-shadow:none !important; clear:both;}
#webchat .switchToggle input[type="checkbox"]:focus-visible {outline:2px solid #00b5cb !important; opacity:1; width:33px; margin:1px 0; height:15px;}
#webchat #rightslidetab:focus {outline:2px solid #00b5cb !important; outline-offset:1px;}
#webchat ul li div input:focus-visible, #webchat ul li:focus-visible {outline:2px solid #00b5cb !important; outline-offset:1px; box-shadow:none !important; clear:both;}
#webchat .webchat__keyboard-help.webchat__keyboard-help--shown {height:65% !important;}
button.webchat__keyboard-help__close-button {padding:4px !important; margin-top:8px; margin-right:8px;}
a.ac-anchor:focus {outline:none; box-shadow:none;}
#webchat #feedbackTopic button.ac-pushButton.style-default:focus {box-shadow:none;}
#webchat #feedbackTopic button.ac-pushButton {background-color:none !important; padding:0 !important; background:unset !important; border:none !important;}
#webchat #feedbackTopic .ac-container {display:inline-block !important; max-width:36px !important;}
#webchat #feedbackTopic .ac-columnSet {padding-left:15px !important;}
#webchat #feedbackTopic button.ac-pushButton.style-default, #webchat #feedbackTopic button.ac-pushButton.style-default[aria-pressed="true"] {width:20px !important; min-width:20px !important; height:20px !important; background-image:url("../images/star-border.png") !important; background-repeat:no-repeat !important; background-position:left top !important; background-color:transparent !important; background-size:cover !important;}
#webchat #feedbackTopic button.ac-pushButton.style-default.selected, #webchat #feedbackTopic button.ac-pushButton.style-default[aria-pressed="true"], #webchat #feedbackTopic button.ac-pushButton.style-default.ac-selectable.star-active {background-color:transparent !important; background-image:url("../images/star-filled.png") !important;}
#webchat #feedbackTopic button.ac-pushButton.style-default div, #webchat #feedbackTopic button.ac-pushButton.style-default img {display:none;}
div#feedbackTopic[disabled="true"] {opacity:0.7; cursor:no-drop; pointer-events:none;}
div#feedbackTopic[disabled="true"] .ac-columnSet {cursor:no-drop;}
div#dealText1 pre code, div#dealText2 pre code, div#dealText3 pre code {color:#848484 !important; font-size:14px !important; font-style:normal; font-weight:400}
div#dealText1, div#dealText2, div#dealText3 {padding-left:12px; line-height:18px !important;}
#webchat #addOnServicesButtonTemplate button.ac-pushButton.style-default {min-width:unset; text-transform:none; background:none; width:auto; padding:12px 24px !important; box-shadow:none; display:inline-block !important; margin:0px 8px 8px 16px !important; cursor:pointer; font-weight:600 !important; border:1px solid #2c5e93 !important; color:#2c5e93 !important; background-color:#fff !important; border-radius:36px; line-height:1; height:40px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content.buttonthumbs-adaptive-card .webchat__adaptive-card-renderer {background:#f7faff !important; box-shadow:none !important;}
.webchat__bubble__content.buttonthumbs-adaptive-card {border:none !important; box-shadow:none !important;}
#webchat #buttonthumbs button.ac-pushButton.style-default.ac-selectable {border:none !important; padding:0; margin:0;}
#webchat #buttonthumbs button.ac-pushButton.style-default.ac-selectable:focus, #webchat #buttonthumbs button.ac-pushButton.style-default.ac-selectable:hover {background:none !important;}
#webchat #buttonthumbs button.ac-pushButton.ac-pressedButton {background:none !important;}
img.webchat__markdown__external-link-icon {background-image:url("../images/clickicon.png") !important; background-size:cover;}
.react-film__main {margin:0px 8px 0px 18px;}

@keyframes ripple {
0% {box-shadow:0 0 0 0 #ffffff2f, 0 0 0 1px #ffffff2b, 0 0 0 3px #ffffff23, 0 0 0 5px #ffffff1a;}
100% {box-shadow:0 0 0 0 #ffffff1f, 0 0 0 4px #ffffff21, 0 0 0 20px #ffffff00, 0 0 0 30px #ffffff00;}
}

@media (-webkit-min-device-pixel-ratio: 2), (-moz-device-pixel-ratio:2), (min-resolution:192dppx) {
.bot-logo:after {background:url(../images/Stroke-lg.svg) no-repeat center center; background-size:36px;}
div#welcomeButtonTemplate::before {background:url(../images/Stroke-lg.svg) no-repeat center center;}
.webchat__stacked-layout:not(.webchat__stacked-layout--from-user):before, .webchat__basic-transcript__activity--from-bot .webchat__stacked-layout:before {background:url("../images/Stroke-lg.svg") no-repeat center center; background-size:36px}
}

@media only screen and (max-width:768px) {
.maincard {height:calc(100vh - 56px)}
}

@media only screen and (min-width:1024px) and (max-width:1360px) {
#webchat {min-width:480px; max-width:480px; height:calc(100% - 210px);}
.maincard {height:calc(100vh - 266px)}
div#cruiseSearchResult, #cruiseSearchResultStrikethrough, div#destinationCard {width:290px !important;}
#webchat .webchat__bubble__content.cruise-adaptive-card {width:290px; max-width:290px;}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item {min-width:290px !important;}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card {width:290px !important; max-width:290px !important;}
#webchat #departsValueId p, #webchat #arrivesValueId p {width:200px !important;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable div {max-width:300px !important;}
}

@media only screen and (min-width:1361px) and (max-width:1366px) {
#webchat {min-width:520px; max-width:520px; height:calc(100% - 210px);}
.maincard {height:calc(100vh - 266px)}
.webchat-window .maincard {height: calc(100vh);}
div#cruiseSearchResult, #cruiseSearchResultStrikethrough, div#destinationCard {width:290px !important;}
#webchat .webchat__bubble__content.cruise-adaptive-card {width:290px; max-width:290px;}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item {min-width:290px !important;}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card {width:290px !important; max-width:290px !important;}
#webchat #departsValueId p, #webchat #arrivesValueId p {width:200px !important;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable div {max-width:340px !important;}
}

@media only screen and (min-width:1367px) and (max-width:1440px) {
#webchat {min-width:636px; max-width:636px; height:calc(100% - 210px);}
.maincard {height:calc(100vh - 266px)}
div#cruiseSearchResult, #cruiseSearchResultStrikethrough, div#destinationCard {width:335px;}
#webchat .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px;}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item {min-width:335px;}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable div {max-width:380px !important;}
}

@media only screen and (min-width:1441px) and (max-width:1920px) {
#webchat {min-width:636px; max-width:636px; height:calc(100% - 210px);}
.maincard {height:calc(100vh - 266px)}
div#cruiseSearchResult, #cruiseSearchResultStrikethrough, div#destinationCard {width:335px;}
#webchat .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px;}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item {min-width:335px;}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable div {max-width:380px !important;}
}

#webchat div#FeedbackForm .ac-actionSet button[disabled]:hover {line-height:inherit !important;}
div#addOnServicesButtonTemplate {display:block !important;}
div#addOnServicesButtonTemplate .ac-horizontal-separator {display:none;}
div#addOnServicesButtonTemplate .ac-columnSet {display:inline-block !important;}
#webchat .shorexoverlayy {position:absolute; z-index:9999; width:100%; height:100%; left:0px; top:0px;}
#webchat .chatbot-main {width:50%; margin:0 auto;}
#webchat .header {background-color:#2C5E93; border-radius:15px 15px 0px 0px; height:56px; display:flex; align-items:center; box-shadow:0px 3px 6px #33333316; position:sticky; top:0; z-index:1000;}
#webchat .prev-btn {margin:0px; padding-top:0px; width:21px; height:21px; background-repeat:no-repeat; background-size:100%; background-image:url(../images/button-round-cdp.png); border:0px; background-color:transparent; cursor:pointer;}
#webchat .header-components {display:flex; flex-direction:row; gap:15px; align-items:center; justify-content:flex-start !important; padding-left:20px;}
#webchat .chat-title {color:#fff; font-size:18px; font-weight:600; margin-top:5px;}
#webchat .selected-tour-dates {font-size:14px; color:#646363; margin-left:20px; margin-top:20px;}
#webchat .allexcursioncards {padding:0px;}
#webchat .excursioncard {margin:5px 20px 12px 20px; border-radius:0px; box-shadow:0px 4px 4px #00000025; background-color:white;}
#webchat .card-contents {display:flex; flex-direction:row; gap:0px;}
#webchat .image {width:180px; box-shadow:3px 0px 6px #33333316; overflow:hidden; text-align:center;}
#webchat .image img {display:block; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; object-fit:cover; height:100%;}
#webchat .title-price {display:flex; flex-direction:row; gap:30px; justify-content:space-between; align-items:flex-start;}
#webchat .title-price h3 {padding:0px; margin:0px; line-height:22px; font-size:18px !important;}
#webchat .price {font-weight:600 !important; color:#333333; font-size:16px;}
#webchat .disp-vertical {display:flex; flex-direction:column;}
#webchat .excursion-desc {width:calc(100% - 180px); padding:12px 20px;}
#ShorexCard .ac-textBlock p {padding:0px !important;}
#webchat h3 {color:#022658; font-size:18px; font-weight:600;}
#webchat .card-text {font-size:14px !important; color:#686F79; margin:0px; margin-top:10px !important; line-height:18px; width:auto; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
#webchat .features p {color:#686F79; font-size:16px !important; margin:0px;}
#webchat .features span:nth-child(3) {color:#022658; font-weight:600; margin-top:3px;}
#webchat .features span:nth-child(2) {color:#707070; margin-top:3px;}
#webchat .features {margin-top:10px;}
#webchat .sec-cta {display:flex; flex-direction:row; justify-content:flex-end; margin:10px 0px 10px 0px !important;}
#webchat .buy-now {color:#FFF !important; font-family:Quasimoda; font-size:16px; height:40px; background:#022658 !important; border-radius:0px; padding:10px 18px; border:0px !important; width:100px !important; margin-top:5px; cursor:pointer; text-decoration:none}
#webchat .buy-now:hover {background:#234b76 !important;}
div#tourList {background:#fff; position:absolute; z-index:999; border-radius:16px; width:100%;}
li .shorexcard-adaptive-card {background:transparent !important; border:0px !important; padding:4px;}
li #ShorexCard {align-items:center; border-radius:14px !important; background:#fff; box-shadow:#ccc 1px 2px 4px; padding:0px !important;}
#ShorexCard button:focus {background-color:#eee !important; border-radius:40px !important;}
#ShorexCard .ac-actionSet {width:100%; text-align:center;}
#ShorexCard .ac-textBlock p {font-size:18px !important; text-align:center; color:#022658 !important; font-weight:600; line-height:22px;}
#ShorexCard .ac-textBlock:first-child p {font-size:14px !important;}
#ShorexCard:focus {background-color:#eee}
#ShorexCard .ac-textBlock:last-child p {font-size:16px !important; font-weight:400;}
#ShorexCard button>div {color:#022568; font-size:14px;}
#ShorexCard .ac-columnSet:first-child {padding:10px 0px !important;}
#ShorexCard .ac-columnSet:last-child {background:#022658; width:100%; padding:10px 0px !important; border-radius:0px 0px 14px 14px;}
#ShorexCard .ac-columnSet:last-child button {text-align:center !important; float:none !important; display:inline-block !important; padding:12px 20px !important; font-size:16px !important; font-weight:600 !important; cursor:pointer; line-height:14px !important; border-radius:40px !important;}
#ShorexCard .ac-columnSet:last-child button:hover {background:#eee !important;}
#ShorexCard .ac-columnSet:last-child button:focus {background-color:#eeeeee !important; border-radius:40px !important;}
#ShorexCard .ac-columnSet:last-child button[aria-pressed="true"] {background:#fff !important;}
#ShorexCard .ac-container div:nth-child(3) {height:50px !important; align-items:center; display:flex;}
#webchat .maincard {overflow-y:auto;}
#webchat .person {font-size:12px !important; color:#808080}
#webchat .price-person {width:70px; text-align:end; flex-direction:column; display:flex;}
div#ShorexCard {padding:0px !important;}
#webchat .feature-1 {display:flex; flex-direction:row; gap:6px; margin:10px 0px; align-items:center;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content.shorexcard-adaptive-card, #webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content.shorexcard-adaptive-card .webchat__adaptive-card-renderer {background:#fff !important; border-radius:14px !important; border:0px !important; box-shadow:#ccc 1px 2px 4px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content.shorexcard-adaptive-card p {color:#022658 !important}
#webchat .icon-time {background-image:url(../images/Itinerary_16px.png); width:18px; height:18px; background-repeat:no-repeat; background-size:cover;}
#webchat .icon-duration {background-image:url(../images/Clock_filled_16px.png); width:18px; height:18px; background-repeat:no-repeat; background-size:cover;}
#webchat .icon-activity {background-image:url(../images/Activity-level_16px.png); width:18px; height:18px; background-repeat:no-repeat; background-size:cover;}
#tourList .sec-cta a {max-width:100px !important}
#feedBackTxt {overflow:unset !important; position:absolute; bottom:-48px; left:-16px;padding: 12px 16px;}
#webchat #feedBackTxt p {white-space:nowrap; color:#37557d !important;}
#FAQFallback #Negative {left:230px;}
#FAQFallback #positive {left:205px;}
#buttonTemplate .ac-actionSet, #FeedbackForm .ac-actionSet {display:flex !important; flex-direction:row !important;}
#ShorexCard .ac-columnSet:last-child button {background:#eee !important;}
#webchat button.react-film__flipper {background:transparent !important;}
.spin_loader {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .2); z-index:999; display:none; border-radius:25px;}
.rotate_loader {display:flex; justify-content:center; align-items:center; height:100%;}
.rotate_loader>img {width:80px; height:80px;}
#webchat .prev-btn {background:transparent url(../images/button-round-cdp.png) no-repeat !important; min-width:unset !important; border:0px !important;}
#tourList .bot-features {padding-right:20px;}
#tourList .bot-features .bot-link {width:23px; height:23px; padding:2px; border-radius:50%; cursor:pointer; -webkit-transition:background-color .15s; transition:background-color .15s; background-size:20px; margin-left:28px; display:inline-block; text-decoration:none; text-align:center; position:relative;}
#tourList .bot-features .bot-link:after {content:""; z-index:100; width:23px; height:23px; position:absolute; left:0px; top:0px; background-size:cover; background-repeat:no-repeat; border-radius:50%;}
#tourList .header {display:flex; justify-content:space-between; align-items:center;}
#thumbsUpButton button, #thumbsDownButton button {background:transparent;}
#thumbsUpButton button:hover, #thumbsDownButton button:hover {line-height:unset !important;}
#webchat .end-button-block {position:absolute; top:-48px; left:0; width:100%; text-align:center;}
#webchat .end-button {background-color:#022658 !important; color:#fff; border:none; border-radius:8px; padding:10px; cursor:pointer; margin-right:10px;}
#webchat .end-button:hover {background-color:var(--SO-brand-primary-hover-color);}
.botloaderGIF {height:30px; margin-top:14px}
.LoaderDiv {background-color:#0000005c; height:100%; border-radius:50%}
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content.destination-adaptive-card {background:none !important; border:unset !important;}
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content .webchat__adaptive-card-renderer {background:none !important;}
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content .webchat__adaptive-card-renderer #destinationDescription p {color:#1d2736 !important;}
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content .webchat__adaptive-card-renderer #destinationCard #destinationTitle p {color:#022657 !important; padding:0px !important;}
div#dealsCard {height:178px; width:335px; border-radius:14px !important; box-shadow:none; border:1px solid #d9dbde; background-color:white;}
div#dealsCard #destinationTitle {color:#022657 !important; font-weight:600 !important; font-size:18px !important; -webkit-line-clamp:1; max-height:32px;}																										 
div#dealsCard #destinationTitle {font-style:normal; display:-webkit-box; -webkit-box-orient:vertical;}
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content .webchat__adaptive-card-renderer #dealsCard #destinationTitle p {color:#022657 !important; padding:0px !important;}
#dealsCard #destinationTitle p {font-size:18px;}
#dealsCard button.ac-pushButton.style-default.ac-selectable {background:#2c5e93 !important; padding:12px 24px 11px !important; box-shadow:none; cursor:pointer; font-weight:600 !important; font-size:14px !important; color:#fff !important; border-radius:36px; height:40px; line-height:normal; border:none !important;}																													
#dealsCard .ac-horizontal-separator {display:none !important;}
#dealsCard button.ac-pushButton.style-default.ac-selectable:hover {background-color: #234b76 !important;}
#dealsCard .ac-textBlock hr {display:none;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#dealsCard) {background:none !important; border:unset !important;}
#StateLiveAgent {padding:0px !important;}
#postLiveAgent .ac-textBlock {margin-bottom:0px !important;}
#StateLiveAgent {background:#f7faff !important;}
#CloseTextBlock p, #StartingTextBlock p {text-align:center; white-space:nowrap !important;}
.webchat__bubble__content:has(#StateLiveAgent) {border:none !important;}
.webchat__stacked-layout:not(.webchat__stacked-layout--from-user):has(#StateLiveAgent)::before {display:none;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user):has(#StateLiveAgent) .webchat__bubble__content p {color:#2c5e93 !important; padding:0; display:flex; gap:10px; align-items:center;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user):has(#StateLiveAgent) .webchat__bubble__content p::before, #webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user):has(#StateLiveAgent) .webchat__bubble__content p::after {content:""; display:block; height:0.5px; background-color:#2c5e93; width:100%;}
.webchat__stacked-layout__attachment:has(#postLiveAgent), .webchat__stacked-layout__attachment:has(#stateroomCard) {width:auto !important; min-width:fit-content !important;}
.webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#stateroomCard), .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#stateroomCategoryCard) {border-radius:8px !important;}
#stateroomCard, #stateroomCategoryCard {width:335px !important;}
.webchat__stacked-layout__attachment:has(#stateroomCategoryCard){width: 335px;}
#stateroomname {padding:14px 20px;}
/* .webchat__stacked-layout__attachment:has(#stateroomCategoryCard){width: 290px;} */
#stateroomCategoryCard #stateroomname p {color:#022658 !important; font-size:18px;padding: 0px;}
#priceLabelId {margin-bottom:0px !important;}
#webchat #priceLabelId p, #webchat #perpersonid p {font-size:14px; color:#022658 !important; padding-left:20px; font-weight:600;}
#perpersonid p {margin-top:-6px !important; padding-bottom:10px;}
#webchat #stateroomCategoryCard #priceId {margin-bottom:20px !important;}
#webchat #priceId p {width: auto !important; font-size:24px !important; color:#022658 !important; font-weight:600; margin:-6px 0px 0px -2px !important;}
#webchat #stateroomCard .ac-pushButton {background-color:#022658 !important; width:108px; height:40px; color:#FFFFFF !important; border-radius:20px; padding:12px 30px; position:absolute; right:20px;}
#webchat #stateroomCategoryCard .ac-pushButton {background-color:#022658 !important; width:108px; height:40px; color:#FFFFFF !important; border-radius:20px; padding:12px 30px; position:absolute; right:20px; bottom:16px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard), #webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#numberofGuestsDetails), #webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#stateroomCategoryCard), #webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#stateroomCard) {background:none !important; border:unset !important; box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) .ac-textBlock p {color:#022658 !important; padding:0px !important;}
#guestInfoCard, #numberofGuestsDetails {padding:20px !important; background-color:#FFFFFF; border-radius:14px;}
#webchat #Country span,#webchat #name span,#webchat #ServiceDropdown span,#webchat #middleName span,#webchat #lastName span,#webchat #dropdown span,#webchat #email span,#webchat #number span,#webchat #mail span,#webchat #address span,#webchat #city span,#webchat #ZipCode span,#webchat #mariner span,#webchat #dobMonth span,#webchat #dobDay span,#webchat #dobYear span {color:#686F79 !important; font-size:14px !important; text-transform:uppercase;}
#webchat #Country .ac-input,#webchat #name .ac-input,#webchat #ServiceDropdown .ac-input,#webchat #middleName .ac-input,#webchat #lastName .ac-input,#webchat #dropdown .ac-input,#webchat #email .ac-input,#webchat #number .ac-input,#webchat #mail .ac-input,#webchat #address .ac-input,#webchat #city .ac-input,#webchat #ZipCode .ac-input,#webchat #mariner .ac-input,#webchat #dobMonth .ac-input,#webchat #dobDay .ac-input,#webchat #dobYear .ac-input {border:1px solid #C3C3C3 !important; height:35px; border-radius:unset !important; background-color:#FFF !important; color:#686f79;padding: 6px !important;}
#webchat #Country .ac-input.ac-input-validation-failed,#webchat #name .ac-input.ac-input-validation-failed,#webchat #ServiceDropdown .ac-input.ac-input-validation-failed,#webchat #lastName .ac-input.ac-input-validation-failed,#webchat #dobMonth .ac-input.ac-input-validation-failed,#webchat #dobDay .ac-input.ac-input-validation-failed,#webchat #dobYear .ac-input.ac-input-validation-failed,#webchat #dropdown .ac-input.ac-input-validation-failed,#webchat #email .ac-input.ac-input-validation-failed,#webchat #number .ac-input.ac-input-validation-failed,#webchat #mail .ac-input.ac-input-validation-failed,#webchat #city .ac-input.ac-input-validation-failed,#webchat #ZipCode .ac-input.ac-input-validation-failed{border: 2px solid #D93232 !important;margin-bottom: 5px;}
#webchat #Country .ac-input,#webchat #ServiceDropdown .ac-input,#webchat #number .ac-input,#webchat #city .ac-input,#webchat #ZipCode .ac-input{width: 60% !important;flex: unset !important;}
#webchat #name .ac-input, #middleName .ac-input, #lastName .ac-input,#webchat #email .ac-input,#webchat #mail .ac-input,#webchat #address .ac-input,#webchat #mariner .ac-input{width: 85% !important;flex: unset !important;}
#webchat #name input:focus-visible,#webchat #middleName input:focus-visible,#webchat #lastName input:focus-visible,#webchat #email input:focus-visible,#webchat #number input:focus-visible,#webchat #mail input:focus-visible,#webchat #address input:focus-visible,#webchat #city input:focus-visible,#webchat #ZipCode input:focus-visible,#webchat #mariner input:focus-visible,#webchat #adults .ac-input:focus-visible,#webchat #children .ac-input:focus-visible,#webchat #infants .ac-input:focus-visible,#webchat #Country .ac-input:focus-visible,#webchat #ServiceDropdown .ac-input:focus-visible,#webchat #dobMonth .ac-input:focus-visible,#webchat #dobDay input:focus-visible,#webchat #dobYear input:focus-visible,#webchat #dropdown .ac-input:focus-visible {outline: unset !important;box-shadow: unset !important;}
#webchat #name,#webchat #ServiceDropdown,#webchat #middleName,#webchat #lastName,#webchat #dobTitle,#webchat #dropdown,#webchat #number,#webchat #mail,#webchat #address,#webchat #city,#webchat #ZipCode,#webchat #mariner{margin-top: 15px !important;}
#webchat #dropdown{margin-bottom: 15px !important;}
#webchat #guestSubmit .ac-pushButton[disabled], #webchat #submit .ac-pushButton[disabled],#guestInfoCard .ac-input[disabled]{opacity: 0.7;}
#dropdown .ac-input{width: 35% !important;flex: unset !important;}
#adults .ac-input, #children .ac-input, #infants .ac-input {border:1px solid #C3C3C3 !important; width:75px !important; height:35px; border-radius:unset !important; background-color:#FFF !important;}
#dobDay .ac-input {width:75px;}
#dobYear .ac-input {width:90px;}
#Country {border-top:1px solid #C3C3C3; margin-top:10px;}
#Country span {padding-top:15px;}
#webchat #submit .ac-pushButton {background-color:#022658 !important; color:#FFFFFF !important; font-weight:600 !important; border:unset !important; padding:12px 24px !important; margin: 20px auto 0px auto;border-radius: 20px;line-height: normal !important;}
#contactInfo {border-top:1px solid #C3C3C3; padding-top:20px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #Info p {color:#686F79 !important; font-size:12px;padding-top: 15px !important;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #assitance p {color:#686F79 !important; font-size:14px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #assitance {padding-bottom:10px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #acceptTerms {border-top:1px solid #C3C3C3; padding:15px 0px 10px 0px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #acceptTerms .ac-toggleInput {padding:0px !important; align-items:baseline !important;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #acceptTerms p, #webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #travelPurposeId p {color:#686F79 !important; font-size:14px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #acceptTerms input {position:relative; top:2px;}
#SignIn {border-top:1px solid #C3C3C3; padding-top:15px;}
#SignIn .ac-input.ac-toggleInput {padding:0px !important;}
#SignIn label {margin:0px !important;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #SignIn .ac-input p {color:#686F79 !important; font-size:14px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #SignIn input {position:relative; top:-1px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #dobTitle p {color:#686F79 !important; font-size:14px;}
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#guestInfoCard) #dobText p {color:#686F79 !important; font-size:12px;}
#webchat #numberofGuestsDetails .ac-textBlock p {color:#686F79 !important; font-size:14px; text-transform:uppercase; padding:0px;}
#guestSubmit {align-items:end; justify-content:end !important;}
#webchat #guestSubmit .ac-pushButton {background-color:#022658 !important; color:#FFFFFF !important; padding:10px 16px !important; border-radius:20px;line-height: normal !important;}
#webchat #guestSubmit .ac-pushButton:focus, #webchat #stateroomCard .ac-pushButton:focus, #webchat #stateroomCategoryCard .ac-pushButton:focus, #webchat #submit .ac-pushButton:focus {box-shadow: unset !important;} 
#webchat .webchat__carousel-filmstrip__main #PlaceHoldId button.ac-pushButton {bottom:-20px !important; right:10px !important; width:155px;}
#webchat .webchat__carousel-filmstrip__main #ItineraryId button.ac-pushButton {bottom:30px !important; right:10px !important; width:155px;}
#webchat #PlaceHoldId button.ac-pushButton div, #webchat #ItineraryId button.ac-pushButton div {font-size:16px !important; font-weight:600 !important;}
 
#webchat #PlaceHoldId button.ac-pushButton {
    bottom: -6px !important;
    right: 10px !important;
    width: 155px;
    background-color: #FFF !important;
    border: 1px solid #022658 !important;
    color: #022658 !important;
}
#webchat #PlaceHoldId button.ac-pushButton:hover{
    background-color: #edf0f1 !important;
    color: #022658 !important;
}
 #webchat #ItineraryId button.ac-pushButton {bottom:45px !important; right:10px !important; width:155px;}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card:has(#cruiseSearchResult){min-height:550px !important; max-height:550px;}
#webchat .webchat__bubble__content.cruise-adaptive-card:has(#cruiseSearchResult) {min-height: 536px !important;max-height: 536px;}
#ItineraryId button:focus-visible, #PlaceHoldId button:focus-visible {outline:unset !important;}
#stateroomCard .ac-image, #stateroomCategoryCard .ac-image {max-height:262px !important; height:262px; object-fit:cover;}
.webchat__basic-transcript:focus .webchat__basic-transcript__activity-indicator.webchat__basic-transcript__activity-indicator--focus {border-color: transparent !important;}
/* #webchat [data-id="webchat-sendbox-input"]:focus-visible {outline-offset: unset !important;outline: unset !important;} */
#webchat #removeOutLine:focus-visible{outline-offset: unset !important;outline: unset !important;}
.webchat-window #webchat.botmaximize{right: 0px;bottom: 0px;border-radius: 0px !important;}
.webchat-window .webchat__carousel-filmstrip .webchat__carousel-filmstrip-attachment{flex: unset !important;}
#webchat #stateroomname p {color: #022658 !important;font-size: 18px;}
#webchat #stateroomCategoryCard #AmenitiesCard .ac-pushButton{width: auto;right: unset;left: 20px;bottom: 2px !important;background-color: transparent !important;border: none !important;color: #022658 !important;text-decoration: underline;padding: unset;}
#webchat #stateroomCategoryCard #AmenitiesCard .ac-pushButton>div{font-size: 14px;}
#moreDetailsPopup{background-color: #fff;width: 75%;height: 100%;position: absolute;padding: 20px;z-index: 9999;right: 0;transition: opacity 500ms;overflow-y: auto;}
.overlayy.show{display: block !important;}
#mdClosePopup{position: absolute;right: 20px;top: 20px;cursor: pointer;}
#mdClosePopup>img{width: 15px;height: 15px;}
#moreDetailsPopup.hide {display: none;}
.amenitiesTitle {color: #022658;font-weight: 600;font-size: 20px;margin: 15px 0px 0px 0px;}
.amenitiesSubTitle{color: #1D2736;margin: 10px 0px 0px 0px;line-height: 22px;}
.amenitiesItem {display: flex;gap: 10px;align-items: center;margin-top: 20px;}
.amenitiesItem p{margin: 0px;color: #1D2736;}
.amenitiesItem>img{width: 20px; height: 20px;}
div#CustomWelcomeButtons {}#CustomWelcomeButtons{
    flex: unset !important;
}
#CustomWelcomeButtons>.ac-container {
    flex-direction: row !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

#singleTextTemplate p{color: #1d2736 !important;line-height: 100%;font-size: 24px !important;}																							  
#singleTextTemplate{padding: 0px !important;}

#webchat #welcomeButtonTemplate .ac-textBlock:nth-child(n-2):not(:last-child) p {
    color:#1D2736 !important; 
    text-align:center; 
    font-family:Quasimoda; 
    font-size:24px !important; 
    font-style:normal; 
    font-weight:600 !important; 
    line-height:26px !important; 
    letter-spacing:normal; 
    padding: 10px 10px 0px 10px;
}
#welcomemessage2 p{			
    padding-top: 0px !important;
}										  
@media only screen and (min-width: 320px) and (max-width:425px) {
div#destinationCard, div#dealsCard, #stateroomCategoryCard, #stateroomCard {width:auto !important; max-width:100%;}
#guestInfoCard, #numberofGuestsDetails, .webchat__stacked-layout__attachment:has(#numberofGuestsDetails), .webchat__stacked-layout__attachment:has(#guestInfoCard), .webchat__stacked-layout__attachment:has(#stateroomCategoryCard) {width:100% !important;}
#guestSubmit {align-items:center;}
#adults .ac-input, #children .ac-input, #infants .ac-input {margin-bottom:10px;}
}

@media only screen and (max-width: 500px) {
#guestDobId, #numberofGuestsDetails .ac-columnSet {flex-direction:column;}    
#adults .ac-input, #children .ac-input, #infants .ac-input{width: 100% !important;}
#guestSubmit {align-items: center;}
#webchat #Country .ac-input, #webchat #name .ac-input, #webchat #ServiceDropdown .ac-input, #webchat #middleName .ac-input,#webchat #lastName .ac-input,#webchat #dropdown .ac-input,#webchat #email .ac-input,#webchat #number .ac-input,#webchat #mail .ac-input,#webchat #address .ac-input,#webchat #city .ac-input,#webchat #ZipCode .ac-input,#webchat #mariner .ac-input,#webchat #dobMonth .ac-input,#webchat #dobDay .ac-input,#webchat #dobYear .ac-input{width: 100% !important;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable {max-width:unset; width:calc(100vw - 110px);}
#webchat .chat-header .bot-name .bot-title {font-size:14px;}
.bot-logo {margin-right:4px;}
.bot-logo:after {left:12px;}
#webchat .chat-header .bot-features .bot-link {margin-left:10px;}
.chat-header .bot-features {right:12px;}
#webchat article:first-child .webchat__bubble.webchat__bubble--nub-on-top.webchat__stacked-layout__attachment {max-width:unset !important;}
}
							  
@media only screen and (max-width: 767px) {
.sec-cta, .feature-1 {margin:0px !important;}
.excursion-desc, .image img, #webchat .image {width:100% !important;}
.card-contents {flex-direction:column !important;}
}						   
@media only screen and (max-width: 768px) {
.maincard {height:calc(100vh - 56px)}
#webchat {width:100%; height:100%; bottom:0; right:0; border-radius:0 !important; max-width:100%; min-width:100%;}
/* #thumbsDownButton {bottom:-6px;} */
a#botscreen {display:none !important;}
}

@media screen and (min-width: 769px) and (max-width:1024px) {
a#botscreen {display:none !important;}
}

@media (min-width: 769px) and (max-width:979px) {
#webchat .chat-header .bot-name .bot-title {font-size:14px;}
.bot-logo {margin-right:4px;}
.bot-logo:after {left:12px;}
#webchat .chat-header .bot-features .bot-link {margin-left:10px;}
}

@media (min-width: 769px) and (max-width:820px) {
div#FAQFallback button.ac-pushButton.style-default.ac-selectable {max-width:292px; width:auto;}
}

@media (min-width: 821px) and (max-width:870px) {
div#FAQFallback button.ac-pushButton.style-default.ac-selectable {max-width:316px; width:auto;}
}

@media (min-width: 900px) and (max-width:979px) {
div#FAQFallback button.ac-pushButton.style-default.ac-selectable {max-width:373px; width:auto;}
}

@media (min-width: 980px) {
#webchat .webchat__keyboard-help.webchat__keyboard-help--shown {height:100% !important;}
}

@media only screen and (min-width:1024px) {
.webchat-window .maincard {height:calc(100vh);}
}

@media only screen and (min-width: 1024px) and (max-width:1360px) {
#stateroomCard, #stateroomCategoryCard, #dealsCard {width:290px !important;}
.webchat__stacked-layout__attachment:has(#stateroomCategoryCard){width: 290px;}
#webchat {min-width:480px; max-width:480px; height:calc(100% - 210px);}
.maincard {height:calc(100vh - 266px)}
div#cruiseSearchResult, #cruiseSearchResultStrikethrough, div#destinationCard {width:290px !important;}
#webchat .webchat__bubble__content.cruise-adaptive-card {width:290px; max-width:290px;}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item {min-width:290px !important;}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card {width:290px !important; max-width:290px !important;}
#webchat #departsValueId p, #webchat #arrivesValueId p {width:200px !important;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable div {max-width:300px !important;}
}

@media only screen and (min-width:1361px) and (max-width:1366px) {
#webchat {min-width:520px; max-width:520px; height:calc(100% - 210px);}
.maincard {height:calc(100vh - 266px)}
div#cruiseSearchResult, #cruiseSearchResultStrikethrough, div#destinationCard {width:290px !important;}
#webchat .webchat__bubble__content.cruise-adaptive-card {width:290px; max-width:290px;}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item {min-width:290px !important;}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card {width:290px !important; max-width:290px !important;}
#webchat #departsValueId p, #webchat #arrivesValueId p {width:200px !important;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable div {max-width:340px !important;}
}

@media only screen and (min-width:1367px) and (max-width:1440px) {
#webchat {min-width:636px; max-width:636px; height:calc(100% - 210px);}
.maincard {height:calc(100vh - 266px)}
div#cruiseSearchResult, #cruiseSearchResultStrikethrough, div#destinationCard {width:335px;}
#webchat .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px;}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item {min-width:335px;}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable div {max-width:380px !important;}
}

@media only screen and (min-width:1441px) and (max-width:1920px) {
#webchat {min-width:636px; max-width:636px; height:calc(100% - 210px);}
.maincard {height:calc(100vh - 266px)}
div#cruiseSearchResult, #cruiseSearchResultStrikethrough, div#destinationCard {width:335px;}
#webchat .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px;}
li.webchat__carousel-filmstrip-attachment.react-film__filmstrip__item {min-width:335px;}
#webchat .webchat__carousel-filmstrip__main .webchat__bubble__content.cruise-adaptive-card {width:335px; max-width:335px;}
div#FAQFallback button.ac-pushButton.style-default.ac-selectable div {max-width:380px !important;}
}

/*deals*/
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content.destination-adaptive-card {
background: none !important;
border: unset !important;
}
 
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content .webchat__adaptive-card-renderer {
background: none !important;
}
 
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content .webchat__adaptive-card-renderer #destinationDescription p {
color: #1d2736 !important;
padding: 0 20px !important;
}
 
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content .webchat__adaptive-card-renderer #destinationCard #destinationTitle p {
   color: #022657 !important;
   padding: 0px !important;
}
@media only screen and (min-width: 1024px) and (max-width:1360px) {
	div#dealsCard {width:290px !important;}
}
@media only screen and (min-width: 320px) and (max-width:425px) {
	div#destinationCard, div#dealsCard {width:auto !important; max-width:335px;}
}
div#dealsCard {height:178px; padding:0 !important; width:335px; border-radius:14px !important; box-shadow:none; border:1px solid #d9dbde;background-color: white;}
div#dealsCard #destinationTitle {color:#022657 !important; font-weight:600 !important; margin-top:8px; min-height:32px; padding:5px 20px; font-size:18px !important; -webkit-line-clamp:1; max-height:32px;}
div#dealsCard #destinationTitle {font-style:normal; display:-webkit-box; -webkit-box-orient:vertical;}
#webchat .webchat__stacked-layout .webchat__bubble.webchat__bubble--nub-on-top .webchat__bubble__content .webchat__adaptive-card-renderer #dealsCard #destinationTitle p {color:#022657 !important; padding:0px !important;}
#dealsCard #destinationTitle p {font-size:18px;}
#dealsCard button.ac-pushButton.style-default.ac-selectable {background:#2c5e93 !important; padding:12px 24px 11px !important; box-shadow:none; margin:0 8px 5px 20px !important; cursor:pointer; font-weight:600 !important; font-size:14px !important; color:#fff !important; border-radius:36px; height:40px; line-height:normal; border:none !important;}
#dealsCard .ac-horizontal-separator {display:none !important;}
#dealsCard .ac-textBlock hr {display:none;} 
#webchat .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content:has(#dealsCard){background: none !important;border: unset !important;} 

/*deals*/

#webchat.Mac-Css #welcomeButtonTemplate button.ac-pushButton.style-default {
    padding: 12px 24px 15px !important;
}

#webchat.Mac-Css #adults .ac-input, 
#webchat.Mac-Css #children .ac-input, 
#webchat.Mac-Css #infants .ac-input {
    padding: 6px !important;
    font-size: 14px !important;
}

#webchat.Mac-Css #guestSubmit .ac-pushButton {
    padding: 4px 16px 8px !important;
}
#webchat.Mac-Css #buttonTemplate button.ac-pushButton.style-default {	  
    padding: 6px 24px 10px !important;
}
#webchat.Mac-Css #stateroomCategoryCard #priceId{							 
  margin-bottom: 6px !important;
}
#webchat.Mac-Css #stateroomCategoryCard #priceId{
  height: unset;
}
#webchat.Mac-Css .webchat__stacked-layout .webchat__bubble:not(.webchat__bubble--from-user) .webchat__bubble__content p{
  line-height: 150%;
}
#webchat.Mac-Css #submit .ac-pushButton{
border-radius: 25px;
}
#webchat.Mac-Css #Country .ac-input, #webchat.Mac-Css #name .ac-input, #webchat.Mac-Css #ServiceDropdown .ac-input, #webchat.Mac-Css #middleName .ac-input, #webchat.Mac-Css #lastName .ac-input, #webchat.Mac-Css #dropdown .ac-input, #webchat.Mac-Css #email .ac-input, #webchat.Mac-Css #number .ac-input, #webchat.Mac-Css #mail .ac-input, #webchat.Mac-Css #address .ac-input, #webchat.Mac-Css #city .ac-input, #webchat.Mac-Css #ZipCode .ac-input, #webchat.Mac-Css #mariner .ac-input, #webchat.Mac-Css #dobMonth .ac-input, #webchat.Mac-Css #dobDay .ac-input, #webchat.Mac-Css #dobYear .ac-input{
padding: 4px 8px !important;
}
#webchat.Mac-Css #welcomeButtonTemplate .ac-textBlock:nth-child(n-2):not(:last-child) p {padding: 10px !important;}
#webchat.Mac-Css #stateroomCard .ac-pushButton, #webchat.Mac-Css #stateroomCategoryCard .ac-pushButton{padding: 6px 30px 8px 30px;line-height: unset !important;}
#webchat.Mac-Css #PlaceHoldId button.ac-pushButton, #webchat.Mac-Css #ItineraryId button.ac-pushButton, #webchat.Mac-Css #dealsCard button.ac-pushButton, #webchat.Mac-Css div#FAQFallback button.ac-pushButton{ padding:6px 24px 8px 24px !important; line-height: unset !important;}
#webchat.Mac-Css #buttonTemplate button.ac-pushButton.style-default:hover{line-height: unset !important;}
#webchat.Mac-Css .buy-now{padding: 6px 18px;}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    button#BotExpand {
        bottom: 130px !important;
    }
    .onesignal-bell-launcher-message {
        bottom: 110px !important;
    }
    
}