.mobx-holder { position: fixed; overflow: hidden; z-index: 99999; width: 100%; height: 100%; left: 0; top: 0; visibility: hidden; opacity: 0; will-change: opacity, visibility; box-sizing: border-box; -ms-touch-action: none; touch-action: none; pointer-events: none; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; -webkit-transition: opacity .4s ease; transition: opacity .4s ease, visibility .4s ease; } .mobx-holder:-webkit-full-screen { background-color: transparent; } .mobx-holder * { box-sizing: border-box; } .mobx-holder svg { pointer-events: none; } .mobx-open { pointer-events: auto; visibility: visible; opacity: 1; } .mobx-rtl { direction: rtl; } .mobx-slider { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 1; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -ms-touch-action: none; touch-action: none; -webkit-transition: opacity 0.45s ease; transition: opacity 0.45s ease; } .mobx-hide { opacity: 0; -webkit-transition: none; transition: none; } .mobx-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; will-change: opacity; transform: translateZ(0); background-color: #000000; } .mobx-ui:after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; will-change: opacity; background: rgba(0,0,0,0.4); -webkit-transition: opacity 0.25s ease-out, visibility 0.25s ease-out; transition: opacity 0.25s ease-out, visibility 0.25s ease-out; } .mobx-open-tooltip .mobx-ui:after { opacity: 1; visibility: visible; } .mobx-video:before, .mobx-video:after, .mobx-thumb-video:after, .mobx-ui button, .mobx-share-tooltip *:after { background-image: url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/icons/modulobox.svg); background-repeat: no-repeat; background-color: transparent; } .mobx-top-bar { position: absolute; left: 0; top: 0; width: 100%; will-change: transform; background-color: rgba(0,0,0,0.4); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; } .mobx-idle .mobx-top-bar, .mobx-will-close .mobx-top-bar, .mobx-holder:not(.mobx-open) .mobx-top-bar { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .mobx-bottom-bar { position: absolute; left: 0; bottom: 0; width: 100%; will-change: transform; background-color: rgba(0,0,0,0.4); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; } .mobx-panzoom .mobx-bottom-bar, .mobx-will-close .mobx-bottom-bar, .mobx-holder:not(.mobx-open) .mobx-bottom-bar { -webkit-transform: translateY(100%); transform: translateY(100%); } .mobx-caption { position: relative; display: block; width: 100%; padding: 0; margin: 0; pointer-events: none; } .mobx-caption-inner { max-width: 420px; margin: 0 auto; pointer-events: auto; cursor: default; } .mobx-title { position: relative; display: block; margin: 0; padding: 14px 10px 12px; font-size: 13px; line-height: 18px; font-weight: normal; text-align: center; color: #eeeeee; } .mobx-desc { position: relative; display: block; margin: 0; padding: 14px 10px 12px; font-size: 12px; line-height: 16px; font-weight: normal; text-align: center; color: #bbbbbb; } .mobx-title + .mobx-desc { margin: -6px 0 0 0; padding: 0 10px 10px; } .mobx-item, .mobx-item-inner { position: absolute; display: block; overflow: hidden; left: 0; top: 0; bottom: 0; width: 100%; text-align: center; touch-action: none; transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: center; transform-origin: center; } .mobx-item-inner { -webkit-overflow-scrolling: touch; overflow: auto; } .mobx-img, .mobx-panzoom .mobx-item { cursor: move; cursor: grab; cursor: -webkit-grab; } .mobx-dragging .mobx-item * { cursor: grabbing; cursor: -webkit-grabbing; } .mobx-img, .mobx-html, .mobx-video, .mobx-iframe, .mobx-error { position: absolute; display: block; height: 0; width: 0; max-width: none; padding: 0; margin: 0; opacity: 0; will-change: opacity; visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0,0,0); -webkit-transition: opacity 0.35s ease; transition: opacity 0.35s ease; } .mobx-media-loaded { opacity: 1; visibility: visible; } .mobx-error, .mobx-html-inner { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mobx-error { width: 100%; height: auto; padding: 20px 60px; color: #bbbbbb; pointer-events: none; text-align: center; } .mobx-html { pointer-events: none; } .mobx-html-inner { position: relative; display: inline-block; overflow: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; pointer-events: auto; } .mobx-video { cursor: pointer; background: rgba(255,255,255,0.1); background-size: cover; background-repeat: no-repeat; background-position: center; } .mobx-video.mobx-playing { background: none; background-image: none !important; } .mobx-video:before, .mobx-video:after { position: absolute; content: ""; top: 50%; left: 50%; width: 80px; height: 80px; padding: 0; margin: -44px 0 0 -44px; border: 4px solid #fff; border-radius: 100%; background-size: 175px; background-position: 28px -414px; box-sizing: content-box; } .mobx-video.mobx-loading:before { border-color: transparent; } .mobx-video:after { opacity: 0; visibility: hidden; background-image: none; background-color: transparent; border-color: transparent; border-left-color: #fff; } .mobx-video.mobx-loading:after { opacity: 1; visibility: visible; -webkit-animation: mobx-load 1.1s infinite linear; animation: mobx-load 1.1s infinite linear; } .mobx-video.mobx-playing:before, .mobx-video.mobx-playing:after { opacity: 0; } .mobx-video video, .mobx-video iframe, .mobx-video .mejs-video { position: absolute; overflow: hidden; top: 0; left: 0; width: 100% !important; height: 100% !important; opacity: 0; background: rgba(255,255,255,0.065); pointer-events: none; -webkit-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } .mobx-video iframe { background: none; } .mobx-video.mobx-playing video, .mobx-video.mobx-playing .mejs-video, .mobx-video.mobx-playing iframe { opacity: 1; pointer-events: auto; } .mobx-fullscreen video::-webkit-media-controls-fullscreen-button, .mobx-fullscreen .mejs-fullscreen-button { display: none; } :-webkit-full-screen-ancestor:not(iframe) { will-change: auto !important; } .mobx-counter { position: relative; display: inline-block; float: left; height: 44px; font-size: 13px; line-height: 44px; color: #ffffff; opacity: 0.75; margin: 0 10px; letter-spacing: 0.6px; } .mobx-rtl .mobx-counter { float: right; } .mobx-timer { position: relative; display: inline-block; float: left; width: 24px; height: 24px; margin: 10px 0 10px 5px; opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .mobx-rtl .mobx-timer { float: right; } .mobx-autoplay .mobx-timer { opacity: 1; } .mobx-loader { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin: -15px 0 0 -15px; outline: 1px solid transparent; border-radius: 50%; border-width: 3px; border-right-style: solid; border-top-style: solid; border-bottom-style: solid; border-color: rgba(255,255,255,.2); border-left: 3px solid #fff; -webkit-animation: mobx-load 1.1s infinite linear; animation: mobx-load 1.1s infinite linear; } @-webkit-keyframes mobx-load { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes mobx-load { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mobx-share-tooltip { position: absolute; display: block; z-index: 2; width: 120px; top: 50px; opacity: 0; visibility: hidden; background: #ffffff; will-change: transform; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: -webkit-transform 0.25s ease, opacity 0.25s ease, visibility 0.25s ease; transition: transform 0.25s ease, opacity 0.25s ease, visibility 0.25s ease; } .mobx-share-tooltip:before { content: ''; position: absolute; display: block; width: 0; height: 0; top: -12px; right: 14px; border: 6px solid transparent; border-bottom-color: #f9fafb; } .mobx-share-tooltip[data-position="left"]:before { left: 14px; right: auto; } .mobx-open-tooltip .mobx-share-tooltip { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .mobx-share-tooltip span { display: block; width: 100%; height: 40px; padding: 10px; color: #777777; font-size: 14px; line-height: 22px; text-align: center; background: #f9fafb; box-shadow: inset 0 -2px 8px rgba(0,0,0,0.03); } .mobx-ui button, .mobx-share-tooltip *:after { position: relative; display: inline-block; width: 40px; height: 40px; padding: 0; cursor: pointer; box-shadow: none; border: none; outline: none; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-appearance: none; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .mobx-ui button:hover, .mobx-share-tooltip button:hover:after { opacity: 1; } .mobx-share-tooltip button:after { position: absolute; content: ""; top: 0; left: 0; opacity: 0; } .mobx-share-tooltip button { float: left; } .mobx-rtl .mobx-share-tooltip button { float: right; } .mobx-top-bar button { float: right; margin: 2px; opacity: 0.75; } .mobx-rtl .mobx-top-bar button { float: left; } button.mobx-prev, button.mobx-next { position: absolute; left: 0; top: 50%; width: 44px; height: 32px; margin: 0 6px; opacity: 0.75; background-color: rgba(0,0,0,0); will-change: transform; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out; } button.mobx-next { left: auto; right: 0; } .mobx-idle .mobx-prev, .mobx-will-close .mobx-prev, .mobx-holder:not(.mobx-open) .mobx-prev { -webkit-transform: translateX(-120%) translateY(-50%); transform: translateX(-120%) translateY(-50%); } .mobx-idle .mobx-next, .mobx-will-close .mobx-next, .mobx-holder:not(.mobx-open) .mobx-next { -webkit-transform: translateX(120%) translateY(-50%); transform: translateX(120%) translateY(-50%); } .mobx-holder[data-zoom="false"] .mobx-zoom, .mobx-holder[data-zoom="false"] .mobx-zoom:hover, .mobx-holder[data-download="false"] .mobx-download, .mobx-holder[data-download="false"] .mobx-download:hover { opacity: 0.45; cursor: default; } .mobx-prev { left: 0; background-position: 10px 4px; } .mobx-next { right: 0; background-position: 10px -40px; } .lightbox-white .mobx-next { background-position: -40px -40px; } .lightbox-white .mobx-prev { background-position: -40px 4px; } .mobx-close { background-position: 12px -76px; } .mobx-zoom { background-position: 12px -120px; } .mobx-panzoom .mobx-zoom { background-position: 12px -164px; } .mobx-play { background-position: 12px -208px; } .mobx-autoplay .mobx-play { background-position: 12px -252px; } .mobx-download { background-position: 12px -296px; } .mobx-share { background-position: 12px -340px; } .mobx-fullscreen { background-position: 12px -384px; } .mobx-fullscreen .mobx-fullscreen { background-position: 12px -428px; } .mobx-facebook { background-position: -32px -472px; } .mobx-facebook:after { background-color: #3b5998; background-position: 12px -472px; } .mobx-twitter { background-position: -32px -516px; } .mobx-twitter:after { background-color: #1da1f2; background-position: 12px -516px; } .mobx-googleplus { background-position: -32px -560px; } .mobx-googleplus:after { background-color: #dd4b39; background-position: 12px -560px; } .mobx-pinterest { background-position: -32px -604px; } .mobx-pinterest:after { background-color: #bd081c; background-position: 12px -604px; } .mobx-linkedin { background-position: -32px -648px; } .mobx-linkedin:after { background-color: #0077b5; background-position: 12px -648px; } .mobx-reddit { background-position: -32px -692px; } .mobx-reddit:after { background-color: #ff4500; background-position: 12px -692px; } .mobx-tumblr { background-position: -32px -736px; } .mobx-tumblr:after { background-color: #35465c; background-position: 12px -736px; } .mobx-blogger { background-position: -32px -780px; } .mobx-blogger:after { background-color: #f57d00; background-position: 12px -780px; } .mobx-buffer { background-position: -32px -824px; } .mobx-buffer:after { background-color: #323b43; background-position: 12px -824px; } .mobx-digg { background-position: -34px -868px; } .mobx-digg:after { background-color: #005be2; background-position: 10px -868px; } .mobx-stumbleupon { background-position: -32px -912px; } .mobx-stumbleupon:after { background-color: #eb4924; background-position: 12px -912px; } .mobx-evernote { background-position: -32px -956px; } .mobx-evernote:after { background-color: #2dbe60; background-position: 12px -956px; } .mobx-thumbs-holder, .mobx-thumbs-inner { position: absolute; display: block; left: 0; right: 0; bottom: 0; padding: 0; margin: 0 auto; } .mobx-thumbs-holder { position: relative; } .mobx-thumb { position: absolute; margin: 0; will-change: left; background-color: rgb(25, 25, 25); outline: 0 solid transparent; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-transition: background-color 0.25s ease; transition: background-color 0.25s ease; } .mobx-thumb:hover { background-color: rgb(50, 50, 50); } .mobx-thumb:after { content: ""; position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.0001; -webkit-transform: translateZ(0); transform: translateZ(0); border: 2px solid #ffffff; } .mobx-active-thumb:after { opacity: 0.9999; } .mobx-thumb-bg { position: absolute; overflow: hidden; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; opacity: 0; background-position: center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; will-change: opacity, visibility; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.25s ease, visibility 0.25s ease; transition: opacity 0.25s ease, visibility 0.25s ease; } .mobx-thumb-loaded { visibility: visible; opacity: 0.5; } .mobx-thumb-bg:hover, .mobx-active-thumb .mobx-thumb-loaded { opacity: 1; } .mobx-thumbs-holder { cursor: move; cursor: grab; cursor: -webkit-grab; } .mobx-dragging .mobx-thumbs-holder { cursor: grabbing; cursor: -webkit-grabbing; } .mobx-thumb-video:after { position: absolute; content: ""; left: 0; right: 0; top: 50%; width: 40px; height: 40px; margin: -20px auto 0 auto; background-position: 12px -208px; } @media screen and (max-height: 800px) { .mobx-video:before, .mobx-video:after { width: 60px; height: 60px; margin: -34px 0 0 -34px; background-size: 125px; background-position: 22px -294px; } } @media screen and (max-height: 360px) { .mobx-video:before, .mobx-video:after { width: 40px; height: 40px; margin: -24px 0 0 -24px; background-size: initial; background-position: 14px -208px; border-width: 3px; } } @media screen and (max-width: 400px) { .mobx-timer { margin: 10px 0; } .mobx-top-bar button { margin: 2px 0; } } @media screen and (max-width: 360px) { .mobx-counter { margin: 0 6px 0 4px; } .mobx-top-bar button { width: 34px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 380px), only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 380px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 380px), only screen and ( min-device-pixel-ratio: 2) and (max-width: 380px) { .mobx-top-bar button { width: 40px; } } body.lightbox-white .mobx-overlay, body.lightbox-white .mobx-thumb, body.lightbox-white .mobx-top-bar, body.lightbox-white .mobx-bottom-bar { background-color: #ffffff; } body.lightbox-white .mobx-title, body.lightbox-white .mobx-desc, body.lightbox-white .mobx-counter { color: #000; } body.lightbox-white .mobx-close { background-position: -32px -76px; } body.lightbox-white .mobx-share { background-position: -32px -340px; } body.lightbox-white .mobx-fullscreen { background-position: -32px -384px; } body.lightbox-white .mobx-play { background-position: -32px -208px; } body.lightbox-white .mobx-zoom { background-position: -32px -120px; }#wrapper { padding-top: 75px; } .top_bar .standard_wrapper { min-height: 74px; } #logo_wrapper { text-align: left; border: 0; padding: 0; float: left; width: 100%; height: 100%; } #logo_wrapper .logo_container { display: table; padding: 0; height: 100%; } .top_bar.scroll #logo_wrapper { display: block; } #nav_wrapper { border-top: 0 !important; } .logo_container { display: block; float: left; width: auto; height: auto; } html[data-menu=leftalign] #menu_wrapper { width: auto; float: left; height: 100%; padding: 0; margin-left: 40px; } html[data-menu=leftalign] #logo_right_wrapper #logo_right_button { position: relative; display: table-cell; vertical-align: middle; right: 0; top: 0; } html[data-menu=leftalign] #logo_right_wrapper { width: auto; float: right; height: 100%; padding: 0; display: table; } @media only screen and (min-width: 768px) and (max-width: 960px) { html[data-menu=leftalign] #logo_wrapper { padding: 0; } html[data-menu=leftalign] .logo_container { margin-top: 0px; } } @media only screen and (max-width: 767px) { html[data-menu=leftalign] .top_bar .standard_wrapper { height: auto; padding: 0; } html[data-menu=leftalign] #nav_wrapper, html[data-menu=leftalign] #menu_wrapper { display: block; } html[data-menu=leftalign] .top_bar { padding-bottom: 0; } }.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear}.fa-pulse{-webkit-animation:a 1s infinite steps(8);animation:a 1s infinite steps(8)}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-braille:before{content:"\f2a1"}.fa-briefcase:before{content:"\f0b1"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-car:before{content:"\f1b9"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-clipboard:before{content:"\f328"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comments:before{content:"\f086"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crosshairs:before{content:"\f05b"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-deviantart:before{content:"\f1bd"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dot-circle:before{content:"\f192"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-excel:before{content:"\f1c3"}.fa-file-image:before{content:"\f1c5"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-order:before{content:"\f2b0"}.fa-firstdraft:before{content:"\f3a1"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frown:before{content:"\f119"}.fa-futbol:before{content:"\f1e3"}.fa-gamepad:before{content:"\f11b"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-handshake:before{content:"\f2b5"}.fa-hashtag:before{content:"\f292"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hospital:before{content:"\f0f8"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-male:before{content:"\f183"}.fa-map:before{content:"\f279"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-maxcdn:before{content:"\f136"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-meh:before{content:"\f11a"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-moon:before{content:"\f186"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-palfed:before{content:"\f3d8"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-paragraph:before{content:"\f1dd"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-percent:before{content:"\f295"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phone:before{content:"\f095"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-plane:before{content:"\f072"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-print:before{content:"\f02f"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-rebel:before{content:"\f1d0"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-road:before{content:"\f018"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-rupee-sign:before{content:"\f156"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-scribd:before{content:"\f28a"}.fa-search:before{content:"\f002"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shower:before{content:"\f2cc"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-spotify:before{content:"\f1bc"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-star:before{content:"\f005"}.fa-star-half:before{content:"\f089"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-strava:before{content:"\f428"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-trademark:before{content:"\f25c"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-circle:before{content:"\f2bd"}.fa-user-md:before{content:"\f0f0"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-weibo:before{content:"\f18a"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-brands-400.eot);src:url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-brands-400.woff2) format("woff2"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-brands-400.woff) format("woff"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-brands-400.ttf) format("truetype"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-regular-400.eot);src:url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-regular-400.woff2) format("woff2"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-regular-400.woff) format("woff"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-regular-400.ttf) format("truetype"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-solid-900.eot);src:url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-solid-900.woff2) format("woff2"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-solid-900.woff) format("woff"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-solid-900.ttf) format("truetype"),url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}@font-face { font-family: 'themify'; src:url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/fonts/themify.eot); src:url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/fonts/themify.eot) format('embedded-opentype'), url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/fonts/themify.woff) format('woff'), url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/fonts/themify.ttf) format('truetype'), url(//www.terraemarecasaeoliana.it/wp-content/themes/hoteller/fonts/themify.svg) format('svg'); font-weight: normal; font-style: normal; } [class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-wand:before { content: "\e600"; } .ti-volume:before { content: "\e601"; } .ti-user:before { content: "\e602"; } .ti-unlock:before { content: "\e603"; } .ti-unlink:before { content: "\e604"; } .ti-trash:before { content: "\e605"; } .ti-thought:before { content: "\e606"; } .ti-target:before { content: "\e607"; } .ti-tag:before { content: "\e608"; } .ti-tablet:before { content: "\e609"; } .ti-star:before { content: "\e60a"; } .ti-spray:before { content: "\e60b"; } .ti-signal:before { content: "\e60c"; } .ti-shopping-cart:before { content: "\e60d"; } .ti-shopping-cart-full:before { content: "\e60e"; } .ti-settings:before { content: "\e60f"; } .ti-search:before { content: "\e610"; } .ti-zoom-in:before { content: "\e611"; } .ti-zoom-out:before { content: "\e612"; } .ti-cut:before { content: "\e613"; } .ti-ruler:before { content: "\e614"; } .ti-ruler-pencil:before { content: "\e615"; } .ti-ruler-alt:before { content: "\e616"; } .ti-bookmark:before { content: "\e617"; } .ti-bookmark-alt:before { content: "\e618"; } .ti-reload:before { content: "\e619"; } .ti-plus:before { content: "\e61a"; } .ti-pin:before { content: "\e61b"; } .ti-pencil:before { content: "\e61c"; } .ti-pencil-alt:before { content: "\e61d"; } .ti-paint-roller:before { content: "\e61e"; } .ti-paint-bucket:before { content: "\e61f"; } .ti-na:before { content: "\e620"; } .ti-mobile:before { content: "\e621"; } .ti-minus:before { content: "\e622"; } .ti-medall:before { content: "\e623"; } .ti-medall-alt:before { content: "\e624"; } .ti-marker:before { content: "\e625"; } .ti-marker-alt:before { content: "\e626"; } .ti-arrow-up:before { content: "\e627"; } .ti-arrow-right:before { content: "\e628"; } .ti-arrow-left:before { content: "\e629"; } .ti-arrow-down:before { content: "\e62a"; } .ti-lock:before { content: "\e62b"; } .ti-location-arrow:before { content: "\e62c"; } .ti-link:before { content: "\e62d"; } .ti-layout:before { content: "\e62e"; } .ti-layers:before { content: "\e62f"; } .ti-layers-alt:before { content: "\e630"; } .ti-key:before { content: "\e631"; } .ti-import:before { content: "\e632"; } .ti-image:before { content: "\e633"; } .ti-heart:before { content: "\e634"; } .ti-heart-broken:before { content: "\e635"; } .ti-hand-stop:before { content: "\e636"; } .ti-hand-open:before { content: "\e637"; } .ti-hand-drag:before { content: "\e638"; } .ti-folder:before { content: "\e639"; } .ti-flag:before { content: "\e63a"; } .ti-flag-alt:before { content: "\e63b"; } .ti-flag-alt-2:before { content: "\e63c"; } .ti-eye:before { content: "\e63d"; } .ti-export:before { content: "\e63e"; } .ti-exchange-vertical:before { content: "\e63f"; } .ti-desktop:before { content: "\e640"; } .ti-cup:before { content: "\e641"; } .ti-crown:before { content: "\e642"; } .ti-comments:before { content: "\e643"; } .ti-comment:before { content: "\e644"; } .ti-comment-alt:before { content: "\e645"; } .ti-close:before { content: "\e646"; } .ti-clip:before { content: "\e647"; } .ti-angle-up:before { content: "\e648"; } .ti-angle-right:before { content: "\e649"; } .ti-angle-left:before { content: "\e64a"; } .ti-angle-down:before { content: "\e64b"; } .ti-check:before { content: "\e64c"; } .ti-check-box:before { content: "\e64d"; } .ti-camera:before { content: "\e64e"; } .ti-announcement:before { content: "\e64f"; } .ti-brush:before { content: "\e650"; } .ti-briefcase:before { content: "\e651"; } .ti-bolt:before { content: "\e652"; } .ti-bolt-alt:before { content: "\e653"; } .ti-blackboard:before { content: "\e654"; } .ti-bag:before { content: "\e655"; } .ti-move:before { content: "\e656"; } .ti-arrows-vertical:before { content: "\e657"; } .ti-arrows-horizontal:before { content: "\e658"; } .ti-fullscreen:before { content: "\e659"; } .ti-arrow-top-right:before { content: "\e65a"; } .ti-arrow-top-left:before { content: "\e65b"; } .ti-arrow-circle-up:before { content: "\e65c"; } .ti-arrow-circle-right:before { content: "\e65d"; } .ti-arrow-circle-left:before { content: "\e65e"; } .ti-arrow-circle-down:before { content: "\e65f"; } .ti-angle-double-up:before { content: "\e660"; } .ti-angle-double-right:before { content: "\e661"; } .ti-angle-double-left:before { content: "\e662"; } .ti-angle-double-down:before { content: "\e663"; } .ti-zip:before { content: "\e664"; } .ti-world:before { content: "\e665"; } .ti-wheelchair:before { content: "\e666"; } .ti-view-list:before { content: "\e667"; } .ti-view-list-alt:before { content: "\e668"; } .ti-view-grid:before { content: "\e669"; } .ti-uppercase:before { content: "\e66a"; } .ti-upload:before { content: "\e66b"; } .ti-underline:before { content: "\e66c"; } .ti-truck:before { content: "\e66d"; } .ti-timer:before { content: "\e66e"; } .ti-ticket:before { content: "\e66f"; } .ti-thumb-up:before { content: "\e670"; } .ti-thumb-down:before { content: "\e671"; } .ti-text:before { content: "\e672"; } .ti-stats-up:before { content: "\e673"; } .ti-stats-down:before { content: "\e674"; } .ti-split-v:before { content: "\e675"; } .ti-split-h:before { content: "\e676"; } .ti-smallcap:before { content: "\e677"; } .ti-shine:before { content: "\e678"; } .ti-shift-right:before { content: "\e679"; } .ti-shift-left:before { content: "\e67a"; } .ti-shield:before { content: "\e67b"; } .ti-notepad:before { content: "\e67c"; } .ti-server:before { content: "\e67d"; } .ti-quote-right:before { content: "\e67e"; } .ti-quote-left:before { content: "\e67f"; } .ti-pulse:before { content: "\e680"; } .ti-printer:before { content: "\e681"; } .ti-power-off:before { content: "\e682"; } .ti-plug:before { content: "\e683"; } .ti-pie-chart:before { content: "\e684"; } .ti-paragraph:before { content: "\e685"; } .ti-panel:before { content: "\e686"; } .ti-package:before { content: "\e687"; } .ti-music:before { content: "\e688"; } .ti-music-alt:before { content: "\e689"; } .ti-mouse:before { content: "\e68a"; } .ti-mouse-alt:before { content: "\e68b"; } .ti-money:before { content: "\e68c"; } .ti-microphone:before { content: "\e68d"; } .ti-menu:before { content: "\e68e"; } .ti-menu-alt:before { content: "\e68f"; } .ti-map:before { content: "\e690"; } .ti-map-alt:before { content: "\e691"; } .ti-loop:before { content: "\e692"; } .ti-location-pin:before { content: "\e693"; } .ti-list:before { content: "\e694"; } .ti-light-bulb:before { content: "\e695"; } .ti-Italic:before { content: "\e696"; } .ti-info:before { content: "\e697"; } .ti-infinite:before { content: "\e698"; } .ti-id-badge:before { content: "\e699"; } .ti-hummer:before { content: "\e69a"; } .ti-home:before { content: "\e69b"; } .ti-help:before { content: "\e69c"; } .ti-headphone:before { content: "\e69d"; } .ti-harddrives:before { content: "\e69e"; } .ti-harddrive:before { content: "\e69f"; } .ti-gift:before { content: "\e6a0"; } .ti-game:before { content: "\e6a1"; } .ti-filter:before { content: "\e6a2"; } .ti-files:before { content: "\e6a3"; } .ti-file:before { content: "\e6a4"; } .ti-eraser:before { content: "\e6a5"; } .ti-envelope:before { content: "\e6a6"; } .ti-download:before { content: "\e6a7"; } .ti-direction:before { content: "\e6a8"; } .ti-direction-alt:before { content: "\e6a9"; } .ti-dashboard:before { content: "\e6aa"; } .ti-control-stop:before { content: "\e6ab"; } .ti-control-shuffle:before { content: "\e6ac"; } .ti-control-play:before { content: "\e6ad"; } .ti-control-pause:before { content: "\e6ae"; } .ti-control-forward:before { content: "\e6af"; } .ti-control-backward:before { content: "\e6b0"; } .ti-cloud:before { content: "\e6b1"; } .ti-cloud-up:before { content: "\e6b2"; } .ti-cloud-down:before { content: "\e6b3"; } .ti-clipboard:before { content: "\e6b4"; } .ti-car:before { content: "\e6b5"; } .ti-calendar:before { content: "\e6b6"; } .ti-book:before { content: "\e6b7"; } .ti-bell:before { content: "\e6b8"; } .ti-basketball:before { content: "\e6b9"; } .ti-bar-chart:before { content: "\e6ba"; } .ti-bar-chart-alt:before { content: "\e6bb"; } .ti-back-right:before { content: "\e6bc"; } .ti-back-left:before { content: "\e6bd"; } .ti-arrows-corner:before { content: "\e6be"; } .ti-archive:before { content: "\e6bf"; } .ti-anchor:before { content: "\e6c0"; } .ti-align-right:before { content: "\e6c1"; } .ti-align-left:before { content: "\e6c2"; } .ti-align-justify:before { content: "\e6c3"; } .ti-align-center:before { content: "\e6c4"; } .ti-alert:before { content: "\e6c5"; } .ti-alarm-clock:before { content: "\e6c6"; } .ti-agenda:before { content: "\e6c7"; } .ti-write:before { content: "\e6c8"; } .ti-window:before { content: "\e6c9"; } .ti-widgetized:before { content: "\e6ca"; } .ti-widget:before { content: "\e6cb"; } .ti-widget-alt:before { content: "\e6cc"; } .ti-wallet:before { content: "\e6cd"; } .ti-video-clapper:before { content: "\e6ce"; } .ti-video-camera:before { content: "\e6cf"; } .ti-vector:before { content: "\e6d0"; } .ti-themify-logo:before { content: "\e6d1"; } .ti-themify-favicon:before { content: "\e6d2"; } .ti-themify-favicon-alt:before { content: "\e6d3"; } .ti-support:before { content: "\e6d4"; } .ti-stamp:before { content: "\e6d5"; } .ti-split-v-alt:before { content: "\e6d6"; } .ti-slice:before { content: "\e6d7"; } .ti-shortcode:before { content: "\e6d8"; } .ti-shift-right-alt:before { content: "\e6d9"; } .ti-shift-left-alt:before { content: "\e6da"; } .ti-ruler-alt-2:before { content: "\e6db"; } .ti-receipt:before { content: "\e6dc"; } .ti-pin2:before { content: "\e6dd"; } .ti-pin-alt:before { content: "\e6de"; } .ti-pencil-alt2:before { content: "\e6df"; } .ti-palette:before { content: "\e6e0"; } .ti-more:before { content: "\e6e1"; } .ti-more-alt:before { content: "\e6e2"; } .ti-microphone-alt:before { content: "\e6e3"; } .ti-magnet:before { content: "\e6e4"; } .ti-line-double:before { content: "\e6e5"; } .ti-line-dotted:before { content: "\e6e6"; } .ti-line-dashed:before { content: "\e6e7"; } .ti-layout-width-full:before { content: "\e6e8"; } .ti-layout-width-default:before { content: "\e6e9"; } .ti-layout-width-default-alt:before { content: "\e6ea"; } .ti-layout-tab:before { content: "\e6eb"; } .ti-layout-tab-window:before { content: "\e6ec"; } .ti-layout-tab-v:before { content: "\e6ed"; } .ti-layout-tab-min:before { content: "\e6ee"; } .ti-layout-slider:before { content: "\e6ef"; } .ti-layout-slider-alt:before { content: "\e6f0"; } .ti-layout-sidebar-right:before { content: "\e6f1"; } .ti-layout-sidebar-none:before { content: "\e6f2"; } .ti-layout-sidebar-left:before { content: "\e6f3"; } .ti-layout-placeholder:before { content: "\e6f4"; } .ti-layout-menu:before { content: "\e6f5"; } .ti-layout-menu-v:before { content: "\e6f6"; } .ti-layout-menu-separated:before { content: "\e6f7"; } .ti-layout-menu-full:before { content: "\e6f8"; } .ti-layout-media-right-alt:before { content: "\e6f9"; } .ti-layout-media-right:before { content: "\e6fa"; } .ti-layout-media-overlay:before { content: "\e6fb"; } .ti-layout-media-overlay-alt:before { content: "\e6fc"; } .ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } .ti-layout-media-left-alt:before { content: "\e6fe"; } .ti-layout-media-left:before { content: "\e6ff"; } .ti-layout-media-center-alt:before { content: "\e700"; } .ti-layout-media-center:before { content: "\e701"; } .ti-layout-list-thumb:before { content: "\e702"; } .ti-layout-list-thumb-alt:before { content: "\e703"; } .ti-layout-list-post:before { content: "\e704"; } .ti-layout-list-large-image:before { content: "\e705"; } .ti-layout-line-solid:before { content: "\e706"; } .ti-layout-grid4:before { content: "\e707"; } .ti-layout-grid3:before { content: "\e708"; } .ti-layout-grid2:before { content: "\e709"; } .ti-layout-grid2-thumb:before { content: "\e70a"; } .ti-layout-cta-right:before { content: "\e70b"; } .ti-layout-cta-left:before { content: "\e70c"; } .ti-layout-cta-center:before { content: "\e70d"; } .ti-layout-cta-btn-right:before { content: "\e70e"; } .ti-layout-cta-btn-left:before { content: "\e70f"; } .ti-layout-column4:before { content: "\e710"; } .ti-layout-column3:before { content: "\e711"; } .ti-layout-column2:before { content: "\e712"; } .ti-layout-accordion-separated:before { content: "\e713"; } .ti-layout-accordion-merged:before { content: "\e714"; } .ti-layout-accordion-list:before { content: "\e715"; } .ti-ink-pen:before { content: "\e716"; } .ti-info-alt:before { content: "\e717"; } .ti-help-alt:before { content: "\e718"; } .ti-headphone-alt:before { content: "\e719"; } .ti-hand-point-up:before { content: "\e71a"; } .ti-hand-point-right:before { content: "\e71b"; } .ti-hand-point-left:before { content: "\e71c"; } .ti-hand-point-down:before { content: "\e71d"; } .ti-gallery:before { content: "\e71e"; } .ti-face-smile:before { content: "\e71f"; } .ti-face-sad:before { content: "\e720"; } .ti-credit-card:before { content: "\e721"; } .ti-control-skip-forward:before { content: "\e722"; } .ti-control-skip-backward:before { content: "\e723"; } .ti-control-record:before { content: "\e724"; } .ti-control-eject:before { content: "\e725"; } .ti-comments-smiley:before { content: "\e726"; } .ti-brush-alt:before { content: "\e727"; } .ti-youtube:before { content: "\e728"; } .ti-vimeo:before { content: "\e729"; } .ti-twitter:before { content: "\e72a"; } .ti-time:before { content: "\e72b"; } .ti-tumblr:before { content: "\e72c"; } .ti-skype:before { content: "\e72d"; } .ti-share:before { content: "\e72e"; } .ti-share-alt:before { content: "\e72f"; } .ti-rocket:before { content: "\e730"; } .ti-pinterest:before { content: "\e731"; } .ti-new-window:before { content: "\e732"; } .ti-microsoft:before { content: "\e733"; } .ti-list-ol:before { content: "\e734"; } .ti-linkedin:before { content: "\e735"; } .ti-layout-sidebar-2:before { content: "\e736"; } .ti-layout-grid4-alt:before { content: "\e737"; } .ti-layout-grid3-alt:before { content: "\e738"; } .ti-layout-grid2-alt:before { content: "\e739"; } .ti-layout-column4-alt:before { content: "\e73a"; } .ti-layout-column3-alt:before { content: "\e73b"; } .ti-layout-column2-alt:before { content: "\e73c"; } .ti-instagram:before { content: "\e73d"; } .ti-google:before { content: "\e73e"; } .ti-github:before { content: "\e73f"; } .ti-flickr:before { content: "\e740"; } .ti-facebook:before { content: "\e741"; } .ti-dropbox:before { content: "\e742"; } .ti-dribbble:before { content: "\e743"; } .ti-apple:before { content: "\e744"; } .ti-android:before { content: "\e745"; } .ti-save:before { content: "\e746"; } .ti-save-alt:before { content: "\e747"; } .ti-yahoo:before { content: "\e748"; } .ti-wordpress:before { content: "\e749"; } .ti-vimeo-alt:before { content: "\e74a"; } .ti-twitter-alt:before { content: "\e74b"; } .ti-tumblr-alt:before { content: "\e74c"; } .ti-trello:before { content: "\e74d"; } .ti-stack-overflow:before { content: "\e74e"; } .ti-soundcloud:before { content: "\e74f"; } .ti-sharethis:before { content: "\e750"; } .ti-sharethis-alt:before { content: "\e751"; } .ti-reddit:before { content: "\e752"; } .ti-pinterest-alt:before { content: "\e753"; } .ti-microsoft-alt:before { content: "\e754"; } .ti-linux:before { content: "\e755"; } .ti-jsfiddle:before { content: "\e756"; } .ti-joomla:before { content: "\e757"; } .ti-html5:before { content: "\e758"; } .ti-flickr-alt:before { content: "\e759"; } .ti-email:before { content: "\e75a"; } .ti-drupal:before { content: "\e75b"; } .ti-dropbox-alt:before { content: "\e75c"; } .ti-css3:before { content: "\e75d"; } .ti-rss:before { content: "\e75e"; } .ti-rss-alt:before { content: "\e75f"; }:root { --joinchat-ico: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E"); --joinchat-font: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif; } .joinchat { --bottom: 20px; --sep: 20px; --s: 60px; --header: calc(var(--s)*1.16667); --vh: 100vh; --red: 37; --green: 211; --blue: 102; --rgb: var(--red) var(--green) var(--blue); --color: rgb(var(--rgb)); --dark: rgb(calc(var(--red) - 75) calc(var(--green) - 75) calc(var(--blue) - 75)); --hover: rgb(calc(var(--red) + 50) calc(var(--green) + 50) calc(var(--blue) + 50)); --bg: rgb(var(--rgb) / 4%); --bw: 100; --text: hsl(0deg 0% clamp(0%, var(--bw)*1%, 100%) / clamp(70%, var(--bw)*1%, 100%)); --msg: var(--color); color: var(--text); display: none; position: fixed; z-index: 9000; right: var(--sep); bottom: var(--bottom); font: normal normal normal 16px/1.625em var(--joinchat-font); letter-spacing: 0; animation: joinchat_show 500ms cubic-bezier(0.18, 0.89, 0.32, 1.28) 10ms both; transform: scale3d(0, 0, 0); transform-origin: calc(var(--s)/-2) calc(var(--s)/-4); -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: manipulation; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgb(0 0 0 / 0%); } .joinchat *, .joinchat *::before, .joinchat *::after { box-sizing: border-box; } .joinchat--show { display: block; transform: scale3d(1, 1, 1); } .joinchat--left { right: auto; left: var(--sep); } .joinchat--dark { --msg: var(--dark); } .joinchat--noanim { animation: none; } .joinchat--chatbox:not(.joinchat--noanim) { transform-origin: 0 0; animation-timing-function: ease-in-out; } .joinchat--hidden { display: none !important; } @supports not (width: clamp(1px, 1%, 10px)) { .joinchat { --text: hsl(0deg 0% calc(var(--bw)*1%) / 90%); } } .joinchat__button { display: flex; flex-direction: row; position: absolute; z-index: 2; bottom: 8px; right: 8px; height: var(--s); min-width: var(--s); background: #25d366; color: inherit; border-radius: calc(var(--s)/2); box-shadow: 1px 6px 24px 0 rgba(7,94,84, 0.24); cursor: pointer; transition: background-color 0.2s linear; } [dir="rtl"] .joinchat__button { flex-direction: row-reverse; } .joinchat__button:hover { background: #128c7e; transition-duration: 1.5s; } .joinchat__button:active { background: #128c7e; transition: none; } .joinchat--left .joinchat__button { right: auto; left: 8px; flex-direction: row-reverse; } [dir="rtl"] .joinchat--left .joinchat__button { flex-direction: row; } .joinchat--btn .joinchat__button:hover { transition-duration: 0.2s; } .joinchat--chatbox .joinchat__button { background: var(--color); transition-duration: 0.2s; box-shadow: 0 1px 2px 0 rgba(0,0,0, 0.3); } .joinchat--chatbox .joinchat__button:hover, .joinchat--chatbox .joinchat__button:active { background: var(--hover); } .joinchat--optout.joinchat--chatbox .joinchat__button { background-color: #999; pointer-events: none; } .joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__plain { stroke-dasharray: 0; animation: none; } .joinchat--optout.joinchat--chatbox .joinchat__button .joinchat_svg__chat { animation: none; } .joinchat__button__open { width: var(--s); height: var(--s); border-radius: 50%; background: rgb(0 0 0 / 0%) var(--joinchat-ico) center no-repeat; background-size: 60%; overflow: hidden; } .joinchat--chatbox .joinchat__button__open { display: none; } .joinchat__button__image { position: absolute; top: 1px; right: 1px; width: calc(var(--s) - 2px); height: calc(var(--s) - 2px); border-radius: 50%; overflow: hidden; opacity: 0; } .joinchat__button__image img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .joinchat--show .joinchat__button__image { animation: joinchat_image_loop 20s linear 5s infinite normal both; } .joinchat--image .joinchat__button__image { opacity: 1; animation: none; } .joinchat--chatbox .joinchat__button__image { display: none; } .joinchat__button__send { display: none; flex-shrink: 0; width: var(--s); height: var(--s); max-width: var(--s); padding: calc(var(--s)*0.18); margin: 0; overflow: hidden; } .joinchat--chatbox .joinchat__button__send { display: block; } .joinchat__button__send path { fill: none !important; stroke: var(--text) !important; } .joinchat__button__send .joinchat_svg__plain { stroke-dasharray: 1097; stroke-dashoffset: 1097; animation: joinchat_plain 6s 0.2s ease-in-out infinite; } .joinchat__button__send .joinchat_svg__chat { stroke-dasharray: 1020; stroke-dashoffset: 1020; animation: joinchat_chat 6s 3.2s ease-in-out infinite; } .joinchat__button__sendtext { padding: 0; max-width: 0; border-radius: var(--s); font-weight: 600; line-height: var(--s); white-space: nowrap; opacity: 0; overflow: hidden; text-overflow: ellipsis; transition: none; } .joinchat--chatbox .joinchat__button__sendtext { padding: 0 4px 0 24px; max-width: min(400px - 16px - var(--s), 100vw - 16px - var(--s) - 2*var(--sep)); opacity: 1; transition: max-width 0.2s linear, opacity 0.4s ease-out 0.2s; } .joinchat--chatbox.joinchat--left .joinchat__button__sendtext { padding: 0 24px 0 4px; } .joinchat__badge { position: absolute; top: -4px; right: -4px; width: 20px; height: 20px; border: none; border-radius: 50%; background: #e82c0c; color: #fff; font-size: 12px; font-weight: 600; line-height: 20px; text-align: center; box-shadow: none; opacity: 0; pointer-events: none; } .joinchat__badge.joinchat__badge--in { animation: joinchat_badge_in 500ms cubic-bezier(0.27, 0.9, 0.41, 1.28) 1 both; } .joinchat__badge.joinchat__badge--out { animation: joinchat_badge_out 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 1 both; } .joinchat__tooltip { position: absolute; top: calc(var(--s)/2 - 16px); right: calc(var(--s) + 16px); max-width: calc(100vw - var(--s) - 45px); height: 32px; padding: 0 14px; border: none; border-radius: 16px; background: #fff; color: rgba(0,0,0, 0.8); line-height: 31px; white-space: nowrap; opacity: 0; transition: opacity 0.3s ease-out 0.4s; filter: drop-shadow(0 1px 4px rgba(0,0,0, 0.4)); pointer-events: none; } .joinchat__tooltip::after { content: ''; display: block; position: absolute; top: 10px; right: -6px; border: 8px solid transparent; border-width: 6px 0 6px 8px; border-left-color: #fff; } .joinchat__tooltip div { width: -moz-max-content; width: max-content; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .joinchat--tooltip .joinchat__tooltip { animation: joinchat_tootlip 20s linear 5s 1 normal both; } .joinchat--chatbox .joinchat__tooltip { display: none; } .joinchat--left .joinchat__tooltip { right: auto; left: calc(var(--s) + 16px); } .joinchat--left .joinchat__tooltip::after { left: -6px; right: auto; border-color: transparent; border-width: 6px 8px 6px 0; border-right-color: #fff; } .joinchat__qr { position: absolute; bottom: calc(var(--s) + 16px); right: 0; display: none; flex-direction: column-reverse; width: 228px; min-height: 200px; padding: 14px 14px 10px; border: none; border-radius: 16px; background: #fff; color: rgba(0,0,0, 0.8); text-align: center; white-space: nowrap; filter: drop-shadow(0 1px 4px rgba(0,0,0, 0.4)); animation: joinchat_badge_in 400ms cubic-bezier(0.11, 0.84, 0.83, 1.01) 500ms both; pointer-events: none; } .joinchat__qr::after { content: ''; display: block; position: absolute; bottom: -6px; right: calc(var(--s)/2 - 6px); border: 8px solid transparent; border-width: 8px 6px 0; border-top-color: #fff; } .joinchat--left .joinchat__qr { left: 0; right: auto; } .joinchat--left .joinchat__qr::after { left: calc(var(--s)/2 - 6px); right: auto; } .joinchat__qr div { font-size: 14px; color: #4a4a4a; overflow: hidden; text-overflow: ellipsis; } .joinchat__qr canvas { display: block; width: 200px; height: 200px; margin: 0; } .joinchat__box { display: flex; flex-direction: column; position: absolute; bottom: 0; right: 0; z-index: 1; width: calc(100vw - var(--sep)*2); max-width: 400px; max-height: calc(var(--vh) - var(--bottom) - var(--sep)); border-radius: calc(var(--s)/2 + 2px); background: #fff linear-gradient(180deg, var(--color),var(--color) var(--header),var(--bg) var(--header),var(--bg)); box-shadow: 0 2px 6px 0 rgba(0,0,0, 0.5); text-align: left; overflow: hidden; transform: scale3d(0, 0, 0); opacity: 0; transition: max-height 0.2s ease-out, opacity 0.4s ease-out, transform 0s linear 0.3s; } [dir="rtl"] .joinchat__box { text-align: right; } .joinchat--chatbox .joinchat__box { opacity: 1; transform: scale3d(1, 1, 1); transition: max-height 0.2s ease-out, opacity 0.2s ease-out, transform 0s linear; } .joinchat--left .joinchat__box { right: auto; left: 0; } .joinchat--dark .joinchat__box { background: #1a1a1a linear-gradient(180deg, var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg)); } .joinchat__header { display: flex; flex-flow: row; align-items: center; position: relative; flex-shrink: 0; height: var(--header); min-height: 50px; padding: 0 70px 0 26px; margin: 0; } [dir="rtl"] .joinchat__header { padding: 0 26px 0 70px; } .joinchat__header__text { font-size: 19px; font-weight: 600; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0.8; } .joinchat__powered { font-size: 11px; line-height: 18px; color: inherit !important; text-decoration: none !important; fill: currentcolor; opacity: 0.8; } .joinchat__powered svg { display: inline-block; width: auto; height: 18px; vertical-align: -30%; } .joinchat__powered:hover, .joinchat__powered:active { color: inherit !important; text-decoration: none !important; opacity: 0.9; filter: drop-shadow(0 1px 3px rgba(0,0,0, 0.3)); } .joinchat__wa { height: 28px; width: auto; fill: currentcolor; opacity: 0.8; } .joinchat__close { --size: 34px; position: absolute; top: calc(50% - var(--size)/2); right: 24px; width: var(--size); height: var(--size); border-radius: 50%; background: rgba(0,0,0, 0.4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6z'/%3E%3C/svg%3E") center no-repeat; background-size: 12px; cursor: pointer; transition: background-color 0.3s ease-out; } .joinchat__close:hover { background-color: rgba(0,0,0, 0.6); } .joinchat__close:active { background-color: rgba(0,0,0, 0.7); } [dir="rtl"] .joinchat__close { right: auto; left: 24px; } .joinchat__box__scroll { overflow: hidden scroll; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; } .joinchat__box__scroll::-webkit-scrollbar { width: 4px; background: rgb(0 0 0 / 0%); } .joinchat__box__scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: rgb(0 0 0 / 0%); } .joinchat--blur .joinchat__box__scroll { background: rgba(var(--rgb) / 2%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .joinchat__box__scroll:hover::-webkit-scrollbar-thumb { background: rgba(0,0,0, 0.2); } .joinchat__box__content { width: calc(100% + 4px); padding: 20px 0 calc(var(--s) + 16px); } .joinchat__optin { padding: 0 16px; margin-bottom: 16px; color: #4a4a4a; font-size: 13px; line-height: 1.33; } .joinchat__optin a { display: inline; padding: 0; color: inherit !important; text-decoration: underline; } .joinchat__optin a:hover { text-decoration-thickness: 2px; } .joinchat__optin input { position: absolute; visibility: hidden; } .joinchat__optin label { position: relative; display: block; margin: 0; padding: 0 0 0 30px; color: inherit; font: inherit; cursor: pointer; } .joinchat__optin label::before { content: ''; display: block; position: absolute; top: min(50% - 11px, 5px); left: 0; width: 22px; height: 22px; border: 3px solid var(--color); border-radius: 4px; background: #fff; box-shadow: 0 0 0 1px var(--text); transition: box-shadow 0.3s ease-in-out; } .joinchat--dark .joinchat__optin label::before { background: #000; } .joinchat__optin label::after { content: ''; display: none; position: absolute; top: min(50% - 8px, 8px); left: 8px; width: 6px; height: 14px; border: solid var(--text); border-width: 0 3px 3px 0; transform: rotate3d(0, 0, 1, 45deg); } [dir="rtl"] .joinchat__optin label { padding: 0 30px 0 0; } [dir="rtl"] .joinchat__optin label::before { left: auto; right: 0; } [dir="rtl"] .joinchat__optin label::after { left: auto; right: 8px; } .joinchat__optin input:checked+label::before { box-shadow: 0 0 0 1px var(--text), inset 0 0 0 10px var(--color); } .joinchat__optin input:checked+label::after { display: block; } .joinchat--dark .joinchat__optin { color: #d8d8d8; } .joinchat { --peak: url(#joinchat__peak_l); } [dir="rtl"] .joinchat { --peak: url(#joinchat__peak_r); } .joinchat__message { position: relative; min-height: 56px; padding: 15px 20px; margin: 0 26px 26px; border-radius: 26px; background: #fff; color: #4a4a4a; word-break: break-word; filter: drop-shadow(0 1px 2px rgba(0,0,0, 0.3)); transform: translateZ(0); } .joinchat__message::before { content: ''; display: block; position: absolute; bottom: 18px; left: -15px; width: 17px; height: 25px; background: inherit; -webkit-clip-path: var(--peak); clip-path: var(--peak); } [dir="rtl"] .joinchat__message::before { left: auto; right: -15px; } .joinchat--dark .joinchat__message { background: #505050; color: #d8d8d8; } @keyframes joinchat_show { from { transform: scale3d(0, 0, 0); } to { transform: scale3d(1, 1, 1); } } @keyframes joinchat_badge_in { from { opacity: 0; transform: translate3d(0, 50px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes joinchat_badge_out { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, -20px, 0); } } @keyframes joinchat_plain { 0%, 50%, 100% { stroke-dashoffset: 1097; } 5%, 45% { stroke-dashoffset: 0; } } @keyframes joinchat_chat { 0%, 50%, 100% { stroke-dashoffset: 1020; } 5%, 45% { stroke-dashoffset: 0; } } @keyframes joinchat_image_loop { 0% { opacity: 0; } 3%, 20% { opacity: 1; } 25%, 100% { opacity: 0; } } @keyframes joinchat_tootlip { 0% { opacity: 0; transform: scale3d(1, 0, 1); } 1%, 20% { opacity: 1; transform: scale3d(1, 1, 1); } 25%, 100% { opacity: 0; transform: scale3d(1, 1, 1); } } .joinchat__woo-btn__wrapper { clear: both; } .joinchat__woo-btn { --s: 40px; display: inline-block; box-sizing: border-box; height: var(--s); max-width: 100%; padding: 0 calc(var(--s)/2) 0 var(--s); background: #25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat; background-size: calc(var(--s)*0.6); color: #fff; border-radius: calc(var(--s)/2); font: 700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; transition: background-color 200ms; } .joinchat__woo-btn:empty { padding-right: 0; } .joinchat__woo-btn:hover { background-color: #128c7e; } @media (orientation: portrait) and (width >= 481px), (orientation: landscape) and (height >= 481px) { .joinchat--mobile { display: none !important; } } @media (width <= 767px) { .joinchat--footer-bar { --bottom: 76px !important; } } @media (width <= 480px), (orientation: landscape) and (height <= 480px) { .joinchat { --bottom: 6px; --sep: 6px; --header: calc(var(--s)*0.91667); } .joinchat__header__text { font-size: 17px; } .joinchat__close { --size: 28px; } .joinchat__box__scroll { padding-top: 15px; } .joinchat__message { padding: 18px 16px; line-height: 24px; margin: 0 20px 20px; } } @media (hover: hover) { .joinchat__button:hover .joinchat__tooltip { opacity: 1; animation: none; transition: opacity 0.2s; } .joinchat--btn .joinchat__button:hover .joinchat__qr, .joinchat--chatbox .joinchat__button:hover .joinchat__qr { display: flex; } } @media (prefers-color-scheme: dark) { .joinchat--dark-auto { --msg: var(--dark); } .joinchat--dark-auto .joinchat__box { background: #1a1a1a linear-gradient(180deg, var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg)); } .joinchat--dark-auto .joinchat__optin label::before { background: #000; } .joinchat--dark-auto .joinchat__optin { color: #d8d8d8; } .joinchat--dark-auto .joinchat__message { background: #505050; color: #d8d8d8; } } @media (prefers-reduced-motion) { .joinchat { animation: none; } .joinchat__button__send .joinchat_svg__plain { stroke-dasharray: 0; animation: none; } .joinchat__button__send .joinchat_svg__chat { animation: none; } .joinchat__button__sendtext { transition: none !important; } }