Haina
/
vault-haina
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'a93b95a00e'
${ noResults }
vault-haina/Workspace/SpringTraveler.com/spring.v0/Contact – GuiLinTraveler.html

5733 lines
288 KiB
HTML
Raw Blame History Unescape Escape

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->
<html lang="zh-Hans" class="js" itemscope="" itemtype="https://schema.org/WebPage"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Contact – GuiLinTraveler</title>
<meta name="robots" content="max-image-preview:large">
<style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;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:solid .08em #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:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.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}</style><style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<meta name="description" content="Chase Spring Around the World">
<link rel="alternate" hreflang="zh-CN" href="https://43.165.4.202/contact/">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: dark)">
<link rel="dns-prefetch" href="https://springtraveler.com/">
<link rel="dns-prefetch" href="https://fonts.googleapis.com/">
<link rel="alternate" type="application/rss+xml" title="GuiLinTraveler » Feed" href="https://springtraveler.com/feed/">
<link rel="alternate" type="application/rss+xml" title="GuiLinTraveler » 评论 Feed" href="https://springtraveler.com/comments/feed/">
<link rel="alternate" type="application/rss+xml" title="GuiLinTraveler » Contact 评论 Feed" href="https://springtraveler.com/contact/feed/">
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/springtraveler.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<link rel="stylesheet" id="dashicons-css" href="./Contact – GuiLinTraveler_files/dashicons.min.css" type="text/css" media="all">
<link rel="stylesheet" id="admin-bar-css" href="./Contact – GuiLinTraveler_files/admin-bar.min.css" type="text/css" media="all">
<style id="admin-bar-inline-css" type="text/css">
@media screen { html { margin-top: 32px !important; } }
@media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } }
@media print { #wpadminbar { display:none; } }
</style>
<link rel="stylesheet" id="ht_ctc_main_css-css" href="./Contact – GuiLinTraveler_files/main.css" type="text/css" media="all">
<style id="wp-emoji-styles-inline-css" type="text/css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="wp-block-library-css" href="./Contact – GuiLinTraveler_files/style.min.css" type="text/css" media="all">
<style id="filebird-block-filebird-gallery-style-inline-css" type="text/css">
ul.filebird-block-filebird-gallery{margin:auto!important;padding:0!important;width:100%}ul.filebird-block-filebird-gallery.layout-grid{display:grid;grid-gap:20px;align-items:stretch;grid-template-columns:repeat(var(--columns),1fr);justify-items:stretch}ul.filebird-block-filebird-gallery.layout-grid li img{border:1px solid #ccc;box-shadow:2px 2px 6px 0 rgba(0,0,0,.3);height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}ul.filebird-block-filebird-gallery.layout-masonry{-moz-column-count:var(--columns);-moz-column-gap:var(--space);column-gap:var(--space);-moz-column-width:var(--min-width);columns:var(--min-width) var(--columns);display:block;overflow:auto}ul.filebird-block-filebird-gallery.layout-masonry li{margin-bottom:var(--space)}ul.filebird-block-filebird-gallery li{list-style:none}ul.filebird-block-filebird-gallery li figure{height:100%;margin:0;padding:0;position:relative;width:100%}ul.filebird-block-filebird-gallery li figure figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}ul.filebird-block-filebird-gallery li figure figcaption a{color:inherit}
</style>
<link rel="stylesheet" id="revslider-material-icons-css" href="./Contact – GuiLinTraveler_files/material-icons.css" type="text/css" media="all">
<link rel="stylesheet" id="revslider-basics-css-css" href="./Contact – GuiLinTraveler_files/basics.css" type="text/css" media="all">
<link rel="stylesheet" id="rs-new-plugin-settings-css" href="./Contact – GuiLinTraveler_files/builder.css" type="text/css" media="all">
<link rel="stylesheet" id="rs-color-picker-css-css" href="./Contact – GuiLinTraveler_files/tp-color-picker.css" type="text/css" media="all">
<link rel="stylesheet" id="revbuilder-ddTP-css" href="./Contact – GuiLinTraveler_files/ddTP.css" type="text/css" media="all">
<link rel="stylesheet" id="rs-roboto-css" href="./Contact – GuiLinTraveler_files/css2" type="text/css" media="all">
<link rel="stylesheet" id="tp-material-icons-css" href="./Contact – GuiLinTraveler_files/icon" type="text/css" media="all">
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="stylesheet" as="style" onload="this.onload=null;this.rel=&#39;stylesheet&#39;" id="wp-travel-engine-css" href="./Contact – GuiLinTraveler_files/wte-public.css" type="text/css" media="all">
<link rel="stylesheet" id="travel-booking-toolkit-css" href="./Contact – GuiLinTraveler_files/travel-booking-toolkit-public.min.css" type="text/css" media="all">
<link rel="stylesheet" id="woocommerce-layout-css" href="./Contact – GuiLinTraveler_files/woocommerce-layout.css" type="text/css" media="all">
<style id="woocommerce-layout-inline-css" type="text/css">
.infinite-scroll .woocommerce-pagination {
display: none;
}
</style>
<link rel="stylesheet" id="woocommerce-smallscreen-css" href="./Contact – GuiLinTraveler_files/woocommerce-smallscreen.css" type="text/css" media="only screen and (max-width: 768px)">
<link rel="stylesheet" id="woocommerce-general-css" href="./Contact – GuiLinTraveler_files/woocommerce.css" type="text/css" media="all">
<style id="woocommerce-inline-inline-css" type="text/css">
.woocommerce form .form-row .required { visibility: visible; }
</style>
<link rel="stylesheet" id="brands-styles-css" href="./Contact – GuiLinTraveler_files/brands.css" type="text/css" media="all">
<link rel="stylesheet" id="mfn-be-css" href="./Contact – GuiLinTraveler_files/be.css" type="text/css" media="all">
<link rel="stylesheet" id="mfn-animations-css" href="./Contact – GuiLinTraveler_files/animations.min.css" type="text/css" media="all">
<link rel="stylesheet" id="mfn-font-awesome-css" href="./Contact – GuiLinTraveler_files/fontawesome.css" type="text/css" media="all">
<link rel="stylesheet" id="mfn-jplayer-css" href="./Contact – GuiLinTraveler_files/jplayer.blue.monday.min.css" type="text/css" media="all">
<link rel="stylesheet" id="mfn-responsive-css" href="./Contact – GuiLinTraveler_files/responsive.css" type="text/css" media="all">
<link rel="stylesheet" id="mfn-fonts-css" href="./Contact – GuiLinTraveler_files/css" type="text/css" media="all">
<link rel="stylesheet" id="mfn-woo-css" href="./Contact – GuiLinTraveler_files/woocommerce(1).css" type="text/css" media="all">
<style id="mfn-dynamic-inline-css" type="text/css">
html{background-color:#FCFCFC}#Wrapper,#Content,.mfn-popup .mfn-popup-content,.mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper,.mfn-cart-holder,.mfn-header-login,#Top_bar .search_wrapper,#Top_bar .top_bar_right .mfn-live-search-box,.column_livesearch .mfn-live-search-wrapper,.column_livesearch .mfn-live-search-box{background-color:#FCFCFC}.layout-boxed.mfn-bebuilder-header.mfn-ui #Wrapper .mfn-only-sample-content{background-color:#FCFCFC}body:not(.template-slider) #Header{min-height:0px}body.header-below:not(.template-slider) #Header{padding-top:0px}#Footer .widgets_wrapper{padding:70px 0}.has-search-overlay.search-overlay-opened #search-overlay{background-color:rgba(0,0,0,0.6)}.elementor-page.elementor-default #Content .the_content .section_wrapper{max-width:100%}.elementor-page.elementor-default #Content .section.the_content{width:100%}.elementor-page.elementor-default #Content .section_wrapper .the_content_wrapper{margin-left:0;margin-right:0;width:100%}body,span.date_label,.timeline_items li h3 span,input[type="date"],input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="url"],textarea,select,.offer_li .title h3,.mfn-menu-item-megamenu{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.lead,.big{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#menu > ul > li > a,#overlay-menu ul li a{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}#Subheader .title{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}h1,h2,h3,h4,.text-logo #logo{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}h5,h6{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}blockquote{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.chart_box .chart .num,.counter .desc_wrapper .number-wrapper,.how_it_works .image .number,.pricing-box .plan-header .price,.quick_fact .number-wrapper,.woocommerce .product div.entry-summary .price{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}body,.mfn-menu-item-megamenu{font-size:15px;line-height:28px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:17px;line-height:30px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:15px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:22.5px}#Subheader .title{font-size:50px;line-height:60px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:50px;line-height:60px;font-weight:500;letter-spacing:0px}h2{font-size:40px;line-height:50px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:30px;line-height:40px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:20px;line-height:30px;font-weight:600;letter-spacing:0px}h5{font-size:18px;line-height:30px;font-weight:400;letter-spacing:0px}h6{font-size:15px;line-height:26px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:70px;line-height:70px;font-weight:400;letter-spacing:0px}@media only screen and (min-width:768px) and (max-width:959px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:24px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:14px;line-height:26px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:43px;line-height:51px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:43px;line-height:51px;font-weight:500;letter-spacing:0px}h2{font-size:34px;line-height:43px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:26px;line-height:34px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:17px;line-height:26px;font-weight:600;letter-spacing:0px}h5{font-size:15px;line-height:26px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:22px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:60px;line-height:60px;font-weight:400;letter-spacing:0px}blockquote{font-size:15px}.chart_box .chart .num{font-size:45px;line-height:45px}.counter .desc_wrapper .number-wrapper{font-size:45px;line-height:45px}.counter .desc_wrapper .title{font-size:14px;line-height:18px}.faq .question .title{font-size:14px}.fancy_heading .title{font-size:38px;line-height:38px}.offer .offer_li .desc_wrapper .title h3{font-size:32px;line-height:32px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:32px;line-height:32px}.pricing-box .plan-header h2{font-size:27px;line-height:27px}.pricing-box .plan-header .price > span{font-size:40px;line-height:40px}.pricing-box .plan-header .price sup.currency{font-size:18px;line-height:18px}.pricing-box .plan-header .price sup.period{font-size:14px;line-height:14px}.quick_fact .number-wrapper{font-size:80px;line-height:80px}.trailer_box .desc h2{font-size:27px;line-height:27px}.widget > h3{font-size:17px;line-height:20px}}@media only screen and (min-width:480px) and (max-width:767px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:21px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:13px;line-height:23px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:38px;line-height:45px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:38px;line-height:45px;font-weight:500;letter-spacing:0px}h2{font-size:30px;line-height:38px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:23px;line-height:30px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:15px;line-height:23px;font-weight:600;letter-spacing:0px}h5{font-size:14px;line-height:23px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:20px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:53px;line-height:53px;font-weight:400;letter-spacing:0px}blockquote{font-size:14px}.chart_box .chart .num{font-size:40px;line-height:40px}.counter .desc_wrapper .number-wrapper{font-size:40px;line-height:40px}.counter .desc_wrapper .title{font-size:13px;line-height:16px}.faq .question .title{font-size:13px}.fancy_heading .title{font-size:34px;line-height:34px}.offer .offer_li .desc_wrapper .title h3{font-size:28px;line-height:28px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:28px;line-height:28px}.pricing-box .plan-header h2{font-size:24px;line-height:24px}.pricing-box .plan-header .price > span{font-size:34px;line-height:34px}.pricing-box .plan-header .price sup.currency{font-size:16px;line-height:16px}.pricing-box .plan-header .price sup.period{font-size:13px;line-height:13px}.quick_fact .number-wrapper{font-size:70px;line-height:70px}.trailer_box .desc h2{font-size:24px;line-height:24px}.widget > h3{font-size:16px;line-height:19px}}@media only screen and (max-width:479px){body,.mfn-menu-item-megamenu{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}.lead,.big{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}#menu > ul > li > a,#overlay-menu ul li a{font-size:13px;font-weight:500;letter-spacing:0px}#overlay-menu ul li a{line-height:19.5px}#Subheader .title{font-size:30px;line-height:36px;font-weight:400;letter-spacing:0px}h1,.text-logo #logo{font-size:30px;line-height:36px;font-weight:500;letter-spacing:0px}h2{font-size:24px;line-height:30px;font-weight:500;letter-spacing:0px}h3,.woocommerce ul.products li.product h3,.woocommerce #customer_login h2{font-size:18px;line-height:24px;font-weight:400;letter-spacing:0px}h4,.woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2{font-size:13px;line-height:19px;font-weight:600;letter-spacing:0px}h5{font-size:13px;line-height:19px;font-weight:400;letter-spacing:0px}h6{font-size:13px;line-height:19px;font-weight:700;letter-spacing:0px}#Intro .intro-title{font-size:42px;line-height:42px;font-weight:400;letter-spacing:0px}blockquote{font-size:13px}.chart_box .chart .num{font-size:35px;line-height:35px}.counter .desc_wrapper .number-wrapper{font-size:35px;line-height:35px}.counter .desc_wrapper .title{font-size:13px;line-height:26px}.faq .question .title{font-size:13px}.fancy_heading .title{font-size:30px;line-height:30px}.offer .offer_li .desc_wrapper .title h3{font-size:26px;line-height:26px}.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3{font-size:26px;line-height:26px}.pricing-box .plan-header h2{font-size:21px;line-height:21px}.pricing-box .plan-header .price > span{font-size:32px;line-height:32px}.pricing-box .plan-header .price sup.currency{font-size:14px;line-height:14px}.pricing-box .plan-header .price sup.period{font-size:13px;line-height:13px}.quick_fact .number-wrapper{font-size:60px;line-height:60px}.trailer_box .desc h2{font-size:21px;line-height:21px}.widget > h3{font-size:15px;line-height:18px}}.with_aside .sidebar.columns{width:23%}.with_aside .sections_group{width:77%}.aside_both .sidebar.columns{width:18%}.aside_both .sidebar.sidebar-1{margin-left:-82%}.aside_both .sections_group{width:64%;margin-left:18%}@media only screen and (min-width:1240px){#Wrapper,.with_aside .content_wrapper{max-width:1240px}body.layout-boxed.mfn-header-scrolled .mfn-header-tmpl.mfn-sticky-layout-width{max-width:1240px;left:0;right:0;margin-left:auto;margin-right:auto}body.layout-boxed:not(.mfn-header-scrolled) .mfn-header-tmpl.mfn-header-layout-width,body.layout-boxed .mfn-header-tmpl.mfn-header-layout-width:not(.mfn-hasSticky){max-width:1240px;left:0;right:0;margin-left:auto;margin-right:auto}body.layout-boxed.mfn-bebuilder-header.mfn-ui .mfn-only-sample-content{max-width:1240px;margin-left:auto;margin-right:auto}.section_wrapper,.container{max-width:1220px}.layout-boxed.header-boxed #Top_bar.is-sticky{max-width:1240px}}@media only screen and (max-width:767px){#Wrapper{max-width:calc(100% - 67px)}.content_wrapper .section_wrapper,.container,.four.columns .widget-area{max-width:550px !important;padding-left:33px;padding-right:33px}}body{--mfn-button-font-family:inherit;--mfn-button-font-size:14px;--mfn-button-font-weight:400;--mfn-button-font-style:inherit;--mfn-button-letter-spacing:0px;--mfn-button-padding:10px 20px 10px 20px;--mfn-button-border-width:0;--mfn-button-border-radius:3px 3px 3px 3px;--mfn-button-gap:10px;--mfn-button-transition:0.2s;--mfn-button-color:#626262;--mfn-button-color-hover:#626262;--mfn-button-bg:#dbdddf;--mfn-button-bg-hover:#d3d3d3;--mfn-button-border-color:transparent;--mfn-button-border-color-hover:transparent;--mfn-button-icon-color:#626262;--mfn-button-icon-color-hover:#626262;--mfn-button-box-shadow:unset;--mfn-button-theme-color:#ffffff;--mfn-button-theme-color-hover:#ffffff;--mfn-button-theme-bg:#0095eb;--mfn-button-theme-bg-hover:#007cc3;--mfn-button-theme-border-color:transparent;--mfn-button-theme-border-color-hover:transparent;--mfn-button-theme-icon-color:#ffffff;--mfn-button-theme-icon-color-hover:#ffffff;--mfn-button-theme-box-shadow:unset;--mfn-button-shop-color:#ffffff;--mfn-button-shop-color-hover:#ffffff;--mfn-button-shop-bg:#0095eb;--mfn-button-shop-bg-hover:#007cc3;--mfn-button-shop-border-color:transparent;--mfn-button-shop-border-color-hover:transparent;--mfn-button-shop-icon-color:#626262;--mfn-button-shop-icon-color-hover:#626262;--mfn-button-shop-box-shadow:unset;--mfn-button-action-color:#626262;--mfn-button-action-color-hover:#626262;--mfn-button-action-bg:#dbdddf;--mfn-button-action-bg-hover:#d3d3d3;--mfn-button-action-border-color:transparent;--mfn-button-action-border-color-hover:transparent;--mfn-button-action-icon-color:#626262;--mfn-button-action-icon-color-hover:#626262;--mfn-button-action-box-shadow:unset}@media only screen and (max-width:959px){body{}}@media only screen and (max-width:768px){body{}}.mfn-cookies{--mfn-gdpr2-container-text-color:#626262;--mfn-gdpr2-container-strong-color:#07070a;--mfn-gdpr2-container-bg:#ffffff;--mfn-gdpr2-container-overlay:rgba(25,37,48,0.6);--mfn-gdpr2-details-box-bg:#fbfbfb;--mfn-gdpr2-details-switch-bg:#00032a;--mfn-gdpr2-details-switch-bg-active:#5acb65;--mfn-gdpr2-tabs-text-color:#07070a;--mfn-gdpr2-tabs-text-color-active:#0089f7;--mfn-gdpr2-tabs-border:rgba(8,8,14,0.1);--mfn-gdpr2-buttons-box-bg:#fbfbfb}#Top_bar #logo,.header-fixed #Top_bar #logo,.header-plain #Top_bar #logo,.header-transparent #Top_bar #logo{height:60px;line-height:60px;padding:15px 0}.logo-overflow #Top_bar:not(.is-sticky) .logo{height:90px}#Top_bar .menu > li > a{padding:15px 0}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{margin:20px 0}.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description){line-height:90px}.header-fixed #Top_bar .menu > li > a{padding:30px 0}@media only screen and (max-width:767px){.mobile-header-mini #Top_bar #logo{height:50px!important;line-height:50px!important;margin:5px 0}}#Top_bar #logo img.svg{width:100px}.image_frame,.wp-caption{border-width:0px}.alert{border-radius:0px}#Top_bar .top_bar_right .top-bar-right-input input{width:200px}.mfn-live-search-box .mfn-live-search-list{max-height:300px}#Side_slide{right:-250px;width:250px}#Side_slide.left{left:-250px}.blog-teaser li .desc-wrapper .desc{background-position-y:-1px}.mfn-free-delivery-info{--mfn-free-delivery-bar:#0089F7;--mfn-free-delivery-bg:rgba(0,0,0,0.1);--mfn-free-delivery-achieved:#0089F7}#back_to_top i{color:#65666C}@media only screen and ( max-width:767px ){}@media only screen and (min-width:1240px){body:not(.header-simple) #Top_bar #menu{display:block!important}.tr-menu #Top_bar #menu{background:none!important}#Top_bar .menu > li > ul.mfn-megamenu > li{float:left}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1{width:100%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2{width:50%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3{width:33.33%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4{width:25%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5{width:20%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6{width:16.66%}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto;border-width:0 1px 0 0}#Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul{border:0}#Top_bar .menu > li > ul.mfn-megamenu > li > ul li{width:auto}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400;background:none}#Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow{display:none}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu{left:0;width:98%!important;margin:0 1%;padding:20px 0}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu-bg{box-sizing:border-box}#Top_bar .menu > li > ul.mfn-megamenu-bg{padding:20px 166px 20px 20px;background-repeat:no-repeat;background-position:right bottom}.rtl #Top_bar .menu > li > ul.mfn-megamenu-bg{padding-left:166px;padding-right:20px;background-position:left bottom}#Top_bar .menu > li > ul.mfn-megamenu-bg > li{background:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li a{border:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul{background:none!important;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0}.mm-vertical #Top_bar .container{position:relative}.mm-vertical #Top_bar .top_bar_left{position:static}.mm-vertical #Top_bar .menu > li ul{box-shadow:0 0 0 0 transparent!important;background-image:none}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu{padding:20px 0}.mm-vertical.header-plain #Top_bar .menu > li > ul.mfn-megamenu{width:100%!important;margin:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li{display:table-cell;float:none!important;width:10%;padding:0 15px;border-right:1px solid rgba(0,0,0,0.05)}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li.hide-border{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li a{border-bottom-width:0;padding:9px 15px;line-height:120%}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{font-weight:700}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:first-child{border-right-width:0}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:1px}body.header-shop #Top_bar #menu{display:flex!important;background-color:transparent}.header-shop #Top_bar.is-sticky .top_bar_row_second{display:none}.header-plain:not(.menuo-right) #Header .top_bar_left{width:auto!important}.header-stack.header-center #Top_bar #menu{display:inline-block!important}.header-simple #Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}.header-simple #Header a.responsive-menu-toggle{display:block;right:10px}.header-simple #Top_bar #menu > ul{width:100%;float:left}.header-simple #Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}.header-simple #Top_bar #menu ul li a{padding:0 20px;margin:0;display:block;height:auto;line-height:normal;border:none}.header-simple #Top_bar #menu ul li a:not(.menu-toggle):after{display:none}.header-simple #Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}.header-simple #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;transform:unset}.header-simple #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}.header-simple #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}.header-simple #Top_bar #menu ul li.hover a{border-bottom:0}.header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.header-simple #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin:0!important;width:auto!important;background-image:none}.header-simple #Top_bar #menu ul li ul li{width:100%!important;display:block;padding:0}.header-simple #Top_bar #menu ul li ul li a{padding:0 20px 0 30px}.header-simple #Top_bar #menu ul li ul li a .menu-arrow{display:none}.header-simple #Top_bar #menu ul li ul li a span{padding:0}.header-simple #Top_bar #menu ul li ul li a span:after{display:none!important}.header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}.header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}.header-simple #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 20px 0 40px}.rtl.header-simple #Top_bar #menu{left:1px;right:auto}.rtl.header-simple #Top_bar a.responsive-menu-toggle{left:10px;right:auto}.rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle{left:0;right:auto}.rtl.header-simple #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl.header-simple #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.menu-highlight #Top_bar .menu > li{margin:0 2px}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{padding:0;-webkit-border-radius:5px;border-radius:5px}.menu-highlight #Top_bar .menu > li > a:after{display:none}.menu-highlight #Top_bar .menu > li > a span:not(.description){line-height:50px}.menu-highlight #Top_bar .menu > li > a span.description{display:none}.menu-highlight.header-stack #Top_bar .menu > li > a{margin:10px 0!important}.menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description){line-height:40px}.menu-highlight.header-simple #Top_bar #menu ul li,.menu-highlight.header-creative #Top_bar #menu ul li{margin:0}.menu-highlight.header-simple #Top_bar #menu ul li > a,.menu-highlight.header-creative #Top_bar #menu ul li > a{-webkit-border-radius:0;border-radius:0}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a{margin:10px 0!important;padding:5px 0!important}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a span{line-height:30px!important}.header-modern.menu-highlight.menuo-right .menu_wrapper{margin-right:20px}.menu-line-below #Top_bar .menu > li > a:not(.menu-toggle):after{top:auto;bottom:-4px}.menu-line-below #Top_bar.is-sticky .menu > li > a:not(.menu-toggle):after{top:auto;bottom:-4px}.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after{height:4px;left:10%;top:50%;margin-top:20px;width:80%}.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:not(.menu-toggle):after{height:1px;left:10%;top:50%;margin-top:20px;width:80%}.menu-link-color #Top_bar .menu > li > a:not(.menu-toggle):after{display:none!important}.menu-arrow-top #Top_bar .menu > li > a:after{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;border-color:#ccc transparent transparent;border-style:solid;border-width:7px 7px 0;display:block;height:0;left:50%;margin-left:-7px;top:0!important;width:0}.menu-arrow-top #Top_bar.is-sticky .menu > li > a:after{top:0!important}.menu-arrow-bottom #Top_bar .menu > li > a:after{background:none!important;border-color:transparent transparent #ccc;border-style:solid;border-width:0 7px 7px;display:block;height:0;left:50%;margin-left:-7px;top:auto;bottom:0;width:0}.menu-arrow-bottom #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:0}.menuo-no-borders #Top_bar .menu > li > a span{border-width:0!important}.menuo-no-borders #Header_creative #Top_bar .menu > li > a span{border-bottom-width:0}.menuo-no-borders.header-plain #Top_bar a#header_cart,.menuo-no-borders.header-plain #Top_bar a#search_button,.menuo-no-borders.header-plain #Top_bar .wpml-languages,.menuo-no-borders.header-plain #Top_bar a.action_button{border-width:0}.menuo-right #Top_bar .menu_wrapper{float:right}.menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper{margin-right:150px}body.header-creative{padding-left:50px}body.header-creative.header-open{padding-left:250px}body.error404,body.under-construction,body.elementor-maintenance-mode,body.template-blank,body.under-construction.header-rtl.header-creative.header-open{padding-left:0!important;padding-right:0!important}.header-creative.footer-fixed #Footer,.header-creative.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{box-sizing:border-box;padding-left:50px}.header-open.footer-fixed #Footer,.header-open.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{padding-left:250px}.header-rtl.header-creative.footer-fixed #Footer,.header-rtl.header-creative.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-left:0;padding-right:50px}.header-rtl.header-open.footer-fixed #Footer,.header-rtl.header-open.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-right:250px}#Header_creative{background-color:#fff;position:fixed;width:250px;height:100%;left:-200px;top:0;z-index:9002;-webkit-box-shadow:2px 0 4px 2px rgba(0,0,0,.15);box-shadow:2px 0 4px 2px rgba(0,0,0,.15)}#Header_creative .container{width:100%}#Header_creative .creative-wrapper{opacity:0;margin-right:50px}#Header_creative a.creative-menu-toggle{display:block;width:34px;height:34px;line-height:34px;font-size:22px;text-align:center;position:absolute;top:10px;right:8px;border-radius:3px}.admin-bar #Header_creative a.creative-menu-toggle{top:42px}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .top_bar_left{width:100%!important;float:none}#Header_creative #Top_bar .logo{float:none;text-align:center;margin:15px 0}#Header_creative #Top_bar #menu{background-color:transparent}#Header_creative #Top_bar .menu_wrapper{float:none;margin:0 0 30px}#Header_creative #Top_bar .menu > li{width:100%;float:none;position:relative}#Header_creative #Top_bar .menu > li > a{padding:0;text-align:center}#Header_creative #Top_bar .menu > li > a:after{display:none}#Header_creative #Top_bar .menu > li > a span{border-right:0;border-bottom-width:1px;line-height:38px}#Header_creative #Top_bar .menu li ul{left:100%;right:auto;top:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03)}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu{margin:0;width:700px!important}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul{left:0}#Header_creative #Top_bar .menu li ul li a{padding-top:9px;padding-bottom:8px}#Header_creative #Top_bar .menu li ul li ul{top:0}#Header_creative #Top_bar .menu > li > a span.description{display:block;font-size:13px;line-height:28px!important;clear:both}.menuo-arrows #Top_bar .menu > li.submenu > a > span:after{content:unset!important}#Header_creative #Top_bar .top_bar_right{width:100%!important;float:left;height:auto;margin-bottom:35px;text-align:center;padding:0 20px;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#Header_creative #Top_bar .top_bar_right:before{content:none}#Header_creative #Top_bar .top_bar_right .top_bar_right_wrapper{flex-wrap:wrap;justify-content:center}#Header_creative #Top_bar .top_bar_right .top-bar-right-icon,#Header_creative #Top_bar .top_bar_right .wpml-languages,#Header_creative #Top_bar .top_bar_right .top-bar-right-button,#Header_creative #Top_bar .top_bar_right .top-bar-right-input{min-height:30px;margin:5px}#Header_creative #Top_bar .search_wrapper{left:100%;top:auto}#Header_creative #Top_bar .banner_wrapper{display:block;text-align:center}#Header_creative #Top_bar .banner_wrapper img{max-width:100%;height:auto;display:inline-block}#Header_creative #Action_bar{display:none;position:absolute;bottom:0;top:auto;clear:both;padding:0 20px;box-sizing:border-box}#Header_creative #Action_bar .contact_details{width:100%;text-align:center;margin-bottom:20px}#Header_creative #Action_bar .contact_details li{padding:0}#Header_creative #Action_bar .social{float:none;text-align:center;padding:5px 0 15px}#Header_creative #Action_bar .social li{margin-bottom:2px}#Header_creative #Action_bar .social-menu{float:none;text-align:center}#Header_creative #Action_bar .social-menu li{border-color:rgba(0,0,0,.1)}#Header_creative .social li a{color:rgba(0,0,0,.5)}#Header_creative .social li a:hover{color:#000}#Header_creative .creative-social{position:absolute;bottom:10px;right:0;width:50px}#Header_creative .creative-social li{display:block;float:none;width:100%;text-align:center;margin-bottom:5px}.header-creative .fixed-nav.fixed-nav-prev{margin-left:50px}.header-creative.header-open .fixed-nav.fixed-nav-prev{margin-left:250px}.menuo-last #Header_creative #Top_bar .menu li.last ul{top:auto;bottom:0}.header-open #Header_creative{left:0}.header-open #Header_creative .creative-wrapper{opacity:1;margin:0!important}.header-open #Header_creative .creative-menu-toggle,.header-open #Header_creative .creative-social{display:none}.header-open #Header_creative #Action_bar{display:block}body.header-rtl.header-creative{padding-left:0;padding-right:50px}.header-rtl #Header_creative{left:auto;right:-200px}.header-rtl #Header_creative .creative-wrapper{margin-left:50px;margin-right:0}.header-rtl #Header_creative a.creative-menu-toggle{left:8px;right:auto}.header-rtl #Header_creative .creative-social{left:0;right:auto}.header-rtl #Footer #back_to_top.sticky{right:125px}.header-rtl #popup_contact{right:70px}.header-rtl #Header_creative #Top_bar .menu li ul{left:auto;right:100%}.header-rtl #Header_creative #Top_bar .search_wrapper{left:auto;right:100%}.header-rtl .fixed-nav.fixed-nav-prev{margin-left:0!important}.header-rtl .fixed-nav.fixed-nav-next{margin-right:50px}body.header-rtl.header-creative.header-open{padding-left:0;padding-right:250px!important}.header-rtl.header-open #Header_creative{left:auto;right:0}.header-rtl.header-open #Footer #back_to_top.sticky{right:325px}.header-rtl.header-open #popup_contact{right:270px}.header-rtl.header-open .fixed-nav.fixed-nav-next{margin-right:250px}#Header_creative.active{left:-1px}.header-rtl #Header_creative.active{left:auto;right:-1px}#Header_creative.active .creative-wrapper{opacity:1;margin:0}.header-creative .vc_row[data-vc-full-width]{padding-left:50px}.header-creative.header-open .vc_row[data-vc-full-width]{padding-left:250px}.header-open .vc_parallax .vc_parallax-inner{left:auto;width:calc(100% - 250px)}.header-open.header-rtl .vc_parallax .vc_parallax-inner{left:0;right:auto}#Header_creative.scroll{height:100%;overflow-y:auto}#Header_creative.scroll:not(.dropdown) .menu li ul{display:none!important}#Header_creative.scroll #Action_bar{position:static}#Header_creative.dropdown{outline:none}#Header_creative.dropdown #Top_bar .menu_wrapper{float:left;width:100%}#Header_creative.dropdown #Top_bar #menu ul li{position:relative;float:left}#Header_creative.dropdown #Top_bar #menu ul li a:not(.menu-toggle):after{display:none}#Header_creative.dropdown #Top_bar #menu ul li a span{line-height:38px;padding:0}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;font-size:26px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;z-index:203}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}#Header_creative.dropdown #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Header_creative.dropdown #Top_bar #menu ul.sub-menu li:not(:last-of-type) a{border-bottom:0}#Header_creative.dropdown #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none}#Header_creative.dropdown #Top_bar #menu ul li ul li{width:100%!important}#Header_creative.dropdown #Top_bar #menu ul li ul li a{padding:0 10px;text-align:center}#Header_creative.dropdown #Top_bar #menu ul li ul li a .menu-arrow{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul li a span{padding:0}#Header_creative.dropdown #Top_bar #menu ul li ul li a span:after{display:none!important}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Header_creative.dropdown #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Header_creative{transition:left .5s ease-in-out,right .5s ease-in-out}#Header_creative .creative-wrapper{transition:opacity .5s ease-in-out,margin 0s ease-in-out .5s}#Header_creative.active .creative-wrapper{transition:opacity .5s ease-in-out,margin 0s ease-in-out}}@media only screen and (min-width:1240px){#Top_bar.is-sticky{position:fixed!important;width:100%;left:0;top:-60px;height:60px;z-index:701;background:#fff;opacity:.97;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}.layout-boxed.header-boxed #Top_bar.is-sticky{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#Top_bar.is-sticky .top_bar_left,#Top_bar.is-sticky .top_bar_right,#Top_bar.is-sticky .top_bar_right:before{background:none;box-shadow:unset}#Top_bar.is-sticky .logo{width:auto;margin:0 30px 0 20px;padding:0}#Top_bar.is-sticky #logo,#Top_bar.is-sticky .custom-logo-link{padding:5px 0!important;height:50px!important;line-height:50px!important}.logo-no-sticky-padding #Top_bar.is-sticky #logo{height:60px!important;line-height:60px!important}#Top_bar.is-sticky #logo img.logo-main{display:none}#Top_bar.is-sticky #logo img.logo-sticky{display:inline;max-height:35px}.logo-sticky-width-auto #Top_bar.is-sticky #logo img.logo-sticky{width:auto}#Top_bar.is-sticky .menu_wrapper{clear:none}#Top_bar.is-sticky .menu_wrapper .menu > li > a{padding:15px 0}#Top_bar.is-sticky .menu > li > a,#Top_bar.is-sticky .menu > li > a span{line-height:30px}#Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px}#Top_bar.is-sticky .menu > li > a span.description{display:none}#Top_bar.is-sticky .secondary_menu_wrapper,#Top_bar.is-sticky .banner_wrapper{display:none}.header-overlay #Top_bar.is-sticky{display:none}.sticky-dark #Top_bar.is-sticky,.sticky-dark #Top_bar.is-sticky #menu{background:rgba(0,0,0,.8)}.sticky-dark #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#fff}.sticky-dark #Top_bar.is-sticky .top_bar_right .top-bar-right-icon{color:rgba(255,255,255,.9)}.sticky-dark #Top_bar.is-sticky .top_bar_right .top-bar-right-icon svg .path{stroke:rgba(255,255,255,.9)}.sticky-dark #Top_bar.is-sticky .wpml-languages a.active,.sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.1)}.sticky-white #Top_bar.is-sticky,.sticky-white #Top_bar.is-sticky #menu{background:rgba(255,255,255,.8)}.sticky-white #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#222}.sticky-white #Top_bar.is-sticky .top_bar_right .top-bar-right-icon{color:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .top_bar_right .top-bar-right-icon svg .path{stroke:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .wpml-languages a.active,.sticky-white #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.1)}}@media only screen and (min-width:768px) and (max-width:1240px){.header_placeholder{height:0!important}}@media only screen and (max-width:1239px){#Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}#Top_bar a.responsive-menu-toggle{display:block}#Top_bar #menu > ul{width:100%;float:left}#Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}#Top_bar #menu ul li a{padding:0 25px;margin:0;display:block;height:auto;line-height:normal;border:none}#Top_bar #menu ul li a:not(.menu-toggle):after{display:none}#Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}#Top_bar #menu ul li a span.description{margin:0 0 0 5px}#Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:15px;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;transform:unset}#Top_bar #menu ul li.submenu .menu-toggle:after{content:"+";position:static}#Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Top_bar #menu ul li.hover a{border-bottom:0}#Top_bar #menu ul li a span:after{display:none!important}#Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.menuo-arrows.keyboard-support #Top_bar .menu > li.submenu > a:not(.menu-toggle):after,.menuo-arrows:not(.keyboard-support) #Top_bar .menu > li.submenu > a:not(.menu-toggle)::after{display:none !important}#Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none!important;box-shadow:0 0 0 0 transparent!important;-webkit-box-shadow:0 0 0 0 transparent!important}#Top_bar #menu ul li ul li{width:100%!important}#Top_bar #menu ul li ul li a{padding:0 20px 0 35px}#Top_bar #menu ul li ul li a .menu-arrow{display:none}#Top_bar #menu ul li ul li a span{padding:0}#Top_bar #menu ul li ul li a span:after{display:none!important}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Top_bar #menu ul li ul li ul li a{padding:0 20px 0 45px}#Header #menu > ul > li.current-menu-item > a,#Header #menu > ul > li.current_page_item > a,#Header #menu > ul > li.current-menu-parent > a,#Header #menu > ul > li.current-page-parent > a,#Header #menu > ul > li.current-menu-ancestor > a,#Header #menu > ul > li.current_page_ancestor > a{background:rgba(0,0,0,.02)}.rtl #Top_bar #menu{left:1px;right:auto}.rtl #Top_bar a.responsive-menu-toggle{left:20px;right:auto}.rtl #Top_bar #menu ul li.submenu .menu-toggle{left:15px;right:auto;border-left:none;border-right:1px solid #eee;transform:unset}.rtl #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.header-stack .menu_wrapper a.responsive-menu-toggle{position:static!important;margin:11px 0!important}.header-stack .menu_wrapper #menu{left:0;right:auto}.rtl.header-stack #Top_bar #menu{left:auto;right:0}.admin-bar #Header_creative{top:32px}.header-creative.layout-boxed{padding-top:85px}.header-creative.layout-full-width #Wrapper{padding-top:60px}#Header_creative{position:fixed;width:100%;left:0!important;top:0;z-index:1001}#Header_creative .creative-wrapper{display:block!important;opacity:1!important}#Header_creative .creative-menu-toggle,#Header_creative .creative-social{display:none!important;opacity:1!important}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .one{display:flex}#Header_creative #Top_bar #logo,#Header_creative #Top_bar .custom-logo-link{height:50px;line-height:50px;padding:5px 0}#Header_creative #Top_bar #logo img.logo-sticky{max-height:40px!important}#Header_creative #logo img.logo-main{display:none}#Header_creative #logo img.logo-sticky{display:inline-block}.logo-no-sticky-padding #Header_creative #Top_bar #logo{height:60px;line-height:60px;padding:0}.logo-no-sticky-padding #Header_creative #Top_bar #logo img.logo-sticky{max-height:60px!important}#Header_creative #Action_bar{display:none}#Header_creative #Top_bar .top_bar_right:before{content:none}#Header_creative.scroll{overflow:visible!important}}body{--mfn-clients-tiles-hover:#0089F7;--mfn-icon-box-icon:#0089F7;--mfn-sliding-box-bg:#0089F7;--mfn-woo-body-color:#626262;--mfn-woo-heading-color:#626262;--mfn-woo-themecolor:#0089F7;--mfn-woo-bg-themecolor:#0089F7;--mfn-woo-border-themecolor:#0089F7}#Header_wrapper,#Intro{background-color:#13162f}#Subheader{background-color:rgba(247,247,247,1)}.header-classic #Action_bar,.header-fixed #Action_bar,.header-plain #Action_bar,.header-split #Action_bar,.header-shop #Action_bar,.header-shop-split #Action_bar,.header-stack #Action_bar{background-color:#101015}#Sliding-top{background-color:#545454}#Sliding-top a.sliding-top-control{border-right-color:#545454}#Sliding-top.st-center a.sliding-top-control,#Sliding-top.st-left a.sliding-top-control{border-top-color:#545454}#Footer{background-color:#101015}.grid .post-item,.masonry:not(.tiles) .post-item,.photo2 .post .post-desc-wrapper{background-color:transparent}.portfolio_group .portfolio-item .desc{background-color:transparent}.woocommerce ul.products li.product,.shop_slider .shop_slider_ul li .item_wrapper .desc{background-color:transparent}body,ul.timeline_items,.icon_box a .desc,.icon_box a:hover .desc,.feature_list ul li a,.list_item a,.list_item a:hover,.widget_recent_entries ul li a,.flat_box a,.flat_box a:hover,.story_box .desc,.content_slider.carousel ul li a .title,.content_slider.flat.description ul li .desc,.content_slider.flat.description ul li a .desc,.post-nav.minimal a i{color:#626262}.lead,.big{color:#2e2e2e}.post-nav.minimal a svg{fill:#626262}.themecolor,.opening_hours .opening_hours_wrapper li span,.fancy_heading_icon .icon_top,.fancy_heading_arrows .icon-right-dir,.fancy_heading_arrows .icon-left-dir,.fancy_heading_line .title,.button-love a.mfn-love,.format-link .post-title .icon-link,.pager-single > span,.pager-single a:hover,.widget_meta ul,.widget_pages ul,.widget_rss ul,.widget_mfn_recent_comments ul li:after,.widget_archive ul,.widget_recent_comments ul li:after,.widget_nav_menu ul,.woocommerce ul.products li.product .price,.shop_slider .shop_slider_ul li .item_wrapper .price,.woocommerce-page ul.products li.product .price,.widget_price_filter .price_label .from,.widget_price_filter .price_label .to,.woocommerce ul.product_list_widget li .quantity .amount,.woocommerce .product div.entry-summary .price,.woocommerce .product .woocommerce-variation-price .price,.woocommerce .star-rating span,#Error_404 .error_pic i,.style-simple #Filters .filters_wrapper ul li a:hover,.style-simple #Filters .filters_wrapper ul li.current-cat a,.style-simple .quick_fact .title,.mfn-cart-holder .mfn-ch-content .mfn-ch-product .woocommerce-Price-amount,.woocommerce .comment-form-rating p.stars a:before,.wishlist .wishlist-row .price,.search-results .search-item .post-product-price,.progress_icons.transparent .progress_icon.themebg{color:#0089F7}.mfn-wish-button.loved:not(.link) .path{fill:#0089F7;stroke:#0089F7}.themebg,#comments .commentlist > li .reply a.comment-reply-link,#Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a,.fixed-nav .arrow,.offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a.selected:after,.pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current,.pager-single span:after,.portfolio_group.exposure .portfolio-item .desc-inner .line,.Recent_posts ul li .desc:after,.Recent_posts ul li .photo .c,.slider_pagination a.selected,.slider_pagination .slick-active a,.slider_pagination a.selected:after,.slider_pagination .slick-active a:after,.testimonials_slider .slider_images,.testimonials_slider .slider_images a:after,.testimonials_slider .slider_images:before,#Top_bar .header-cart-count,#Top_bar .header-wishlist-count,.mfn-footer-stickymenu ul li a .header-wishlist-count,.mfn-footer-stickymenu ul li a .header-cart-count,.widget_categories ul,.widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a,.widget_product_categories ul,.widget_recent_entries ul li:after,.woocommerce-account table.my_account_orders .order-number a,.woocommerce-MyAccount-navigation ul li.is-active a,.style-simple .accordion .question:after,.style-simple .faq .question:after,.style-simple .icon_box .desc_wrapper .title:before,.style-simple #Filters .filters_wrapper ul li a:after,.style-simple .trailer_box:hover .desc,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet.selected:after,.tparrows.default,.tp-bullets.tp-thumbs .bullet.selected:after{background-color:#0089F7}.Latest_news ul li .photo,.Recent_posts.blog_news ul li .photo,.style-simple .opening_hours .opening_hours_wrapper li label,.style-simple .timeline_items li:hover h3,.style-simple .timeline_items li:nth-child(even):hover h3,.style-simple .timeline_items li:hover .desc,.style-simple .timeline_items li:nth-child(even):hover,.style-simple .offer_thumb .slider_pagination a.selected{border-color:#0089F7}a{color:#006edf}a:hover{color:#0089f7}*::-moz-selection{background-color:#0089F7;color:white}*::selection{background-color:#0089F7;color:white}.blockquote p.author span,.counter .desc_wrapper .title,.article_box .desc_wrapper p,.team .desc_wrapper p.subtitle,.pricing-box .plan-header p.subtitle,.pricing-box .plan-header .price sup.period,.chart_box p,.fancy_heading .inside,.fancy_heading_line .slogan,.post-meta,.post-meta a,.post-footer,.post-footer a span.label,.pager .pages a,.button-love a .label,.pager-single a,#comments .commentlist > li .comment-author .says,.fixed-nav .desc .date,.filters_buttons li.label,.Recent_posts ul li a .desc .date,.widget_recent_entries ul li .post-date,.tp_recent_tweets .twitter_time,.widget_price_filter .price_label,.shop-filters .woocommerce-result-count,.woocommerce ul.product_list_widget li .quantity,.widget_shopping_cart ul.product_list_widget li dl,.product_meta .posted_in,.woocommerce .shop_table .product-name .variation > dd,.shipping-calculator-button:after,.shop_slider .shop_slider_ul li .item_wrapper .price del,.woocommerce .product .entry-summary .woocommerce-product-rating .woocommerce-review-link,.woocommerce .product.style-default .entry-summary .product_meta .tagged_as,.woocommerce .tagged_as,.wishlist .sku_wrapper,.woocommerce .column_product_rating .woocommerce-review-link,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__verified,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date,.testimonials_slider .testimonials_slider_ul li .author span,.testimonials_slider .testimonials_slider_ul li .author span a,.Latest_news ul li .desc_footer,.share-simple-wrapper .icons a{color:#a8a8a8}h1,h1 a,h1 a:hover,.text-logo #logo{color:#161922}h2,h2 a,h2 a:hover{color:#161922}h3,h3 a,h3 a:hover{color:#161922}h4,h4 a,h4 a:hover,.style-simple .sliding_box .desc_wrapper h4{color:#161922}h5,h5 a,h5 a:hover{color:#5f6271}h6,h6 a,h6 a:hover,a.content_link .title{color:#161922}.woocommerce #customer_login h2{color:#161922} .woocommerce .woocommerce-order-details__title,.woocommerce .wc-bacs-bank-details-heading,.woocommerce .woocommerce-customer-details h2,.woocommerce #respond .comment-reply-title,.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author{color:#161922} .dropcap,.highlight:not(.highlight_image){background-color:#0089F7}a.mfn-link{color:#656B6F}a.mfn-link-2 span,a:hover.mfn-link-2 span:before,a.hover.mfn-link-2 span:before,a.mfn-link-5 span,a.mfn-link-8:after,a.mfn-link-8:before{background:#006edf}a:hover.mfn-link{color:#006edf}a.mfn-link-2 span:before,a:hover.mfn-link-4:before,a:hover.mfn-link-4:after,a.hover.mfn-link-4:before,a.hover.mfn-link-4:after,a.mfn-link-5:before,a.mfn-link-7:after,a.mfn-link-7:before{background:#0089f7}a.mfn-link-6:before{border-bottom-color:#0089f7}a.mfn-link svg .path{stroke:#006edf}.column_column ul,.column_column ol,.the_content_wrapper:not(.is-elementor) ul,.the_content_wrapper:not(.is-elementor) ol{color:#737E86}hr.hr_color,.hr_color hr,.hr_dots span{color:#0089F7;background:#0089F7}.hr_zigzag i{color:#0089F7}.highlight-left:after,.highlight-right:after{background:#0089F7}@media only screen and (max-width:767px){.highlight-left .wrap:first-child,.highlight-right .wrap:last-child{background:#0089F7}}#Header .top_bar_left,.header-classic #Top_bar,.header-plain #Top_bar,.header-stack #Top_bar,.header-split #Top_bar,.header-shop #Top_bar,.header-shop-split #Top_bar,.header-fixed #Top_bar,.header-below #Top_bar,#Header_creative,#Top_bar #menu,.sticky-tb-color #Top_bar.is-sticky{background-color:#ffffff}#Top_bar .wpml-languages a.active,#Top_bar .wpml-languages ul.wpml-lang-dropdown{background-color:#ffffff}#Top_bar .top_bar_right:before{background-color:#e3e3e3}#Header .top_bar_right{background-color:#f5f5f5}#Top_bar .top_bar_right .top-bar-right-icon,#Top_bar .top_bar_right .top-bar-right-icon svg .path{color:#333333;stroke:#333333}#Top_bar .menu > li > a,#Top_bar #menu ul li.submenu .menu-toggle{color:#2a2b39}#Top_bar .menu > li.current-menu-item > a,#Top_bar .menu > li.current_page_item > a,#Top_bar .menu > li.current-menu-parent > a,#Top_bar .menu > li.current-page-parent > a,#Top_bar .menu > li.current-menu-ancestor > a,#Top_bar .menu > li.current-page-ancestor > a,#Top_bar .menu > li.current_page_ancestor > a,#Top_bar .menu > li.hover > a{color:#0089F7}#Top_bar .menu > li a:not(.menu-toggle):after{background:#0089F7}.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after{border-top-color:#2a2b39}#Top_bar .menu > li.current-menu-item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.hover.submenu > a > span:not(.description)::after{border-top-color:#0089F7}.menu-highlight #Top_bar #menu > ul > li.current-menu-item > a,.menu-highlight #Top_bar #menu > ul > li.current_page_item > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-page-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current-page-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a,.menu-highlight #Top_bar #menu > ul > li.hover > a{background:#F2F2F2}.menu-arrow-bottom #Top_bar .menu > li > a:after{border-bottom-color:#0089F7}.menu-arrow-top #Top_bar .menu > li > a:after{border-top-color:#0089F7}.header-plain #Top_bar .menu > li.current-menu-item > a,.header-plain #Top_bar .menu > li.current_page_item > a,.header-plain #Top_bar .menu > li.current-menu-parent > a,.header-plain #Top_bar .menu > li.current-page-parent > a,.header-plain #Top_bar .menu > li.current-menu-ancestor > a,.header-plain #Top_bar .menu > li.current-page-ancestor > a,.header-plain #Top_bar .menu > li.current_page_ancestor > a,.header-plain #Top_bar .menu > li.hover > a,.header-plain #Top_bar .wpml-languages:hover,.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown{background:#F2F2F2;color:#0089F7}.header-plain #Top_bar .top_bar_right .top-bar-right-icon:hover{background:#F2F2F2}.header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description),.header-plain #Top_bar .top_bar_right .top-bar-right-icon,.header-plain #Top_bar .top_bar_right .top-bar-right-button,.header-plain #Top_bar .top_bar_right .top-bar-right-input,.header-plain #Top_bar .wpml-languages{border-color:#f2f2f2}#Top_bar .menu > li ul{background-color:#F2F2F2}#Top_bar .menu > li ul li a{color:#5f5f5f}#Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a{color:#2e2e2e}.overlay-menu-toggle{color:#0089F7 !important;background:transparent}#Overlay{background:rgba(0,137,247,0.95)}#overlay-menu ul li a,.header-overlay .overlay-menu-toggle.focus{color:#FFFFFF}#overlay-menu ul li.current-menu-item > a,#overlay-menu ul li.current_page_item > a,#overlay-menu ul li.current-menu-parent > a,#overlay-menu ul li.current-page-parent > a,#overlay-menu ul li.current-menu-ancestor > a,#overlay-menu ul li.current-page-ancestor > a,#overlay-menu ul li.current_page_ancestor > a{color:#B1DCFB}#Top_bar .responsive-menu-toggle,#Header_creative .creative-menu-toggle,#Header_creative .responsive-menu-toggle{color:#0089F7;background:transparent}.mfn-footer-stickymenu{background-color:#ffffff}.mfn-footer-stickymenu ul li a,.mfn-footer-stickymenu ul li a .path{color:#333333;stroke:#333333}#Side_slide{background-color:#191919;border-color:#191919}#Side_slide,#Side_slide #menu ul li.submenu .menu-toggle,#Side_slide .search-wrapper input.field,#Side_slide a:not(.button){color:#A6A6A6}#Side_slide .extras .extras-wrapper a svg .path{stroke:#A6A6A6}#Side_slide #menu ul li.hover > .menu-toggle,#Side_slide a.active,#Side_slide a:not(.button):hover{color:#FFFFFF}#Side_slide .extras .extras-wrapper a:hover svg .path{stroke:#FFFFFF}#Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a,#Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a,#Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a,#Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color:#FFFFFF}#Action_bar .contact_details{color:#bbbbbb}#Action_bar .contact_details a{color:#006edf}#Action_bar .contact_details a:hover{color:#0089f7}#Action_bar .social li a,#Header_creative .social li a,#Action_bar:not(.creative) .social-menu a{color:#bbbbbb}#Action_bar .social li a:hover,#Header_creative .social li a:hover,#Action_bar:not(.creative) .social-menu a:hover{color:#FFFFFF}#Subheader .title{color:#161922}#Subheader ul.breadcrumbs li,#Subheader ul.breadcrumbs li a{color:rgba(22,25,34,0.6)}.mfn-footer,.mfn-footer .widget_recent_entries ul li a{color:#bababa}.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn){color:#d1d1d1}.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn):hover{color:#0089f7}.mfn-footer h1,.mfn-footer h1 a,.mfn-footer h1 a:hover,.mfn-footer h2,.mfn-footer h2 a,.mfn-footer h2 a:hover,.mfn-footer h3,.mfn-footer h3 a,.mfn-footer h3 a:hover,.mfn-footer h4,.mfn-footer h4 a,.mfn-footer h4 a:hover,.mfn-footer h5,.mfn-footer h5 a,.mfn-footer h5 a:hover,.mfn-footer h6,.mfn-footer h6 a,.mfn-footer h6 a:hover{color:#ffffff}.mfn-footer .themecolor,.mfn-footer .widget_meta ul,.mfn-footer .widget_pages ul,.mfn-footer .widget_rss ul,.mfn-footer .widget_mfn_recent_comments ul li:after,.mfn-footer .widget_archive ul,.mfn-footer .widget_recent_comments ul li:after,.mfn-footer .widget_nav_menu ul,.mfn-footer .widget_price_filter .price_label .from,.mfn-footer .widget_price_filter .price_label .to,.mfn-footer .star-rating span{color:#0089F7}.mfn-footer .themebg,.mfn-footer .widget_categories ul,.mfn-footer .Recent_posts ul li .desc:after,.mfn-footer .Recent_posts ul li .photo .c,.mfn-footer .widget_recent_entries ul li:after,.mfn-footer .widget_mfn_menu ul li a:hover,.mfn-footer .widget_product_categories ul{background-color:#0089F7}.mfn-footer .Recent_posts ul li a .desc .date,.mfn-footer .widget_recent_entries ul li .post-date,.mfn-footer .tp_recent_tweets .twitter_time,.mfn-footer .widget_price_filter .price_label,.mfn-footer .shop-filters .woocommerce-result-count,.mfn-footer ul.product_list_widget li .quantity,.mfn-footer .widget_shopping_cart ul.product_list_widget li dl{color:#a8a8a8}.mfn-footer .footer_copy .social li a,.mfn-footer .footer_copy .social-menu a{color:#65666C}.mfn-footer .footer_copy .social li a:hover,.mfn-footer .footer_copy .social-menu a:hover{color:#FFFFFF}.mfn-footer .footer_copy{border-top-color:rgba(255,255,255,0.1)}#Sliding-top,#Sliding-top .widget_recent_entries ul li a{color:#cccccc}#Sliding-top a{color:#006edf}#Sliding-top a:hover{color:#0089f7}#Sliding-top h1,#Sliding-top h1 a,#Sliding-top h1 a:hover,#Sliding-top h2,#Sliding-top h2 a,#Sliding-top h2 a:hover,#Sliding-top h3,#Sliding-top h3 a,#Sliding-top h3 a:hover,#Sliding-top h4,#Sliding-top h4 a,#Sliding-top h4 a:hover,#Sliding-top h5,#Sliding-top h5 a,#Sliding-top h5 a:hover,#Sliding-top h6,#Sliding-top h6 a,#Sliding-top h6 a:hover{color:#ffffff}#Sliding-top .themecolor,#Sliding-top .widget_meta ul,#Sliding-top .widget_pages ul,#Sliding-top .widget_rss ul,#Sliding-top .widget_mfn_recent_comments ul li:after,#Sliding-top .widget_archive ul,#Sliding-top .widget_recent_comments ul li:after,#Sliding-top .widget_nav_menu ul,#Sliding-top .widget_price_filter .price_label .from,#Sliding-top .widget_price_filter .price_label .to,#Sliding-top .star-rating span{color:#0089F7}#Sliding-top .themebg,#Sliding-top .widget_categories ul,#Sliding-top .Recent_posts ul li .desc:after,#Sliding-top .Recent_posts ul li .photo .c,#Sliding-top .widget_recent_entries ul li:after,#Sliding-top .widget_mfn_menu ul li a:hover,#Sliding-top .widget_product_categories ul{background-color:#0089F7}#Sliding-top .Recent_posts ul li a .desc .date,#Sliding-top .widget_recent_entries ul li .post-date,#Sliding-top .tp_recent_tweets .twitter_time,#Sliding-top .widget_price_filter .price_label,#Sliding-top .shop-filters .woocommerce-result-count,#Sliding-top ul.product_list_widget li .quantity,#Sliding-top .widget_shopping_cart ul.product_list_widget li dl{color:#a8a8a8}blockquote,blockquote a,blockquote a:hover{color:#444444}.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc,.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after,.masonry.tiles .post-item.no-img,.masonry.tiles .post-item.format-quote,.blog-teaser li .desc-wrapper .desc .post-title:after,.blog-teaser li.no-img,.blog-teaser li.format-quote{background:#ffffff}.image_frame .image_wrapper .image_links a{background:#ffffff;color:#161922;border-color:#ffffff}.image_frame .image_wrapper .image_links a.loading:after{border-color:#161922}.image_frame .image_wrapper .image_links a .path{stroke:#161922}.image_frame .image_wrapper .image_links a.mfn-wish-button.loved .path{fill:#161922;stroke:#161922}.image_frame .image_wrapper .image_links a.mfn-wish-button.loved:hover .path{fill:#0089f7;stroke:#0089f7}.image_frame .image_wrapper .image_links a:hover{background:#ffffff;color:#0089f7;border-color:#ffffff}.image_frame .image_wrapper .image_links a:hover .path{stroke:#0089f7}.image_frame{border-color:#f8f8f8}.image_frame .image_wrapper .mask::after{background:rgba(0,0,0,0.15)}.counter .icon_wrapper i{color:#0089F7}.quick_fact .number-wrapper .number{color:#0089F7}.progress_bars .bars_list li .bar .progress{background-color:#0089F7}a:hover.icon_bar{color:#0089F7 !important}a.content_link,a:hover.content_link{color:#0089F7}a.content_link:before{border-bottom-color:#0089F7}a.content_link:after{border-color:#0089F7}.mcb-item-contact_box-inner,.mcb-item-info_box-inner,.column_column .get_in_touch,.google-map-contact-wrapper{background-color:#0089F7}.google-map-contact-wrapper .get_in_touch:after{border-top-color:#0089F7}.timeline_items li h3:before,.timeline_items:after,.timeline .post-item:before{border-color:#0089F7}.how_it_works .image_wrapper .number{background:#0089F7}.trailer_box .desc .subtitle,.trailer_box.plain .desc .line{background-color:#0089F7}.trailer_box.plain .desc .subtitle{color:#0089F7}.icon_box .icon_wrapper,.icon_box a .icon_wrapper,.style-simple .icon_box:hover .icon_wrapper{color:#0089F7}.icon_box:hover .icon_wrapper:before,.icon_box a:hover .icon_wrapper:before{background-color:#0089F7}.list_item.lists_1 .list_left{background-color:#0089F7}.list_item .list_left{color:#0089F7}.feature_list ul li .icon i{color:#0089F7}.feature_list ul li:hover,.feature_list ul li:hover a{background:#0089F7}table th{color:#444444}.ui-tabs .ui-tabs-nav li a,.accordion .question > .title,.faq .question > .title,.fake-tabs > ul li a{color:#444444}.ui-tabs .ui-tabs-nav li.ui-state-active a,.accordion .question.active > .title > .acc-icon-plus,.accordion .question.active > .title > .acc-icon-minus,.accordion .question.active > .title,.faq .question.active > .title > .acc-icon-plus,.faq .question.active > .title,.fake-tabs > ul li.active a{color:#0089F7}.ui-tabs .ui-tabs-nav li.ui-state-active a:after,.fake-tabs > ul li a:after,.fake-tabs > ul li a .number{background:#0089F7}body.table-hover:not(.woocommerce-page) table tr:hover td{background:#0089F7}.pricing-box .plan-header .price sup.currency,.pricing-box .plan-header .price > span{color:#0089F7}.pricing-box .plan-inside ul li .yes{background:#0089F7}.pricing-box-box.pricing-box-featured{background:#0089F7}.alert_warning{background:#fef8ea}.alert_warning,.alert_warning a,.alert_warning a:hover,.alert_warning a.close .icon{color:#8a5b20}.alert_warning .path{stroke:#8a5b20}.alert_error{background:#fae9e8}.alert_error,.alert_error a,.alert_error a:hover,.alert_error a.close .icon{color:#962317}.alert_error .path{stroke:#962317}.alert_info{background:#efefef}.alert_info,.alert_info a,.alert_info a:hover,.alert_info a.close .icon{color:#57575b}.alert_info .path{stroke:#57575b}.alert_success{background:#eaf8ef}.alert_success,.alert_success a,.alert_success a:hover,.alert_success a.close .icon{color:#3a8b5b}.alert_success .path{stroke:#3a8b5b}input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty,.wp-block-search input[type="search"],.dark input[type="email"],.dark input[type="password"],.dark input[type="tel"],.dark input[type="text"],.dark select,.dark textarea{color:#626262;background-color:rgba(255,255,255,1);border-color:#EBEBEB}.wc-block-price-filter__controls input{border-color:#EBEBEB !important}::-webkit-input-placeholder{color:#929292}::-moz-placeholder{color:#929292}:-ms-input-placeholder{color:#929292}input[type="date"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="url"]:focus,select:focus,textarea:focus{color:#0089F7;background-color:rgba(233,245,252,1);border-color:#d5e5ee}.wc-block-price-filter__controls input:focus{border-color:#d5e5ee !important} select:focus{background-color:#e9f5fc!important}:focus::-webkit-input-placeholder{color:#929292}:focus::-moz-placeholder{color:#929292}.select2-container--default .select2-selection--single{background-color:rgba(255,255,255,1);border-color:#EBEBEB}.select2-dropdown{background-color:#FFFFFF;border-color:#EBEBEB}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#626262}.select2-container--default.select2-container--open .select2-selection--single{border-color:#EBEBEB}.select2-container--default .select2-search--dropdown .select2-search__field{color:#626262;background-color:rgba(255,255,255,1);border-color:#EBEBEB}.select2-container--default .select2-search--dropdown .select2-search__field:focus{color:#0089F7;background-color:rgba(233,245,252,1) !important;border-color:#d5e5ee} .select2-container--default .select2-results__option[data-selected="true"],.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:#0089F7;color:white} .woocommerce span.onsale,.shop_slider .shop_slider_ul li .item_wrapper span.onsale{background-color:#0089F7}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{border-color:#0089F7 !important}.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg{background-color:#FCFCFC}.mfn-wish-button .path{stroke:rgba(0,0,0,0.15)}.mfn-wish-button:hover .path{stroke:rgba(0,0,0,0.3)}.mfn-wish-button.loved:not(.link) .path{stroke:rgba(0,0,0,0.3);fill:rgba(0,0,0,0.3)}.woocommerce div.product div.images .woocommerce-product-gallery__trigger,.woocommerce div.product div.images .mfn-wish-button,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger,.woocommerce .mfn-product-gallery-grid .mfn-wish-button{background-color:#ffffff}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover,.woocommerce div.product div.images .mfn-wish-button:hover,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover,.woocommerce .mfn-product-gallery-grid .mfn-wish-button:hover{background-color:#ffffff}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:before{border-color:#161922}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:after{background-color:#161922}.woocommerce div.product div.images .mfn-wish-button path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button path{stroke:#161922}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:before,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover:before{border-color:#0089f7}.woocommerce div.product div.images .woocommerce-product-gallery__trigger:hover:after,.woocommerce .mfn-product-gallery-grid .woocommerce-product-gallery__trigger:hover:after{background-color:#0089f7}.woocommerce div.product div.images .mfn-wish-button:hover path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button:hover path{stroke:#0089f7}.woocommerce div.product div.images .mfn-wish-button.loved path,.woocommerce .mfn-product-gallery-grid .mfn-wish-button.loved path{stroke:#0089f7;fill:#0089f7}#mfn-gdpr{background-color:#eef2f5;border-radius:5px;box-shadow:0 15px 30px 0 rgba(1,7,39,.13)}#mfn-gdpr .mfn-gdpr-content,#mfn-gdpr .mfn-gdpr-content h1,#mfn-gdpr .mfn-gdpr-content h2,#mfn-gdpr .mfn-gdpr-content h3,#mfn-gdpr .mfn-gdpr-content h4,#mfn-gdpr .mfn-gdpr-content h5,#mfn-gdpr .mfn-gdpr-content h6,#mfn-gdpr .mfn-gdpr-content ol,#mfn-gdpr .mfn-gdpr-content ul{color:#626262}#mfn-gdpr .mfn-gdpr-content a,#mfn-gdpr a.mfn-gdpr-readmore{color:#161922}#mfn-gdpr .mfn-gdpr-content a:hover,#mfn-gdpr a.mfn-gdpr-readmore:hover{color:#0089f7}#mfn-gdpr .mfn-gdpr-button{background-color:#006edf;color:#ffffff;border-color:transparent}#mfn-gdpr .mfn-gdpr-button:hover,#mfn-gdpr .mfn-gdpr-button:before{background-color:#0089f7;color:#ffffff;border-color:transparent}@media only screen and ( min-width:768px ){.header-semi #Top_bar:not(.is-sticky){background-color:rgba(255,255,255,0.8)}}@media only screen and ( max-width:767px ){#Top_bar{background-color:#ffffff !important}#Action_bar{background-color:#FFFFFF !important}#Action_bar .contact_details{color:#222222}#Action_bar .contact_details a{color:#006edf}#Action_bar .contact_details a:hover{color:#0089f7}#Action_bar .social li a,#Action_bar .social-menu a{color:#bbbbbb!important}#Action_bar .social li a:hover,#Action_bar .social-menu a:hover{color:#777777!important}}
form input.display-none{display:none!important}
</style>
<link rel="stylesheet" id="style-css" href="./Contact – GuiLinTraveler_files/style.css" type="text/css" media="all">
<style id="mfn-custom-inline-css" type="text/css">
.single-trip .content-area{ flex-basis: 65%;}
@media (min-width: 1025px) {
.wpte_has-sticky-booking-widget .wpte-booking-area-wrapper.is-sticky {
position: sticky;
top: 70px;
z-index: 11;
}
}
</style>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/jquery.min.js.download" id="jquery-core-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/jquery-migrate.min.js.download" id="jquery-migrate-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/jquery.blockUI.min.js.download" id="jquery-blockui-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" id="wc-add-to-cart-js-extra">
/* <![CDATA[ */
var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"\u67e5\u770b\u8d2d\u7269\u8f66","cart_url":"https:\/\/springtraveler.com\/cart-2\/","is_cart":"","cart_redirect_after_add":"no"};
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/add-to-cart.min.js.download" id="wc-add-to-cart-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/js.cookie.min.js.download" id="js-cookie-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" id="woocommerce-js-extra">
/* <![CDATA[ */
var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"};
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/woocommerce.min.js.download" id="woocommerce-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" id="wc-cart-fragments-js-extra">
/* <![CDATA[ */
var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_0054018e3dc09fe89f59937e3747373e","fragment_name":"wc_fragments_0054018e3dc09fe89f59937e3747373e","request_timeout":"5000"};
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/cart-fragments.min.js.download" id="wc-cart-fragments-js" defer="defer" data-wp-strategy="defer"></script>
<link rel="https://api.w.org/" href="https://springtraveler.com/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://springtraveler.com/wp-json/wp/v2/pages/74"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://springtraveler.com/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 6.7.2">
<meta name="generator" content="WooCommerce 9.6.2">
<link rel="canonical" href="https://springtraveler.com/contact/">
<link rel="shortlink" href="https://springtraveler.com/?p=74">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://springtraveler.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspringtraveler.com%2Fcontact%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://springtraveler.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspringtraveler.com%2Fcontact%2F&amp;format=xml">
<style>body{--wpte-primary-color: #7bad37; --wpte-primary-color-rgb: 123, 173, 55;}</style> <style>.wpte-bf-book-summary .wpte-bf-trip-name-wrap{display:flex;flex-direction:column;align-items:flex-start}.wpte-bf-trip-code{margin:15px 0 0 0;padding:3px 15px;font-size:15px;letter-spacing:.5px;line-height:1.7;background:var(--primary-color);color:rgba(255,255,255,.85);border-radius:3px;order:3;font-style:italic}.wpte-bf-trip-code span{font-style:normal;font-weight:600}</style>
<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
<style>
#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge {
padding: 7px 0;
}
#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item {
/* Layout */
background-color: #F6F7F7;
border-radius: 2px;
display: flex;
height: 18px;
padding: 0px 6px;
align-items: center;
gap: 8px;
/* Typography */
color: #3C434A;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
}
#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item:hover,
#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item:focus {
background-color: #DCDCDE;
}
#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item:focus {
outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color-darker-20);
}
#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item {
background-color: #E6F2E8;
color: #00450C;
}
#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item:hover,
#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item:focus {
background-color: #B8E6BF;
}
</style><meta name="generator" content="Powered by Slider Revolution 6.7.29 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface.">
<style class="wp-fonts-local" type="text/css">
@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://springtraveler.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');}
</style>
<link rel="icon" href="https://springtraveler.com/wp-content/uploads/2025/02/cropped-%E8%AE%BE%E8%AE%A1%E6%9E%81%E7%AE%80%E9%A3%8E%E6%A0%BC-logo-2-32x32.png" sizes="32x32">
<link rel="icon" href="https://springtraveler.com/wp-content/uploads/2025/02/cropped-%E8%AE%BE%E8%AE%A1%E6%9E%81%E7%AE%80%E9%A3%8E%E6%A0%BC-logo-2-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://springtraveler.com/wp-content/uploads/2025/02/cropped-%E8%AE%BE%E8%AE%A1%E6%9E%81%E7%AE%80%E9%A3%8E%E6%A0%BC-logo-2-180x180.png">
<meta name="msapplication-TileImage" content="https://springtraveler.com/wp-content/uploads/2025/02/cropped-设计极简风格-logo-2-270x270.png">
<script data-jetpack-boost="ignore">function setREVStartSize(e){
//window.requestAnimationFrame(function() {
window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW;
window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH;
try {
var pw = document.getElementById(e.c).parentNode.offsetWidth,
newh;
pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw;
e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw);
e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw);
e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh);
e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh);
e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide);
e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide);
e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0);
if(e.layout==="fullscreen" || e.l==="fullscreen")
newh = Math.max(e.mh,window.RSIH);
else{
e.gw = Array.isArray(e.gw) ? e.gw : [e.gw];
for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1];
e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el;
e.gh = Array.isArray(e.gh) ? e.gh : [e.gh];
for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1];
var nl = new Array(e.rl.length),
ix = 0,
sl;
e.tabw = e.tabhide>=pw ? 0 : e.tabw;
e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw;
e.tabh = e.tabhide>=pw ? 0 : e.tabh;
e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh;
for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i];
sl = nl[0];
for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;}
var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]);
newh = (e.gh[ix] * m) + (e.tabh + e.thumbh);
}
var el = document.getElementById(e.c);
if (el!==null && el) el.style.height = newh+"px";
el = document.getElementById(e.c+"_wrapper");
if (el!==null && el) {
el.style.height = newh+"px";
el.style.display = "block";
}
} catch(e){
console.log("Failure at Presize of Slider:" + e)
}
//});
};</script>
<script src="./Contact – GuiLinTraveler_files/wp-emoji-release.min.js.download" defer=""></script><style data-id="immersive-translate-input-injected-css">.immersive-translate-input {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 2147483647;
display: flex;
justify-content: center;
align-items: center;
}
.immersive-translate-attach-loading::after {
content: " ";
--loading-color: #f78fb6;
width: 6px;
height: 6px;
border-radius: 50%;
display: block;
margin: 12px auto;
position: relative;
color: white;
left: -100px;
box-sizing: border-box;
animation: immersiveTranslateShadowRolling 1.5s linear infinite;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-2000%, -50%);
z-index: 100;
}
.immersive-translate-loading-spinner {
vertical-align: middle !important;
width: 10px !important;
height: 10px !important;
display: inline-block !important;
margin: 0 4px !important;
border: 2px rgba(221, 244, 255, 0.6) solid !important;
border-top: 2px rgba(0, 0, 0, 0.375) solid !important;
border-left: 2px rgba(0, 0, 0, 0.375) solid !important;
border-radius: 50% !important;
padding: 0 !important;
-webkit-animation: immersive-translate-loading-animation 0.6s infinite linear !important;
animation: immersive-translate-loading-animation 0.6s infinite linear !important;
}
@-webkit-keyframes immersive-translate-loading-animation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@keyframes immersive-translate-loading-animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.immersive-translate-input-loading {
--loading-color: #f78fb6;
width: 6px;
height: 6px;
border-radius: 50%;
display: block;
margin: 12px auto;
position: relative;
color: white;
left: -100px;
box-sizing: border-box;
animation: immersiveTranslateShadowRolling 1.5s linear infinite;
}
@keyframes immersiveTranslateShadowRolling {
0% {
box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),
0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
}
12% {
box-shadow: 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0),
0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
}
25% {
box-shadow: 110px 0 var(--loading-color), 100px 0 var(--loading-color),
0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
}
36% {
box-shadow: 120px 0 var(--loading-color), 110px 0 var(--loading-color),
100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0);
}
50% {
box-shadow: 130px 0 var(--loading-color), 120px 0 var(--loading-color),
110px 0 var(--loading-color), 100px 0 var(--loading-color);
}
62% {
box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color),
120px 0 var(--loading-color), 110px 0 var(--loading-color);
}
75% {
box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
130px 0 var(--loading-color), 120px 0 var(--loading-color);
}
87% {
box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color);
}
100% {
box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
}
}
.immersive-translate-toast {
display: flex;
position: fixed;
z-index: 2147483647;
left: 0;
right: 0;
top: 1%;
width: fit-content;
padding: 12px 20px;
margin: auto;
overflow: auto;
background: #fef6f9;
box-shadow: 0px 4px 10px 0px rgba(0, 10, 30, 0.06);
font-size: 15px;
border-radius: 8px;
color: #333;
}
.immersive-translate-toast-content {
display: flex;
flex-direction: row;
align-items: center;
}
.immersive-translate-toast-hidden {
margin: 0 20px 0 72px;
text-decoration: underline;
cursor: pointer;
}
.immersive-translate-toast-close {
color: #666666;
font-size: 20px;
font-weight: bold;
padding: 0 10px;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.immersive-translate-toast {
top: 0;
padding: 12px 0px 0 10px;
}
.immersive-translate-toast-content {
flex-direction: column;
text-align: center;
}
.immersive-translate-toast-hidden {
margin: 10px auto;
}
}
.immersive-translate-dialog {
position: fixed;
z-index: 2147483647;
left: 0;
top: 0;
display: flex;
width: 300px;
flex-direction: column;
align-items: center;
font-size: 15px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: fit-content;
border-radius: 20px;
background-color: #fff;
}
.immersive-translate-modal {
display: none;
position: fixed;
z-index: 2147483647;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
font-size: 15px;
}
.immersive-translate-modal-content {
background-color: #fefefe;
margin: 10% auto;
padding: 40px 24px 24px;
border-radius: 12px;
width: 350px;
font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
"Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol", "Noto Color Emoji";
position: relative;
}
@media screen and (max-width: 768px) {
.immersive-translate-modal-content {
margin: 25% auto !important;
}
}
@media screen and (max-width: 480px) {
.immersive-translate-modal-content {
width: 80vw !important;
margin: 20vh auto !important;
padding: 20px 12px 12px !important;
}
.immersive-translate-modal-title {
font-size: 14px !important;
}
.immersive-translate-modal-body {
font-size: 13px !important;
max-height: 60vh !important;
}
.immersive-translate-btn {
font-size: 13px !important;
padding: 8px 16px !important;
margin: 0 4px !important;
}
.immersive-translate-modal-footer {
gap: 6px !important;
margin-top: 16px !important;
}
}
.immersive-translate-modal .immersive-translate-modal-content-in-input {
max-width: 500px;
}
.immersive-translate-modal-content-in-input .immersive-translate-modal-body {
text-align: left;
max-height: unset;
}
.immersive-translate-modal-title {
text-align: center;
font-size: 16px;
font-weight: 700;
color: #333333;
}
.immersive-translate-modal-body {
text-align: center;
font-size: 14px;
font-weight: 400;
color: #333333;
margin-top: 24px;
}
@media screen and (max-width: 768px) {
.immersive-translate-modal-body {
max-height: 250px;
overflow-y: auto;
}
}
.immersive-translate-close {
color: #666666;
position: absolute;
right: 16px;
top: 16px;
font-size: 20px;
font-weight: bold;
}
.immersive-translate-close:hover,
.immersive-translate-close:focus {
text-decoration: none;
cursor: pointer;
}
.immersive-translate-modal-footer {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 24px;
}
.immersive-translate-btn {
width: fit-content;
color: #fff;
background-color: #ea4c89;
border: none;
font-size: 14px;
margin: 0 8px;
padding: 9px 30px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color 0.3s ease;
}
.immersive-translate-btn-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
}
.immersive-translate-btn:hover {
background-color: #f082ac;
}
.immersive-translate-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.immersive-translate-btn:disabled:hover {
background-color: #ea4c89;
}
.immersive-translate-link-btn {
background-color: transparent;
color: #ea4c89;
border: none;
cursor: pointer;
height: 30px;
line-height: 30px;
}
.immersive-translate-cancel-btn {
/* gray color */
background-color: rgb(89, 107, 120);
}
.immersive-translate-cancel-btn:hover {
background-color: hsl(205, 20%, 32%);
}
.immersive-translate-action-btn {
background-color: transparent;
color: #ea4c89;
border: 1px solid #ea4c89;
}
.immersive-translate-btn svg {
margin-right: 5px;
}
.immersive-translate-link {
cursor: pointer;
user-select: none;
-webkit-user-drag: none;
text-decoration: none;
color: #ea4c89;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.immersive-translate-primary-link {
cursor: pointer;
user-select: none;
-webkit-user-drag: none;
text-decoration: none;
color: #ea4c89;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.immersive-translate-modal input[type="radio"] {
margin: 0 6px;
cursor: pointer;
}
.immersive-translate-modal label {
cursor: pointer;
}
.immersive-translate-close-action {
position: absolute;
top: 2px;
right: 0px;
cursor: pointer;
}
.imt-image-status {
background-color: rgba(0, 0, 0, 0.5) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
border-radius: 16px !important;
}
.imt-image-status img,
.imt-image-status svg,
.imt-img-loading {
width: 28px !important;
height: 28px !important;
margin: 0 0 8px 0 !important;
min-height: 28px !important;
min-width: 28px !important;
position: relative !important;
}
.imt-img-loading {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAtFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////oK74hAAAAPHRSTlMABBMIDyQXHwyBfFdDMSw+OjXCb+5RG51IvV/k0rOqlGRM6KKMhdvNyZBz9MaupmxpWyj437iYd/yJVNZeuUC7AAACt0lEQVRIx53T2XKiUBCA4QYOiyCbiAsuuGBcYtxiYtT3f6/pbqoYHVFO5r+iivpo6DpAWYpqeoFfr9f90DsYAuRSWkFnPO50OgR9PwiCUFcl2GEcx+N/YBh6pvKaefHlUgZd1zVe0NbYcQjGBfzrPE8Xz8aF+71D8gG6DHFPpc4a7xFiCDuhaWgKgGIJQ3d5IMGDrpS4S5KgpIm+en9f6PlAhKby4JwEIxlYJV9h5k5nee9GoxHJ2IDSNB0dwdad1NAxDJ/uXDHYmebdk4PdbkS58CIVHdYSUHTYYRWOJblWSyu2lmy3KNFVJNBhxcuGW4YBVCbYGRZwIooipHsNqjM4FbgOQqQqSKQQU9V8xmi1QlgHqQQ6DDBvRUVCDirs+EzGDGOQTCATgtYTnbCVLgsVgRE0T1QE0qHCFAht2z6dLvJQs3Lo2FQoDxWNUiBhaP4eRgwNkI+dAjVOA/kUrIDwf3CG8NfNOE0eiFotSuo+rBiq8tD9oY4Qzc6YJw99hl1wzpQvD7ef2M8QgnOGJfJw+EltQc+oX2yn907QB22WZcvlUpd143dqQu+8pCJZuGE4xCuPXJqqcs5sNpsI93Rmzym1k4Npk+oD1SH3/a3LOK/JpUBpWfqNySxWzCfNCUITuDG5dtuphrUJ1myeIE9bIsPiKrfqTai5WZxbhtNphYx6GEIHihyGFTI69lje/rxajdh0s0msZ0zYxyPLhYCb1CyHm9Qsd2H37Y3lugVwL9kNh8Ot8cha6fUNQ8nuXi5z9/ExsAO4zQrb/ev1yrCB7lGyQzgYDGuxq1toDN/JGvN+HyWNHKB7zEoK+PX11e12G431erGYzwmytAWU56fkMHY5JJnDRR2eZji3AwtIcrEV8Cojat/BdQ7XOwGV1e1hDjGGjXbdArm8uJZtCH5MbcctVX8A1WpqumJHwckAAAAASUVORK5CYII=");
background-size: 28px 28px;
animation: image-loading-rotate 1s linear infinite !important;
}
.imt-image-status span {
color: var(--bg-2, #fff) !important;
font-size: 14px !important;
line-height: 14px !important;
font-weight: 500 !important;
font-family: "PingFang SC", Arial, sans-serif !important;
}
@keyframes image-loading-rotate {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
</style></head>
<body class="page-template-default page page-id-74 logged-in admin-bar wp-embed-responsive theme-betheme wptravelengine_664 wptravelengine_css_v2 wpte_has-tooltip woocommerce-js woocommerce-block-theme-has-button-styles color-custom content-brightness-light input-brightness-light style-default button-animation-fade layout-full-width if-modern-overlay no-content-padding header-classic sticky-header sticky-tb-color ab-hide menu-link-color menuo-right subheader-both-left responsive-overflow-x-mobile mobile-tb-center mobile-side-slide mobile-mini-mr-ll mobile-icon-user-ss mobile-icon-wishlist-ss mobile-icon-search-ss mobile-icon-wpml-ss mobile-icon-action-ss be-page-74 be-reg-2763 mfn-all-shop-filters-disabled product-gallery-zoom mobile-row-2-products mfn-variable-swatches mfn-ajax-add-to-cart customize-support mfn-header-scrolled mfn-cookies-open">
<!-- mfn_hook_top --><!-- mfn_hook_top -->
<div id="Wrapper">
<div id="Header_wrapper" class="">
<header id="Header">
<div class="header_placeholder" style="height: 90px;"></div>
<div id="Top_bar" class="is-sticky" style="top: 0px;">
<div class="container">
<div class="column one">
<div class="top_bar_left clearfix">
<div class="logo"><a id="logo" href="https://springtraveler.com/" title="GuiLinTraveler" data-height="60" data-padding="15"><img class="logo-main scale-with-grid " src="./Contact – GuiLinTraveler_files/未标题-1_13.png" data-retina="" data-height="436" alt="未标题-1_13" data-no-retina=""><img class="logo-sticky scale-with-grid " src="./Contact – GuiLinTraveler_files/未标题-1_20.png" data-retina="" data-height="376" alt="未标题-1_20" data-no-retina=""><img class="logo-mobile scale-with-grid " src="./Contact – GuiLinTraveler_files/未标题-1_13.png" data-retina="" data-height="436" alt="未标题-1_13" data-no-retina=""><img class="logo-mobile-sticky scale-with-grid " src="./Contact – GuiLinTraveler_files/未标题-1_13.png" data-retina="" data-height="436" alt="未标题-1_13" data-no-retina=""></a></div>
<div class="menu_wrapper">
<a class="responsive-menu-toggle " href="https://springtraveler.com/contact/#" aria-label="mobile menu"><i class="icon-menu-fine" aria-hidden="true"></i></a><nav id="menu" role="navigation" aria-expanded="false" aria-label="Main menu"><ul id="menu-main-menu" class="menu menu-main"><li id="menu-item-740" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://springtraveler.com/trip-search-result/"><span>Trip Search</span></a></li>
<li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://springtraveler.com/tours/"><span>Tours</span></a></li>
<li id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://springtraveler.com/places/"><span>Places</span></a></li>
<li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page last"><a href="https://springtraveler.com/about/"><span>About</span></a></li>
<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-74 current_page_item last"><a href="https://springtraveler.com/contact/"><span>Contact</span></a></li>
</ul></nav> </div>
<div class="secondary_menu_wrapper">
</div>
</div>
<div class="top_bar_right "><div class="top_bar_right_wrapper"><a class="top-bar-right-icon myaccount_button top-bar-right-icon-user toggle-login-modal is-boxed logged-in" href="https://springtraveler.com/my-account/"><img alt="" src="./Contact – GuiLinTraveler_files/334c4a4c42fdb79d7ebc3e73b517e6f8.jpg" srcset="https://secure.gravatar.com/avatar/?s=64&amp;d=mm&amp;r=g 2x" class="avatar avatar-32 photo avatar-default" height="32" width="32" decoding="async"></a><a id="header_cart" class="top-bar-right-icon header-cart top-bar-right-icon-cart " href="https://springtraveler.com/cart-2/"><svg width="26" viewBox="0 0 26 26" aria-label="cart icon"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><polygon class="path" points="20.4 20.4 5.6 20.4 6.83 10.53 19.17 10.53 20.4 20.4"></polygon><path class="path" d="M9.3,10.53V9.3a3.7,3.7,0,1,1,7.4,0v1.23"></path></svg><span class="header-cart-count mfn-header-icon-0">0</span><p class="header-cart-total">$0.00</p></a></div></div>
<div class="search_wrapper">
<form method="get" class="form-searchform" action="https://springtraveler.com/">
<svg class="icon_search" width="26" viewBox="0 0 26 26" aria-label="search icon"><defs><style>.path{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><circle class="path" cx="11.35" cy="11.35" r="6"></circle><line class="path" x1="15.59" y1="15.59" x2="20.65" y2="20.65"></line></svg>
<span class="mfn-close-icon icon_close" tabindex="0"><span class="icon">✕</span></span>
<input type="text" class="field" name="s" autocomplete="off" placeholder="Enter your search" aria-label="Enter your search">
<input type="submit" class="display-none" value="" aria-label="Search">
</form>
</div>
</div>
</div>
</div>
</header>
</div>
<!-- mfn_hook_content_before --><!-- mfn_hook_content_before -->
<div id="Content" role="main">
<div class="content_wrapper clearfix">
<main class="sections_group">
<div class="entry-content" itemprop="mainContentOfPage">
<div data-id="74" class="mfn-builder-content mfn-default-content-buider"><section class="section mcb-section mfn-default-section mcb-section-zun4o0rsj bg-cover" style="padding-top:210px;padding-bottom:110px;background-image:url(https://springtraveler.com/wp-content/uploads/2025/03/ff_微信图片_20250306213102.webp#259);background-repeat:no-repeat;background-position:center;background-attachment:;background-size:"><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-zun4o0rsj"><div class="wrap mcb-wrap mcb-wrap-md60pdf7d one tablet-one laptop-one mobile-one valign-top clearfix" data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-md60pdf7d mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-0hpr8wt9w one laptop-one tablet-one mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-0hpr8wt9w mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix align_center" style="padding:0 7%;"><h1 style="color: #fff;">Feel free to contact us and say hello</h1></div></div></div><div class="column mcb-column mcb-item-3ub798v05 one laptop-one tablet-one mobile-one column_divider" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-3ub798v05 mcb-item-divider-inner"><hr class="no_line" style="margin: 0 auto 50px auto">
</div></div></div></div><div class="wrap mcb-wrap mcb-wrap-c3vwbbb3x one-third tablet-one-third laptop-one-third mobile-one valign-top clearfix" data-desktop-col="one-third" data-laptop-col="laptop-one-third" data-tablet-col="tablet-one-third" data-mobile-col="mobile-one" style="padding:0 2%;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-c3vwbbb3x mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-d1384auar one laptop-one tablet-one mobile-one column_image" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-d1384auar mcb-item-image-inner"><div class="image_frame image_item no_link scale-with-grid aligncenter no_border"><div class="image_wrapper "><img src="./Contact – GuiLinTraveler_files/travel2-contact-icon1.png" class="scale-with-grid" alt="" style="" decoding="async"></div></div>
</div></div><div class="column mcb-column mcb-item-6qzjarr65 one laptop-one tablet-one mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-6qzjarr65 mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix align_center" style=""><h5 style="color: #fff;">Call us</h5>
<p style="color: #fff;">+86 (0) 383 766 688</p></div></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-ai85a2nu2 one-third tablet-one-third laptop-one-third mobile-one valign-top clearfix" data-desktop-col="one-third" data-laptop-col="laptop-one-third" data-tablet-col="tablet-one-third" data-mobile-col="mobile-one" style="padding:0 2%;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-ai85a2nu2 mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-i0xuzfeui one laptop-one tablet-one mobile-one column_image" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-i0xuzfeui mcb-item-image-inner"><div class="image_frame image_item no_link scale-with-grid aligncenter no_border"><div class="image_wrapper "><img src="./Contact – GuiLinTraveler_files/travel2-contact-icon2.png" class="scale-with-grid" alt="" style="" decoding="async"></div></div>
</div></div><div class="column mcb-column mcb-item-4zjaxb4mg one laptop-one tablet-one mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-4zjaxb4mg mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix align_center" style=""><h5 style="color: #fff;">Guilin Business Center,<br>Jiefang Road,<br>Guilin City, Guangxi, China, 541004</h5></div></div></div></div></div><div class="wrap mcb-wrap mcb-wrap-gmzhw83ib one-third tablet-one-third laptop-one-third mobile-one valign-top clearfix" data-desktop-col="one-third" data-laptop-col="laptop-one-third" data-tablet-col="tablet-one-third" data-mobile-col="mobile-one" style="padding:0 2%;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-gmzhw83ib mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-q8rtl2z8b one laptop-one tablet-one mobile-one column_image" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-q8rtl2z8b mcb-item-image-inner"><div class="image_frame image_item no_link scale-with-grid aligncenter no_border"><div class="image_wrapper "><img src="./Contact – GuiLinTraveler_files/travel2-contact-icon3.png" class="scale-with-grid" alt="" style="" decoding="async"></div></div>
</div></div><div class="column mcb-column mcb-item-38itcns5p one laptop-one tablet-one mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-38itcns5p mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix align_center" style=""><h5 style="color: #fff;">E-mail</h5>
<p style="color: #fff;">zhuge2518@gmail.com</p></div></div></div></div></div></div></section><section class="section mcb-section mfn-default-section mcb-section-evf3hmea4" style="padding-top:110px;padding-bottom:30px"><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-evf3hmea4"><div class="wrap mcb-wrap mcb-wrap-vtz51v83v one tablet-one laptop-one mobile-one valign-top clearfix" data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-vtz51v83v mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-ynoc7a9p0 one-sixth laptop-one-sixth tablet-one-sixth mobile-one column_placeholder" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-ynoc7a9p0 mcb-item-placeholder-inner"><div class="placeholder">&nbsp;</div></div></div><div class="column mcb-column mcb-item-b83r4ekpe two-third laptop-two-third tablet-two-third mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-b83r4ekpe mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix align_center" style=""><h2><strong>Let's Plan Your Dream Trip: Contact Us</strong></h2></div></div></div></div></div></div></section><section class="section mcb-section mfn-default-section mcb-section-yc7dfhea1 equal-height-wrap" style="padding-bottom:70px"><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-yc7dfhea1"><div class="wrap mcb-wrap mcb-wrap-w97b7kkp7 one-second tablet-one-second laptop-one-second mobile-one valign-middle clearfix" data-desktop-col="one-second" data-laptop-col="laptop-one-second" data-tablet-col="tablet-one-second" data-mobile-col="mobile-one" style="padding:0 5% 0 0;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-w97b7kkp7 mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-qnqok6v53 one laptop-one tablet-one mobile-one column_column column-margin-20px" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-qnqok6v53 mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix" style=""><p><span class="themecolor" style="margin-right: 10px;">—</span>Contact with us</p>
<h3><strong class="ng-star-inserted"><span class="ng-star-inserted">Get Started with Your Custom Itinerary</span></strong></h3>
<p></p><hr class="no_line" style="margin: 0 auto 20px auto">
<p></p>
<p style="margin: 0 0 20px 10%;">Thank you for considering Spring Traveler for your travel needs! We're excited to hear from you and help you create unforgettable experiences. Whether you're envisioning a bespoke family adventure, a journey to an off-the-beaten-path destination, or a culinary exploration, our expert travel consultants are here to bring your vision to life.</p>
<p style="margin: 0 15% 20px 10%;"><strong>Monday – Friday:</strong> 06:00 AM – 10:00 PM<br><strong>Saturday – Sunday:</strong> 08:00 AM – 08:00 PM</p></div></div></div><div class="column mcb-column mcb-item-tmd6a6fie one laptop-one tablet-one mobile-one column_button" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-tmd6a6fie mcb-item-button-inner"><a class="button button_size_2 button_theme" href="https://springtraveler.com/tours/" title=""><span class="button_label">See actual tours</span></a>
</div></div></div></div><div class="wrap mcb-wrap mcb-wrap-r079cqh60 one-second tablet-one-second laptop-one-second mobile-one valign-middle clearfix" data-desktop-col="one-second" data-laptop-col="laptop-one-second" data-tablet-col="tablet-one-second" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-r079cqh60 mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-3ka94m4nw one laptop-one tablet-one mobile-one column_image" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-3ka94m4nw mcb-item-image-inner"><div class="image_frame image_item no_link scale-with-grid no_border"><div class="image_wrapper "><img src="./Contact – GuiLinTraveler_files/travel2-contact-pic1.jpg" class="scale-with-grid" alt="" style="" decoding="async"></div></div>
</div></div></div></div></div></section><section class="section mcb-section mfn-default-section mcb-section-fdly5a523" style="padding-bottom:70px"><div class="mcb-background-overlay"></div><div class="section_wrapper mfn-wrapper-for-wraps mcb-section-inner mcb-section-inner-fdly5a523"><div class="wrap mcb-wrap mcb-wrap-t5znj09nu one tablet-one laptop-one mobile-one valign-top clearfix" data-desktop-col="one" data-laptop-col="laptop-one" data-tablet-col="tablet-one" data-mobile-col="mobile-one" style="padding:;background-color:"><div class="mcb-wrap-inner mcb-wrap-inner-t5znj09nu mfn-module-wrapper mfn-wrapper-for-wraps"><div class="mcb-wrap-background-overlay"></div><div class="column mcb-column mcb-item-8wpg4mmdd two-third laptop-two-third tablet-two-third mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-8wpg4mmdd mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix" style="padding:0 5% 0 0;"><p>
</p><div class="wpcf7 js" id="wpcf7-f93-p74-o1" lang="en-US" dir="ltr" data-wpcf7-id="93">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="https://springtraveler.com/contact/#wpcf7-f93-p74-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="93">
<input type="hidden" name="_wpcf7_version" value="6.0.4">
<input type="hidden" name="_wpcf7_locale" value="en_US">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f93-p74-o1">
<input type="hidden" name="_wpcf7_container_post" value="74">
<input type="hidden" name="_wpcf7_posted_data_hash" value="">
</div>
<div class="column one-second">
<p><span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Your name" value="" type="text" name="your-name"></span>
</p>
</div>
<div class="column one-second">
<p><span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="Your e-mail" value="" type="email" name="your-email"></span>
</p>
</div>
<div class="column one">
<p><span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Subject" value="" type="text" name="your-subject"></span>
</p>
</div>
<div class="column one">
<p><span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" placeholder="Message" name="your-message"></textarea></span>
</p>
</div>
<div class="column one">
<p><span class="wpcf7-form-control-wrap" data-name="your-whatsapp"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder="Your WhatsApp for quick contact" value="" type="text" name="your-whatsapp"></span>
</p>
</div>
<div class="column one">
<p><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Send a message"><span class="wpcf7-spinner"></span>
</p>
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
<p></p></div></div></div><div class="column mcb-column mcb-item-9zrcpaafa one-third laptop-one-third tablet-one-third mobile-one column_column" style=""><div class="mcb-column-inner mfn-module-wrapper mcb-column-inner-9zrcpaafa mcb-item-column-inner"><div class="column_attr mfn-inline-editor clearfix" style=""><p><span class="themecolor" style="margin-right: 10px;">—</span>Contact form</p>
<h3><strong class="ng-star-inserted"><span class="ng-star-inserted">Share your travel dreams with us</span></strong></h3>
<p></p><hr class="no_line" style="margin: 0 auto 20px auto">
<p></p>
<p style="margin: 0 0 20px 10%;">The quickest and most effective way to begin crafting your unique travel plan is by completing the following form. Your detailed information will empower us to match you with the ideal destinations, activities, and accommodations, ensuring a truly personalized journey.</p></div></div></div></div></div></div></section></div><section class="section mcb-section the_content no_content"><div class="section_wrapper"><div class="the_content_wrapper "></div></div></section>
<section class="section section-page-footer">
<div class="section_wrapper clearfix">
<div class="column one page-pager">
<div class="mcb-column-inner">
</div>
</div>
</div>
</section>
</div>
</main>
</div>
</div>
<!-- mfn_hook_content_after --><!-- mfn_hook_content_after -->
<footer id="Footer" class="clearfix mfn-footer " role="contentinfo">
<div class="footer_copy">
<div class="container">
<div class="column one mobile-one">
<div class="mcb-column-inner">
<div class="copyright">
© 2025 Spring Traveler | All Rights Reserved </div>
<ul class="social"></ul>
</div>
</div>
</div>
</div>
</footer>
<!-- End Footer Template -->
</div>
<div id="body_overlay"></div>
<div id="Side_slide" class="right dark" data-width="250" aria-expanded="false" role="banner" aria-label="responsive menu"><div class="close-wrapper"><a href="https://springtraveler.com/contact/#" aria-label="menu close icon" class="close"><i class="icon-cancel-fine"></i></a></div><div class="extras"><div class="extras-wrapper" role="navigation" aria-label="extras menu"><a class="top-bar-right-icon myaccount_button top-bar-right-icon-user toggle-login-modal logged-in" href="https://springtraveler.com/my-account/"><img alt="" src="./Contact – GuiLinTraveler_files/334c4a4c42fdb79d7ebc3e73b517e6f8.jpg" srcset="https://secure.gravatar.com/avatar/?s=64&amp;d=mm&amp;r=g 2x" class="avatar avatar-32 photo avatar-default" height="32" width="32" decoding="async"></a><a id="header_cart" class="top-bar-right-icon top-bar-right-icon-cart " href="https://springtraveler.com/cart-2/"><svg width="26" viewBox="0 0 26 26" aria-label="cart icon"><defs><style>.path{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><polygon class="path" points="20.4 20.4 5.6 20.4 6.83 10.53 19.17 10.53 20.4 20.4"></polygon><path class="path" d="M9.3,10.53V9.3a3.7,3.7,0,1,1,7.4,0v1.23"></path></svg><span class="header-cart-count mfn-header-icon-0">0</span><p class="header-cart-total">$0.00</p></a></div></div><div class="lang-wrapper" role="navigation" aria-label="language menu"></div><div class="menu_wrapper" role="navigation" aria-label="main menu"></div><ul class="social"></ul></div><div aria-disabled="false" class="mfn-header-login is-side woocommerce mfn-header-modal-nav" aria-expanded="false" role="navigation" aria-label="shop account menu"><a href="https://springtraveler.com/contact/#" class="mfn-close-icon toggle-login-modal close-login-modal" tabindex="0"><span class="icon" aria-label="close menu">✕</span></a><h4>您好 st_admin,</h4>
<nav class="woocommerce-MyAccount-navigation" aria-label="账户页面">
<ul>
<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--dashboard is-active">
<a href="https://springtraveler.com/my-account/" aria-current="page">
仪表盘 </a>
</li>
<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--orders">
<a href="https://springtraveler.com/my-account/orders/">
订单 </a>
</li>
<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--downloads">
<a href="https://springtraveler.com/my-account/downloads/">
下载 </a>
</li>
<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--edit-address">
<a href="https://springtraveler.com/my-account/edit-address/">
地址 </a>
</li>
<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--edit-account">
<a href="https://springtraveler.com/my-account/edit-account/">
账户详情 </a>
</li>
<li class="woocommerce-MyAccount-navigation-link woocommerce-MyAccount-navigation-link--customer-logout">
<a href="https://springtraveler.com/my-account/customer-logout/?_wpnonce=34e2b655c0">
注销 </a>
</li>
</ul>
</nav>
</div><a id="back_to_top" aria-label="Back to top icon" class="button footer_button sticky scroll" href="https://springtraveler.com/contact/"><i class="icon-up-open-big"></i></a>
<!-- mfn_hook_bottom --><!-- mfn_hook_bottom -->
<script>
window.RS_MODULES = window.RS_MODULES || {};
window.RS_MODULES.modules = window.RS_MODULES.modules || {};
window.RS_MODULES.waiting = window.RS_MODULES.waiting || [];
window.RS_MODULES.defered = true;
window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {};
window.RS_MODULES.type = 'compiled';
</script>
<div id="wptravelengine-trip-booking-modal" data-trip-booking="{&quot;tripID&quot;:null,&quot;nonce&quot;:&quot;a0f85d927e&quot;,&quot;wpXHR&quot;:&quot;https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php&quot;,&quot;cartVersion&quot;:&quot;2.0&quot;,&quot;buttonLabel&quot;:&quot;Check Availability&quot;}"></div>
<!-- Click to Chat - https://holithemes.com/plugins/click-to-chat/ v4.27 -->
<div class="ht-ctc ht-ctc-chat ctc-analytics ctc_wp_desktop style-7 ht_ctc_entry_animation ht_ctc_an_entry_corner ht_ctc_animation no-animation" id="ht-ctc-chat" style="position: fixed; bottom: 21px; right: 15px; cursor: pointer; z-index: 99999999;">
<div class="ht_ctc_style ht_ctc_chat_style">
<style id="ht-ctc-s7">
.ht-ctc .ctc_s_7:hover .ctc_s_7_icon_padding, .ht-ctc .ctc_s_7:hover .ctc_cta_stick{background-color:#25d366 !important;}.ht-ctc .ctc_s_7:hover svg g path{fill:#f4f4f4 !important;}</style>
<div class="ctc_s_7 ctc-analytics ctc_nb" style="display:flex;justify-content:center;align-items:center; " data-nb_top="-7.8px" data-nb_right="-7.8px">
<p class="ctc_s_7_cta ctc_cta ctc_cta_stick ctc-analytics ht-ctc-cta ht-ctc-cta-hover " style="padding: 0px 16px; color: #ffffff; background-color: #25d366; border-radius:10px; margin:0 10px; display: none; order: 0; ">WhatsApp us</p>
<div class="ctc_s_7_icon_padding ctc-analytics " style="font-size: 20px; color: #ffffff; padding: 12px; background-color: #25D366; border-radius: 50%;">
<svg style="pointer-events:none; display:block; height:20px; width:20px;" height="20px" version="1.1" viewBox="0 0 509 512" width="20px">
<g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1">
<path style="fill: #ffffff;" d="M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z" fill="#ffffff" id="htwaicon-chat"></path>
</g>
</svg> </div>
</div> </div>
</div>
<script type="text/javascript">
(function () {
var c = document.body.className;
c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
document.body.className = c;
})();
</script>
<link rel="stylesheet" id="wc-blocks-style-css" href="./Contact – GuiLinTraveler_files/wc-blocks.css" type="text/css" media="all">
<link rel="stylesheet" id="mfn-post-local-styles-741756105445-css" href="./Contact – GuiLinTraveler_files/post-74.css" type="text/css" media="all">
<link rel="stylesheet" id="contact-form-7-css" href="./Contact – GuiLinTraveler_files/styles.css" type="text/css" media="all">
<link rel="stylesheet" id="rs-plugin-settings-css" href="./Contact – GuiLinTraveler_files/rs6.css" type="text/css" media="all">
<style id="rs-plugin-settings-inline-css" type="text/css">
#rs-demo-id {}
</style>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/hoverintent-js.min.js.download" id="hoverintent-js-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/admin-bar.min.js.download" id="admin-bar-js"></script>
<script type="text/javascript" id="ht_ctc_app_js-js-extra">
/* <![CDATA[ */
var ht_ctc_chat_var = {"number":"85264067632","pre_filled":"Hello Rita,","dis_m":"show","dis_d":"show","css":"display: none; cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 21px; right: 15px;","pos_m":"position: fixed; bottom: 21px; right: 15px;","side_d":"right","side_m":"right","schedule":"no","se":"150","ani":"no-animation","url_target_d":"_blank","ga":"yes","fb":"yes","webhook_format":"json","g_init":"default","g_an_event_name":"click to chat","pixel_event_name":"Click to Chat by HoliThemes"};
var ht_ctc_variables = {"g_an_event_name":"click to chat","pixel_event_type":"trackCustom","pixel_event_name":"Click to Chat by HoliThemes","g_an_params":["g_an_param_1","g_an_param_2","g_an_param_3"],"g_an_param_1":{"key":"number","value":"{number}"},"g_an_param_2":{"key":"title","value":"{title}"},"g_an_param_3":{"key":"url","value":"{url}"},"pixel_params":["pixel_param_1","pixel_param_2","pixel_param_3","pixel_param_4"],"pixel_param_1":{"key":"Category","value":"Click to Chat for WhatsApp"},"pixel_param_2":{"key":"ID","value":"{number}"},"pixel_param_3":{"key":"Title","value":"{title}"},"pixel_param_4":{"key":"URL","value":"{url}"}};
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/app.js.download" id="ht_ctc_app_js-js" defer="defer" data-wp-strategy="defer"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/fpickr.js.download" id="wte-fpickr-lib-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/zh.js.download" id="wte-fpickr-js"></script>
<script type="text/javascript" id="wp-travel-engine-js-before">
/* <![CDATA[ */
;(function(){
var wte = window[wte] || {};
if(! window.wte){
window.wte = {"personFormat":"\/person","bookNow":"Book Now","totaltxt":"Total:","currency":{"code":"USD","symbol":"&#36;"},"payments":[],"single_showtabs":false,"pax_labels":[],"booking_cutoff":{"enable":false,"cutoff":0,"unit":"days"}};
}
})();
;(function(){
var wte_account_page = window[wte_account_page] || {};
if(! window.wte_account_page){
window.wte_account_page = {"ajax_url":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","change_user_profile_msg":"Click here or Drop new image to update your profile picture"};
}
})();
;(function(){
var rtl = window[rtl] || {};
if(! window.rtl){
window.rtl = [];
}
})();
;(function(){
var wtePreFetch = window[wtePreFetch] || {};
if(! window.wtePreFetch){
window.wtePreFetch = {"tripID":74,"wpapi":{"root":"https:\/\/springtraveler.com\/wp-json\/","nonce":"36a57147de","versionString":"wp\/v2\/"},"map_lazy_load":"disable","iframe_url":""};
}
})();
;(function(){
var WTEAjaxData = window[WTEAjaxData] || {};
if(! window.WTEAjaxData){
window.WTEAjaxData = {"ajaxurl":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","nonce":"36a57147de"};
}
})();
;(function(){
var wteL10n = window[wteL10n] || {};
if(! window.wteL10n){
window.wteL10n = {"version":"6.6.4","baseCurrency":"USD","baseCurrencySymbol":"&#36;","currency":"USD","currencySymbol":"&#36;","home_url":"https:\/\/springtraveler.com","_nonces":{"addtocart":"a0f85d927e","downloadSystemInfo":"fa3521f28f"},"wpapi":{"root":"https:\/\/springtraveler.com\/wp-json\/","nonce":"36a57147de","versionString":"wp\/v2\/"},"wpxhr":{"root":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","nonce":"97cba8989d"},"format":{"number":{"decimal":0,"decimalSeparator":".","thousandSeparator":","},"price":"%CURRENCY_SYMBOL%%FORMATED_AMOUNT%","date":"Y\u5e74n\u6708j\u65e5","time":"ag:i","datetime":{"date":"Y\u5e74n\u6708j\u65e5","time":"ag:i","GMTOffset":"+08:00","timezone":"Asia\/Shanghai"}},"extensions":[],"locale":"zh_CN","l10n":{"invalidCartTraveler":"No. of Travellers' should be at least %s","availableSeatsExceed":"The number of pax can not exceed more than %s","invalidCartExtraReq":"%s selection is essential. Please specify a number.","invalidCartExtra":"Extra Services marked with * is essential. Please specify a number.","extraServicesTitle":"Extra Services","checkout.submitButtonText":"Book Now","checkout.bookingSummary":"Booking Summary","checkout.totalPayable":"Total Payable Now"},"layout":{"showFeaturedTripsOnTop":true,"showoptionfilter":true},"rtl":false};
}
})();
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/wte-public.js.download" id="wp-travel-engine-js"></script>
<script type="text/javascript" data-jetpack-boost="ignore" src="./Contact – GuiLinTraveler_files/rbtools.min.js.download" defer="" async="" id="tp-tools-js"></script>
<script type="text/javascript" data-jetpack-boost="ignore" src="./Contact – GuiLinTraveler_files/rs6.min.js.download" defer="" async="" id="revmin-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/travel-booking-toolkit-public.min.js.download" id="travel-booking-toolkit-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/all.min.js.download" id="all-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/v4-shims.min.js.download" id="v4-shims-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/core.min.js.download" id="jquery-ui-core-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/tabs.min.js.download" id="jquery-ui-tabs-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/debouncedresize.min.js.download" id="mfn-debouncedresize-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/magnificpopup.min.js.download" id="mfn-magnificpopup-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/menu.js.download" id="mfn-menu-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/visible.min.js.download" id="mfn-visible-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/animations.min.js.download" id="mfn-animations-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/jplayer.min.js.download" id="mfn-jplayer-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/enllax.min.js.download" id="mfn-enllax-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/translate3d.js.download" id="mfn-parallax-js"></script>
<script type="text/javascript" id="mfn-scripts-js-extra">
/* <![CDATA[ */
var mfn = {"ajax":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","mobileInit":"1240","parallax":"translate3d","responsive":"1","sidebarSticky":"","lightbox":{"disable":false,"disableMobile":false,"title":false},"slider":{"blog":0,"clients":0,"offer":0,"portfolio":0,"shop":0,"slider":0,"testimonials":0},"livesearch":{"minChar":3,"loadPosts":10,"translation":{"pages":"Pages","categories":"Categories","portfolio":"Portfolio","post":"Posts","products":"Products"}},"accessibility":{"translation":{"headerContainer":"Header container","toggleSubmenu":"Toggle submenu"}},"home_url":"","home_url_lang":"https:\/\/springtraveler.com","site_url":"https:\/\/springtraveler.com","translation":{"success_message":"Link copied to the clipboard.","error_message":"Something went wrong. Please try again later!"}};
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/scripts.js.download" id="mfn-scripts-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/comment-reply.min.js.download" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/imagesloaded.min.js.download" id="mfn-imagesloaded-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/slick.min.js.download" id="mfn-slick-js"></script>
<script type="text/javascript" id="mfn-woojs-js-extra">
/* <![CDATA[ */
var mfnwoovars = {"ajaxurl":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","wpnonce":"42bdcd99ca","rooturl":"","productthumbsover":"mfn-thumbnails-outside","productthumbs":"0px","mainimgmargin":"mfn-mim-0","myaccountpage":"https:\/\/springtraveler.com\/my-account\/","groupedQuantityErrori18n":"Please choose the quantity of items you wish to add to your cart\u2026"};
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/woocommerce.js.download" id="mfn-woojs-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/sourcebuster.min.js.download" id="sourcebuster-js-js"></script>
<script type="text/javascript" id="wc-order-attribution-js-extra">
/* <![CDATA[ */
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/springtraveler.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/order-attribution.min.js.download" id="wc-order-attribution-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/hooks.min.js.download" id="wp-hooks-js"></script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/i18n.min.js.download" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/index.js.download" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-translations">
/* <![CDATA[ */
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""].domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2024-12-09 02:48:04+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=1; plural=0;","lang":"zh_CN"},"Error:":["\u62a5\u9519\uff1a"]}},"comment":{"reference":"includes\/js\/index.js"}} );
/* ]]> */
</script>
<script type="text/javascript" id="contact-form-7-js-before">
/* <![CDATA[ */
var wpcf7 = {
"api": {
"root": "https:\/\/springtraveler.com\/wp-json\/",
"namespace": "contact-form-7\/v1"
},
"cached": 1
};
/* ]]> */
</script>
<script type="text/javascript" src="./Contact – GuiLinTraveler_files/index(1).js.download" id="contact-form-7-js"></script>
<script>
function rs_adminBarToolBarTopFunction() {
var revSliderDefault = document.querySelector('#wp-admin-bar-revslider-default');
var sr7Module = document.querySelectorAll('rs-module-wrap');
if (revSliderDefault && sr7Module.length > 0) {
var aliases = [];
sr7Module.forEach(function(element) {
aliases.push(element.getAttribute('data-alias'));
});
if (aliases.length > 0) {
revSliderDefault.querySelectorAll('li').forEach(function(li) {
var rsLabel = li.querySelector('.ab-item .rs-label');
var t = rsLabel ? rsLabel.getAttribute('data-alias') : undefined;
t = t !== undefined && t !== null ? t.trim() : t;
if (aliases.indexOf(t) === -1) {
li.remove();
}
});
}
} else {
var revSlider = document.querySelector('#wp-admin-bar-revslider');
if (revSlider) {
revSlider.remove();
}
}
}
var adminBarLoaded_once = false;
if (document.readyState === "loading") {
document.addEventListener('readystatechange', function() {
if ((document.readyState === "interactive" || document.readyState === "complete") && !adminBarLoaded_once) {
adminBarLoaded_once = true;
rs_adminBarToolBarTopFunction();
}
});
} else {
adminBarLoaded_once = true;
rs_adminBarToolBarTopFunction();
}
</script>
<script type="text/javascript">
/* <![CDATA[ */
(function() {
var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
request = true;
b[c] = b[c].replace( rcs, ' ' );
// The customizer requires postMessage and CORS (if the site is cross domain).
b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
}());
/* ]]> */
</script>
<div id="wpadminbar" class="nojq">
<a class="screen-reader-shortcut" href="https://springtraveler.com/contact/#wp-toolbar" tabindex="1">跳至工具栏</a>
<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="工具栏">
<ul role="menu" id="wp-admin-bar-root-default" class="ab-top-menu"><li role="group" id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item" role="menuitem" aria-expanded="false" href="https://springtraveler.com/wp-admin/about.php"><span class="ab-icon" aria-hidden="true"></span><span class="screen-reader-text">关于 WordPress</span></a><div class="ab-sub-wrapper"><ul role="menu" aria-label="关于 WordPress" id="wp-admin-bar-wp-logo-default" class="ab-submenu"><li role="group" id="wp-admin-bar-about"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/about.php">关于 WordPress</a></li><li role="group" id="wp-admin-bar-contribute"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/contribute.php">参与</a></li></ul><ul role="menu" aria-label="关于 WordPress" id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu"><li role="group" id="wp-admin-bar-wporg"><a class="ab-item" role="menuitem" href="https://cn.wordpress.org/">WordPress.org</a></li><li role="group" id="wp-admin-bar-documentation"><a class="ab-item" role="menuitem" href="https://wordpress.org/documentation/">文档</a></li><li role="group" id="wp-admin-bar-learn"><a class="ab-item" role="menuitem" href="https://learn.wordpress.org/">学习 WordPress</a></li><li role="group" id="wp-admin-bar-support-forums"><a class="ab-item" role="menuitem" href="https://cn.wordpress.org/support/forums/">支持</a></li><li role="group" id="wp-admin-bar-feedback"><a class="ab-item" role="menuitem" href="https://cn.wordpress.org/support/forum/suggestions/">反馈</a></li></ul></div></li><li role="group" id="wp-admin-bar-site-name" class="menupop"><a class="ab-item" role="menuitem" aria-expanded="false" href="https://springtraveler.com/wp-admin/">GuiLinTraveler</a><div class="ab-sub-wrapper"><ul role="menu" aria-label="GuiLinTraveler" id="wp-admin-bar-site-name-default" class="ab-submenu"><li role="group" id="wp-admin-bar-dashboard"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/">仪表盘</a></li><li role="group" id="wp-admin-bar-plugins"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/plugins.php">插件</a></li></ul><ul role="menu" aria-label="GuiLinTraveler" id="wp-admin-bar-appearance" class="ab-submenu"><li role="group" id="wp-admin-bar-themes"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/themes.php">主题</a></li><li role="group" id="wp-admin-bar-widgets"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/widgets.php">小工具</a></li><li role="group" id="wp-admin-bar-menus"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/nav-menus.php">菜单</a></li></ul></div></li><li role="group" id="wp-admin-bar-woocommerce-site-visibility-badge" class="woocommerce-site-status-badge-live"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/admin.php?page=wc-settings&amp;tab=site-visibility">已上线</a></li><li role="group" id="wp-admin-bar-customize" class="hide-if-no-customize"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/customize.php?url=https%3A%2F%2Fspringtraveler.com%2Fcontact%2F">自定义</a></li><li role="group" id="wp-admin-bar-comments"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/edit-comments.php"><span class="ab-icon" aria-hidden="true"></span><span class="ab-label awaiting-mod pending-count count-0" aria-hidden="true">0</span><span class="screen-reader-text comments-in-moderation-text">0 条评论待审</span></a></li><li role="group" id="wp-admin-bar-new-content" class="menupop"><a class="ab-item" role="menuitem" aria-expanded="false" href="https://springtraveler.com/wp-admin/post-new.php"><span class="ab-icon" aria-hidden="true"></span><span class="ab-label">新建</span></a><div class="ab-sub-wrapper"><ul role="menu" aria-label="新建" id="wp-admin-bar-new-content-default" class="ab-submenu"><li role="group" id="wp-admin-bar-new-post"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php">文章</a></li><li role="group" id="wp-admin-bar-new-media"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/media-new.php">媒体</a></li><li role="group" id="wp-admin-bar-new-page"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=page">页面</a></li><li role="group" id="wp-admin-bar-new-product"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=product">产品</a></li><li role="group" id="wp-admin-bar-new-shop_order"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=shop_order">订单</a></li><li role="group" id="wp-admin-bar-new-shop_coupon"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=shop_coupon">优惠券</a></li><li role="group" id="wp-admin-bar-new-booking"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=booking">Booking</a></li><li role="group" id="wp-admin-bar-new-trip"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=trip">Trip</a></li><li role="group" id="wp-admin-bar-new-enquiry"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=enquiry">Enquiry</a></li><li role="group" id="wp-admin-bar-new-wte-coupon"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=wte-coupon">Coupon</a></li><li role="group" id="wp-admin-bar-new-icons"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=icons">Icons</a></li><li role="group" id="wp-admin-bar-new-template"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=template">Template</a></li><li role="group" id="wp-admin-bar-new-client"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=client">Client</a></li><li role="group" id="wp-admin-bar-new-offer"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=offer">Offer Item</a></li><li role="group" id="wp-admin-bar-new-portfolio"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=portfolio">Portfolio item</a></li><li role="group" id="wp-admin-bar-new-slide"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=slide">Slide</a></li><li role="group" id="wp-admin-bar-new-testimonial"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=testimonial">Testimonial</a></li><li role="group" id="wp-admin-bar-new-layout"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post-new.php?post_type=layout">Layout</a></li><li role="group" id="wp-admin-bar-new-user"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/user-new.php">用户</a></li><li role="group" id="wp-admin-bar-members-new-role"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/admin.php?page=members">Role</a></li></ul></div></li><li role="group" id="wp-admin-bar-edit"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post.php?post=74&amp;action=edit">编辑页面</a></li><li role="group" id="wp-admin-bar-easy-updates-manager-admin-bar" class="menupop"><a class="ab-item" role="menuitem" aria-expanded="false" href="https://springtraveler.com/wp-admin/index.php?page=mpsum-update-options">Updates</a><div class="ab-sub-wrapper"><ul role="menu" id="wp-admin-bar-easy-updates-manager-admin-bar-default" class="ab-submenu"><li role="group" id="wp-admin-bar-easy-updates-manager-admin-bar-general"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/index.php?page=mpsum-update-options&amp;tab=general">General</a></li><li role="group" id="wp-admin-bar-easy-updates-manager-admin-bar-plugins"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/index.php?page=mpsum-update-options&amp;tab=plugins">Plugins</a></li><li role="group" id="wp-admin-bar-easy-updates-manager-admin-bar-themes"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/index.php?page=mpsum-update-options&amp;tab=themes">Themes</a></li><li role="group" id="wp-admin-bar-easy-updates-manager-admin-bar-logs"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/index.php?page=mpsum-update-options&amp;tab=logs">Logs</a></li><li role="group" id="wp-admin-bar-easy-updates-manager-admin-bar-advanced"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/index.php?page=mpsum-update-options&amp;tab=advanced">Advanced</a></li><li role="group" id="wp-admin-bar-easy-updates-manager-admin-bar-premium"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/index.php?page=mpsum-update-options&amp;tab=premium">Premium</a></li></ul></div></li><li role="group" id="wp-admin-bar-wpte-admin-menu" class="menupop"><a class="ab-item" role="menuitem" aria-expanded="false" href="https://springtraveler.com/wp-admin/edit.php?post_type=booking&amp;page=wptravelengine-admin-page" title="WP Travel Engine"><span class="wpte-admin-menu"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_60_548)"><path d="M22.8963 12.1856C23.1956 11.7415 22.7501 11.3673 22.7501 11.3673C22.7501 11.3673 22.2301 11.1051 21.9322 11.5491C21.633 11.9932 20.8789 13.1159 20.8789 13.1159L17.8029 13.1871L17.287 13.954L19.8988 14.572L18.7272 15.9741C19.0916 16.1151 19.4014 16.3747 19.7525 16.5486L20.863 15.2085L22.4442 17.359L22.9602 16.5921L21.8418 13.7524C21.8431 13.7524 22.5984 12.6297 22.8963 12.1856Z" fill="white"></path><path d="M11.9222 11.5544C12.8513 11.5544 13.6045 10.8081 13.6045 9.88745C13.6045 8.96683 12.8513 8.22052 11.9222 8.22052C10.9931 8.22052 10.2399 8.96683 10.2399 9.88745C10.2399 10.8081 10.9931 11.5544 11.9222 11.5544Z" fill="white"></path><path d="M21.2379 13.4954C20.9587 13.3215 20.589 13.4045 20.4134 13.6825C18.7032 16.3733 16.9172 17.8439 15.2482 17.9335C13.1351 18.0495 11.744 16.011 10.5299 14.6498C9.8862 13.9276 9.30105 13.1568 8.79038 12.3371C8.3861 11.6901 7.93927 10.9166 7.93927 10.1339C7.93794 7.95699 9.72528 6.18596 11.9222 6.18596C14.1178 6.18596 15.9052 7.95699 15.9052 10.1339C15.9052 11.4371 14.3226 13.5244 12.9635 15.0477C12.7494 15.2875 12.7733 15.6525 13.0114 15.87C13.0154 15.8726 13.018 15.8766 13.022 15.8792C13.2641 16.1006 13.6444 16.0795 13.8625 15.8357C15.2668 14.2716 17.1034 11.8904 17.1034 10.1326C17.1021 7.30208 14.7788 5 11.9222 5C9.06567 5 6.74106 7.30208 6.74106 10.1339C6.74106 11.7876 8.36749 13.9935 9.73326 15.555L9.72927 15.5511C10.091 15.8897 10.4022 16.2996 10.744 16.6593C11.4076 17.3551 12.0858 18.0969 12.9382 18.5634C12.9396 18.5647 12.9422 18.5647 12.9475 18.5687C13.5181 18.877 14.2375 19.1235 15.0807 19.1235C15.1511 19.1235 15.223 19.1221 15.2961 19.1182C17.4039 19.0141 19.4666 17.3972 21.4255 14.3137C21.6023 14.037 21.5172 13.6707 21.2379 13.4954Z" fill="white"></path><path d="M10.6349 17.7979C10.4607 17.6345 10.2054 17.5937 9.98463 17.6859C9.58567 17.852 9.11889 17.9626 8.59625 17.9337C6.92727 17.844 5.14126 16.3735 3.4377 13.6919L2.11049 11.5137C1.94027 11.233 1.57189 11.1434 1.28996 11.312C1.0067 11.482 0.914938 11.8457 1.08649 12.1264L2.41902 14.3138C4.37791 17.3973 6.44054 19.0142 8.54838 19.1183C8.62152 19.1222 8.69333 19.1236 8.76381 19.1236C9.40082 19.1236 9.96867 18.9826 10.4541 18.7796C10.8544 18.6123 10.9528 18.0957 10.6376 17.7992L10.6349 17.7979Z" fill="white"></path></g></svg></span> WP Travel Engine</a><div class="ab-sub-wrapper"><ul role="menu" id="wp-admin-bar-wpte-admin-menu-default" class="ab-submenu"><li role="group" id="wp-admin-bar-wpte-trips"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/edit.php?post_type=trip" title="All Trips">All Trips</a></li><li role="group" id="wp-admin-bar-wpte-settings"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/edit.php?post_type=booking&amp;page=class-wp-travel-engine-admin.php" title="WP Travel Engine Settings">Settings</a></li><li role="group" id="wp-admin-bar-wpte-extensions"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/edit.php?post_type=booking&amp;page=extensions" title="WP Travel Engine Extensions">Extensions</a></li><li role="group" id="wp-admin-bar-wpte-tutorials"><a class="ab-item" role="menuitem" href="https://wptravelengine.com/tutorials/?utm_source=free_plugin&amp;utm_medium=admin_menu&amp;utm_campaign=tutorials" target="__blank" title="WP Travel Engine Tutorials">Tutorials</a></li><li role="group" id="wp-admin-bar-wpte-support"><a class="ab-item" role="menuitem" href="https://wptravelengine.com/support/?utm_source=free_plugin&amp;utm_medium=admin_menu&amp;utm_campaign=support" target="__blank" title="WP Travel Engine Support">Support</a></li></ul></div></li><li role="group" id="wp-admin-bar-mfn-live-builder"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/post.php?post=74&amp;action=mfn-live-builder">Edit with BeBuilder</a></li><li role="group" id="wp-admin-bar-wp-rocket" class="menupop"><a class="ab-item" role="menuitem" aria-expanded="false" href="https://springtraveler.com/wp-admin/options-general.php?page=wprocket">WP Rocket</a><div class="ab-sub-wrapper"><ul role="menu" id="wp-admin-bar-wp-rocket-default" class="ab-submenu"><li role="group" id="wp-admin-bar-rocket-settings"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/options-general.php?page=wprocket">设置</a></li><li role="group" id="wp-admin-bar-purge-all"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/admin-post.php?action=purge_cache&amp;type=all&amp;_wp_http_referer=%2Fcontact%2F&amp;_wpnonce=1841e43827">Clear Cache</a></li><li role="group" id="wp-admin-bar-purge-url"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/admin-post.php?action=purge_cache&amp;type=url&amp;_wp_http_referer=%2Fcontact%2F&amp;_wpnonce=1998d9bc4d">清除此URL</a></li><li role="group" id="wp-admin-bar-clear-performance-hints-data-url"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/admin-post.php?action=rocket_clean_performance_hints_url&amp;_wp_http_referer=%2Fcontact%2F&amp;_wpnonce=84016316fc">Clear Priority Elements of this URL</a></li><li role="group" id="wp-admin-bar-docs"><a class="ab-item" role="menuitem" href="https://docs.wp-rocket.me/?utm_source=wp_plugin&amp;utm_medium=wp_rocket">文档</a></li><li role="group" id="wp-admin-bar-faq"><a class="ab-item" role="menuitem" href="https://wp-rocket.me/faq/?utm_source=wp_plugin&amp;utm_medium=wp_rocket">常见问题</a></li><li role="group" id="wp-admin-bar-support"><a class="ab-item" role="menuitem" href="https://wp-rocket.me/support/?utm_source=wp_plugin&amp;utm_medium=wp_rocket">支持</a></li></ul></div></li></ul><ul role="menu" id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu"><li role="group" id="wp-admin-bar-my-account" class="menupop with-avatar"><a class="ab-item" role="menuitem" aria-expanded="false" href="https://springtraveler.com/wp-admin/profile.php">您好，<span class="display-name">st_admin</span><img alt="" src="./Contact – GuiLinTraveler_files/334c4a4c42fdb79d7ebc3e73b517e6f8(1).jpg" srcset="https://secure.gravatar.com/avatar/?s=52&amp;d=mm&amp;r=g 2x" class="avatar avatar-26 photo avatar-default" height="26" width="26" decoding="async"></a><div class="ab-sub-wrapper"><ul role="menu" aria-label="您好，st_admin" id="wp-admin-bar-user-actions" class="ab-submenu"><li role="group" id="wp-admin-bar-user-info"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-admin/profile.php"><img alt="" src="./Contact – GuiLinTraveler_files/334c4a4c42fdb79d7ebc3e73b517e6f8(2).jpg" srcset="https://secure.gravatar.com/avatar/?s=128&amp;d=mm&amp;r=g 2x" class="avatar avatar-64 photo avatar-default" height="64" width="64" decoding="async"><span class="display-name">st_admin</span><span class="display-name edit-profile">编辑个人资料</span></a></li><li role="group" id="wp-admin-bar-logout"><a class="ab-item" role="menuitem" href="https://springtraveler.com/wp-login.php?action=logout&amp;_wpnonce=98b158e49c">注销</a></li></ul></div></li><li role="group" id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1" role="menuitem"><form action="https://springtraveler.com/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150"><label for="adminbar-search" class="screen-reader-text">搜索</label><input type="submit" class="adminbar-button" value="搜索"></form></div></li></ul> </div>
</div>
<div class="widget_shopping_cart_live_region screen-reader-text" role="status"></div><div id="fluent-read-floating-ball-container" data-v-app=""><div data-v-524f77c3="" class="fr-floating-ball" data-position="right" style="top: 50%;"><div data-v-524f77c3="" class="floating-ball-icon"><div data-v-524f77c3="" class="fr-icon-container"><!----><!----><svg data-v-524f77c3="" class="imt-fb-logo-img-big-bg translation-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"><path data-v-524f77c3="" fill="none" d="M0 0h24v24H0z"></path><path data-v-524f77c3="" d="M5 15v2a2 2 0 0 0 1.85 1.995L7 19h3v2H7a4 4 0 0 1-4-4v-2h2zm13-5l4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16 10h2zm-1 2.885L15.753 16h2.492L17 12.885zM8 2v2h4v7H8v3H6v-3H2V4h4V2h2zm9 1a4 4 0 0 1 4 4v2h-2V7a2 2 0 0 0-2-2h-3V3h3zM6 6H4v3h2V6zm4 0H8v3h2V6z" fill="rgba(255,255,255,1)"></path></svg><!----><!----><div data-v-524f77c3="" class="ripple-container"></div></div></div></div></div><div id="fluent-read-selection-translator-container" data-v-app=""></div><!----><!----><!----><div id="fluent-new-api-container"></div></body><div id="immersive-translate-browser-popup" style="all: initial"><template shadowrootmode="open"><style>@charset "UTF-8";
/*!
* Pico.css v1.5.6 (https://picocss.com)
* Copyright 2019-2022 - Licensed under MIT
*/
/**
* Theme: default
*/
#mount {
--font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
"Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5;
--font-weight: 400;
--font-size: 16px;
--border-radius: 0.25rem;
--border-width: 1px;
--outline-width: 3px;
--spacing: 1rem;
--typography-spacing-vertical: 1.5rem;
--block-spacing-vertical: calc(var(--spacing) * 2);
--block-spacing-horizontal: var(--spacing);
--grid-spacing-vertical: 0;
--grid-spacing-horizontal: var(--spacing);
--form-element-spacing-vertical: 0.75rem;
--form-element-spacing-horizontal: 1rem;
--nav-element-spacing-vertical: 1rem;
--nav-element-spacing-horizontal: 0.5rem;
--nav-link-spacing-vertical: 0.5rem;
--nav-link-spacing-horizontal: 0.5rem;
--form-label-font-weight: var(--font-weight);
--transition: 0.2s ease-in-out;
--modal-overlay-backdrop-filter: blur(0.25rem);
}
@media (min-width: 576px) {
#mount {
--font-size: 17px;
}
}
@media (min-width: 768px) {
#mount {
--font-size: 18px;
}
}
@media (min-width: 992px) {
#mount {
--font-size: 19px;
}
}
@media (min-width: 1200px) {
#mount {
--font-size: 20px;
}
}
@media (min-width: 576px) {
#mount > header,
#mount > main,
#mount > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 2);
}
}
@media (min-width: 768px) {
#mount > header,
#mount > main,
#mount > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 2.5);
}
}
@media (min-width: 992px) {
#mount > header,
#mount > main,
#mount > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3);
}
}
@media (min-width: 1200px) {
#mount > header,
#mount > main,
#mount > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3.5);
}
}
@media (min-width: 576px) {
article {
--block-spacing-horizontal: calc(var(--spacing) * 1.25);
}
}
@media (min-width: 768px) {
article {
--block-spacing-horizontal: calc(var(--spacing) * 1.5);
}
}
@media (min-width: 992px) {
article {
--block-spacing-horizontal: calc(var(--spacing) * 1.75);
}
}
@media (min-width: 1200px) {
article {
--block-spacing-horizontal: calc(var(--spacing) * 2);
}
}
dialog > article {
--block-spacing-vertical: calc(var(--spacing) * 2);
--block-spacing-horizontal: var(--spacing);
}
@media (min-width: 576px) {
dialog > article {
--block-spacing-vertical: calc(var(--spacing) * 2.5);
--block-spacing-horizontal: calc(var(--spacing) * 1.25);
}
}
@media (min-width: 768px) {
dialog > article {
--block-spacing-vertical: calc(var(--spacing) * 3);
--block-spacing-horizontal: calc(var(--spacing) * 1.5);
}
}
a {
--text-decoration: none;
}
a.secondary,
a.contrast {
--text-decoration: underline;
}
small {
--font-size: 0.875em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
--font-weight: 700;
}
h1 {
--font-size: 2rem;
--typography-spacing-vertical: 3rem;
}
h2 {
--font-size: 1.75rem;
--typography-spacing-vertical: 2.625rem;
}
h3 {
--font-size: 1.5rem;
--typography-spacing-vertical: 2.25rem;
}
h4 {
--font-size: 1.25rem;
--typography-spacing-vertical: 1.874rem;
}
h5 {
--font-size: 1.125rem;
--typography-spacing-vertical: 1.6875rem;
}
[type="checkbox"],
[type="radio"] {
--border-width: 2px;
}
[type="checkbox"][role="switch"] {
--border-width: 2px;
}
thead th,
thead td,
tfoot th,
tfoot td {
--border-width: 3px;
}
:not(thead, tfoot) > * > td {
--font-size: 0.875em;
}
pre,
code,
kbd,
samp {
--font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace",
"Noto Mono", "Oxygen Mono", "Liberation Mono", monospace,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
kbd {
--font-weight: bolder;
}
[data-theme="light"],
#mount:not([data-theme="dark"]) {
--background-color: #fff;
--background-light-green: #f5f7f9;
--color: hsl(205deg, 20%, 32%);
--h1-color: hsl(205deg, 30%, 15%);
--h2-color: #24333e;
--h3-color: hsl(205deg, 25%, 23%);
--h4-color: #374956;
--h5-color: hsl(205deg, 20%, 32%);
--h6-color: #4d606d;
--muted-color: hsl(205deg, 10%, 50%);
--muted-border-color: hsl(205deg, 20%, 94%);
--primary: hsl(195deg, 85%, 41%);
--primary-hover: hsl(195deg, 90%, 32%);
--primary-focus: rgba(16, 149, 193, 0.125);
--primary-inverse: #fff;
--secondary: hsl(205deg, 15%, 41%);
--secondary-hover: hsl(205deg, 20%, 32%);
--secondary-focus: rgba(89, 107, 120, 0.125);
--secondary-inverse: #fff;
--contrast: hsl(205deg, 30%, 15%);
--contrast-hover: #000;
--contrast-focus: rgba(89, 107, 120, 0.125);
--contrast-inverse: #fff;
--mark-background-color: #fff2ca;
--mark-color: #543a26;
--ins-color: #388e3c;
--del-color: #c62828;
--blockquote-border-color: var(--muted-border-color);
--blockquote-footer-color: var(--muted-color);
--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--form-element-background-color: transparent;
--form-element-border-color: hsl(205deg, 14%, 68%);
--form-element-color: var(--color);
--form-element-placeholder-color: var(--muted-color);
--form-element-active-background-color: transparent;
--form-element-active-border-color: var(--primary);
--form-element-focus-color: var(--primary-focus);
--form-element-disabled-background-color: hsl(205deg, 18%, 86%);
--form-element-disabled-border-color: hsl(205deg, 14%, 68%);
--form-element-disabled-opacity: 0.5;
--form-element-invalid-border-color: #c62828;
--form-element-invalid-active-border-color: #d32f2f;
--form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);
--form-element-valid-border-color: #388e3c;
--form-element-valid-active-border-color: #43a047;
--form-element-valid-focus-color: rgba(67, 160, 71, 0.125);
--switch-background-color: hsl(205deg, 16%, 77%);
--switch-color: var(--primary-inverse);
--switch-checked-background-color: var(--primary);
--range-border-color: hsl(205deg, 18%, 86%);
--range-active-border-color: hsl(205deg, 16%, 77%);
--range-thumb-border-color: var(--background-color);
--range-thumb-color: var(--secondary);
--range-thumb-hover-color: var(--secondary-hover);
--range-thumb-active-color: var(--primary);
--table-border-color: var(--muted-border-color);
--table-row-stripped-background-color: #f6f8f9;
--code-background-color: hsl(205deg, 20%, 94%);
--code-color: var(--muted-color);
--code-kbd-background-color: var(--contrast);
--code-kbd-color: var(--contrast-inverse);
--code-tag-color: hsl(330deg, 40%, 50%);
--code-property-color: hsl(185deg, 40%, 40%);
--code-value-color: hsl(40deg, 20%, 50%);
--code-comment-color: hsl(205deg, 14%, 68%);
--accordion-border-color: var(--muted-border-color);
--accordion-close-summary-color: var(--color);
--accordion-open-summary-color: var(--muted-color);
--card-background-color: var(--background-color);
--card-border-color: var(--muted-border-color);
--card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),
0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),
0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),
0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),
0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),
0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),
0 0 0 0.0625rem rgba(27, 40, 50, 0.015);
--card-sectionning-background-color: #fbfbfc;
--dropdown-background-color: #fbfbfc;
--dropdown-border-color: #e1e6eb;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-hover-background-color: hsl(205deg, 20%, 94%);
--modal-overlay-background-color: rgba(213, 220, 226, 0.7);
--progress-background-color: hsl(205deg, 18%, 86%);
--progress-color: var(--primary);
--loading-spinner-opacity: 0.5;
--tooltip-background-color: var(--contrast);
--tooltip-color: var(--contrast-inverse);
--icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
--icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
--icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTguOTM0OCA4LjY0ODQ0QzIwLjg5NDEgOC42NDg0NCAyMi40ODU1IDcuMDU0NjkgMjIuNDg1NSA1LjA5NzY2QzIyLjQ4NTUgMy4xNDA2MiAyMC44OTE4IDEuNTQ2ODggMTguOTM0OCAxLjU0Njg4QzE2Ljk3NTQgMS41NDY4OCAxNS4zODQgMy4xNDA2MiAxNS4zODQgNS4wOTc2NkMxNS4zODQgNS4yOTkyMiAxNS40MDA0IDUuNDkzNzUgMTUuNDMzMiA1LjY4NTk0TDcuMzIzODMgOS4zNTM5MUM2LjcwOTc3IDguODQ1MzEgNS45MjIyNyA4LjU0MDYyIDUuMDY0NDUgOC41NDA2MkMzLjEwNTA4IDguNTQwNjIgMS41MTM2NyAxMC4xMzQ0IDEuNTEzNjcgMTIuMDkxNEMxLjUxMzY3IDE0LjA0ODQgMy4xMDc0MiAxNS42NDIyIDUuMDY0NDUgMTUuNjQyMkM1LjgzMzIgMTUuNjQyMiA2LjU0NTcgMTUuMzk2MSA3LjEyNjk1IDE0Ljk4MTNMMTIuNDk0MSAxNy45OTUzQzEyLjQxNjggMTguMjg1OSAxMi4zNzcgMTguNTg4MyAxMi4zNzcgMTguOTAyM0MxMi4zNzcgMjAuODYxNyAxMy45NzA3IDIyLjQ1MzEgMTUuOTI3NyAyMi40NTMxQzE3Ljg4NzEgMjIuNDUzMSAxOS40Nzg1IDIwLjg1OTQgMTkuNDc4NSAxOC45MDIzQzE5LjQ3ODUgMTYuOTQzIDE3Ljg4NDggMTUuMzUxNiAxNS45Mjc3IDE1LjM1MTZDMTQuOTU3NCAxNS4zNTE2IDE0LjA3ODUgMTUuNzQzIDEzLjQzNjMgMTYuMzczNEw4LjMyMjI3IDEzLjUwNDdDOC41MDk3NyAxMy4wNzExIDguNjE1MjMgMTIuNTk1MyA4LjYxNTIzIDEyLjA5MzhDOC42MTUyMyAxMS42ODEyIDguNTQ0OTIgMTEuMjg3NSA4LjQxNjAyIDEwLjkxOTVMMTYuMjIzIDcuMzg3NUMxNi44NzQ2IDguMTU2MjUgMTcuODQ5NiA4LjY0ODQ0IDE4LjkzNDggOC42NDg0NFpNNS4wNjQ0NSAxMy43Njk1QzQuMTQxMDIgMTMuNzY5NSAzLjM4ODY3IDEzLjAxNzIgMy4zODg2NyAxMi4wOTM4QzMuMzg4NjcgMTEuMTcwMyA0LjE0MTAyIDEwLjQxOCA1LjA2NDQ1IDEwLjQxOEM1Ljk4Nzg5IDEwLjQxOCA2Ljc0MDIzIDExLjE3MDMgNi43NDAyMyAxMi4wOTM4QzYuNzQwMjMgMTMuMDE3MiA1Ljk4Nzg5IDEzLjc2OTUgNS4wNjQ0NSAxMy43Njk1Wk0xNS45Mjc3IDE3LjIyNjZDMTYuODUxMiAxNy4yMjY2IDE3LjYwMzUgMTcuOTc4OSAxNy42MDM1IDE4LjkwMjNDMTcuNjAzNSAxOS44MjU4IDE2Ljg1MTIgMjAuNTc4MSAxNS45Mjc3IDIwLjU3ODFDMTUuMDA0MyAyMC41NzgxIDE0LjI1MiAxOS44MjU4IDE0LjI1MiAxOC45MDIzQzE0LjI1MiAxNy45Nzg5IDE1LjAwMiAxNy4yMjY2IDE1LjkyNzcgMTcuMjI2NlpNMTguOTM0OCAzLjQxOTUzQzE5Ljg1ODIgMy40MTk1MyAyMC42MTA1IDQuMTcxODcgMjAuNjEwNSA1LjA5NTMxQzIwLjYxMDUgNi4wMTg3NSAxOS44NTgyIDYuNzcxMDkgMTguOTM0OCA2Ljc3MTA5QzE4LjAxMTMgNi43NzEwOSAxNy4yNTkgNi4wMTg3NSAxNy4yNTkgNS4wOTUzMUMxNy4yNTkgNC4xNzE4NyAxOC4wMTEzIDMuNDE5NTMgMTguOTM0OCAzLjQxOTUzWicgZmlsbD0nIzgzODM4MycvPjwvc3ZnPiA=");
--float-ball-more-button-border-color: #f6f6f6;
--float-ball-more-button-background-color: #ffffff;
--float-ball-more-button-svg-color: #6c6f73;
color-scheme: light;
--service-bg-hover: #f7faff;
--service-bg: #fafbfb;
}
@media only screen and (prefers-color-scheme: dark) {
#mount:not([data-theme="light"]) {
--background-color: #11191f;
--float-ball-more-button-background-color: #ffffff;
--background-light-green: #141e26;
--color: hsl(205deg, 16%, 77%);
--h1-color: hsl(205deg, 20%, 94%);
--h2-color: #e1e6eb;
--h3-color: hsl(205deg, 18%, 86%);
--h4-color: #c8d1d8;
--h5-color: hsl(205deg, 16%, 77%);
--h6-color: #afbbc4;
--muted-color: hsl(205deg, 10%, 50%);
--muted-border-color: #1f2d38;
--primary: hsl(195deg, 85%, 41%);
--primary-hover: hsl(195deg, 80%, 50%);
--primary-focus: rgba(16, 149, 193, 0.25);
--primary-inverse: #fff;
--secondary: hsl(205deg, 15%, 41%);
--secondary-hover: hsl(205deg, 10%, 50%);
--secondary-focus: rgba(115, 130, 140, 0.25);
--secondary-inverse: #fff;
--contrast: hsl(205deg, 20%, 94%);
--contrast-hover: #fff;
--contrast-focus: rgba(115, 130, 140, 0.25);
--contrast-inverse: #000;
--mark-background-color: #d1c284;
--mark-color: #11191f;
--ins-color: #388e3c;
--del-color: #c62828;
--blockquote-border-color: var(--muted-border-color);
--blockquote-footer-color: var(--muted-color);
--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--form-element-background-color: #11191f;
--form-element-border-color: #374956;
--form-element-color: var(--color);
--form-element-placeholder-color: var(--muted-color);
--form-element-active-background-color: var(
--form-element-background-color
);
--form-element-active-border-color: var(--primary);
--form-element-focus-color: var(--primary-focus);
--form-element-disabled-background-color: hsl(205deg, 25%, 23%);
--form-element-disabled-border-color: hsl(205deg, 20%, 32%);
--form-element-disabled-opacity: 0.5;
--form-element-invalid-border-color: #b71c1c;
--form-element-invalid-active-border-color: #c62828;
--form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
--form-element-valid-border-color: #2e7d32;
--form-element-valid-active-border-color: #388e3c;
--form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
--switch-background-color: #374956;
--switch-color: var(--primary-inverse);
--switch-checked-background-color: var(--primary);
--range-border-color: #24333e;
--range-active-border-color: hsl(205deg, 25%, 23%);
--range-thumb-border-color: var(--background-color);
--range-thumb-color: var(--secondary);
--range-thumb-hover-color: var(--secondary-hover);
--range-thumb-active-color: var(--primary);
--table-border-color: var(--muted-border-color);
--table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
--code-background-color: #18232c;
--code-color: var(--muted-color);
--code-kbd-background-color: var(--contrast);
--code-kbd-color: var(--contrast-inverse);
--code-tag-color: hsl(330deg, 30%, 50%);
--code-property-color: hsl(185deg, 30%, 50%);
--code-value-color: hsl(40deg, 10%, 50%);
--code-comment-color: #4d606d;
--accordion-border-color: var(--muted-border-color);
--accordion-active-summary-color: var(--primary);
--accordion-close-summary-color: var(--color);
--accordion-open-summary-color: var(--muted-color);
--card-background-color: #141e26;
--card-border-color: var(--card-background-color);
--card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
--card-sectionning-background-color: #18232c;
--dropdown-background-color: hsl(205deg, 30%, 15%);
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.8);
--progress-background-color: #24333e;
--progress-color: var(--primary);
--loading-spinner-opacity: 0.5;
--tooltip-background-color: var(--contrast);
--tooltip-color: var(--contrast-inverse);
--icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
--icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
--icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
color-scheme: dark;
--service-bg-hover: #22292f;
--service-bg: rgba(0, 0, 0, 0.1);
}
}
[data-theme="dark"] {
--background-color: #11191f;
--float-ball-more-button-background-color: #ffffff;
--background-light-green: #141e26;
--color: hsl(205deg, 16%, 77%);
--h1-color: hsl(205deg, 20%, 94%);
--h2-color: #e1e6eb;
--h3-color: hsl(205deg, 18%, 86%);
--h4-color: #c8d1d8;
--h5-color: hsl(205deg, 16%, 77%);
--h6-color: #afbbc4;
--muted-color: hsl(205deg, 10%, 50%);
--muted-border-color: #1f2d38;
--primary: hsl(195deg, 85%, 41%);
--primary-hover: hsl(195deg, 80%, 50%);
--primary-focus: rgba(16, 149, 193, 0.25);
--primary-inverse: #fff;
--secondary: hsl(205deg, 15%, 41%);
--secondary-hover: hsl(205deg, 10%, 50%);
--secondary-focus: rgba(115, 130, 140, 0.25);
--secondary-inverse: #fff;
--contrast: hsl(205deg, 20%, 94%);
--contrast-hover: #fff;
--contrast-focus: rgba(115, 130, 140, 0.25);
--contrast-inverse: #000;
--mark-background-color: #d1c284;
--mark-color: #11191f;
--ins-color: #388e3c;
--del-color: #c62828;
--blockquote-border-color: var(--muted-border-color);
--blockquote-footer-color: var(--muted-color);
--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
--form-element-background-color: #11191f;
--form-element-border-color: #374956;
--form-element-color: var(--color);
--form-element-placeholder-color: var(--muted-color);
--form-element-active-background-color: var(--form-element-background-color);
--form-element-active-border-color: var(--primary);
--form-element-focus-color: var(--primary-focus);
--form-element-disabled-background-color: hsl(205deg, 25%, 23%);
--form-element-disabled-border-color: hsl(205deg, 20%, 32%);
--form-element-disabled-opacity: 0.5;
--form-element-invalid-border-color: #b71c1c;
--form-element-invalid-active-border-color: #c62828;
--form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);
--form-element-valid-border-color: #2e7d32;
--form-element-valid-active-border-color: #388e3c;
--form-element-valid-focus-color: rgba(56, 142, 60, 0.25);
--switch-background-color: #374956;
--switch-color: var(--primary-inverse);
--switch-checked-background-color: var(--primary);
--range-border-color: #24333e;
--range-active-border-color: hsl(205deg, 25%, 23%);
--range-thumb-border-color: var(--background-color);
--range-thumb-color: var(--secondary);
--range-thumb-hover-color: var(--secondary-hover);
--range-thumb-active-color: var(--primary);
--table-border-color: var(--muted-border-color);
--table-row-stripped-background-color: rgba(115, 130, 140, 0.05);
--code-background-color: #18232c;
--code-color: var(--muted-color);
--code-kbd-background-color: var(--contrast);
--code-kbd-color: var(--contrast-inverse);
--code-tag-color: hsl(330deg, 30%, 50%);
--code-property-color: hsl(185deg, 30%, 50%);
--code-value-color: hsl(40deg, 10%, 50%);
--code-comment-color: #4d606d;
--accordion-border-color: var(--muted-border-color);
--accordion-active-summary-color: var(--primary);
--accordion-close-summary-color: var(--color);
--accordion-open-summary-color: var(--muted-color);
--card-background-color: #141e26;
--card-border-color: var(--card-background-color);
--card-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),
0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),
0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),
0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),
0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),
0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
--card-sectionning-background-color: #18232c;
--dropdown-background-color: hsl(205deg, 30%, 15%);
--dropdown-border-color: #24333e;
--dropdown-box-shadow: var(--card-box-shadow);
--dropdown-color: var(--color);
--dropdown-hover-background-color: rgba(36, 51, 62, 0.75);
--modal-overlay-background-color: rgba(36, 51, 62, 0.8);
--progress-background-color: #24333e;
--progress-color: var(--primary);
--loading-spinner-opacity: 0.5;
--tooltip-background-color: var(--contrast);
--tooltip-color: var(--contrast-inverse);
--icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
--icon-chevron-button: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
--icon-chevron-button-inverse: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
--icon-share: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMjInIGhlaWdodD0nMjInIHZpZXdCb3g9JzAgMCAyMiAyMicgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTcuOTM0OCA3LjY0ODQ0QzE5Ljg5NDEgNy42NDg0NCAyMS40ODU1IDYuMDU0NjkgMjEuNDg1NSA0LjA5NzY2QzIxLjQ4NTUgMi4xNDA2MiAxOS44OTE4IDAuNTQ2ODc1IDE3LjkzNDggMC41NDY4NzVDMTUuOTc1NCAwLjU0Njg3NSAxNC4zODQgMi4xNDA2MiAxNC4zODQgNC4wOTc2NkMxNC4zODQgNC4yOTkyMiAxNC40MDA0IDQuNDkzNzUgMTQuNDMzMiA0LjY4NTk0TDYuMzIzODMgOC4zNTM5MUM1LjcwOTc3IDcuODQ1MzEgNC45MjIyNyA3LjU0MDYyIDQuMDY0NDUgNy41NDA2MkMyLjEwNTA4IDcuNTQwNjIgMC41MTM2NzIgOS4xMzQzOCAwLjUxMzY3MiAxMS4wOTE0QzAuNTEzNjcyIDEzLjA0ODQgMi4xMDc0MiAxNC42NDIyIDQuMDY0NDUgMTQuNjQyMkM0LjgzMzIgMTQuNjQyMiA1LjU0NTcgMTQuMzk2MSA2LjEyNjk1IDEzLjk4MTNMMTEuNDk0MSAxNi45OTUzQzExLjQxNjggMTcuMjg1OSAxMS4zNzcgMTcuNTg4MyAxMS4zNzcgMTcuOTAyM0MxMS4zNzcgMTkuODYxNyAxMi45NzA3IDIxLjQ1MzEgMTQuOTI3NyAyMS40NTMxQzE2Ljg4NzEgMjEuNDUzMSAxOC40Nzg1IDE5Ljg1OTQgMTguNDc4NSAxNy45MDIzQzE4LjQ3ODUgMTUuOTQzIDE2Ljg4NDggMTQuMzUxNiAxNC45Mjc3IDE0LjM1MTZDMTMuOTU3NCAxNC4zNTE2IDEzLjA3ODUgMTQuNzQzIDEyLjQzNjMgMTUuMzczNEw3LjMyMjI3IDEyLjUwNDdDNy41MDk3NyAxMi4wNzExIDcuNjE1MjMgMTEuNTk1MyA3LjYxNTIzIDExLjA5MzhDNy42MTUyMyAxMC42ODEyIDcuNTQ0OTIgMTAuMjg3NSA3LjQxNjAyIDkuOTE5NTNMMTUuMjIzIDYuMzg3NUMxNS44NzQ2IDcuMTU2MjUgMTYuODQ5NiA3LjY0ODQ0IDE3LjkzNDggNy42NDg0NFpNNC4wNjQ0NSAxMi43Njk1QzMuMTQxMDIgMTIuNzY5NSAyLjM4ODY3IDEyLjAxNzIgMi4zODg2NyAxMS4wOTM4QzIuMzg4NjcgMTAuMTcwMyAzLjE0MTAyIDkuNDE3OTcgNC4wNjQ0NSA5LjQxNzk3QzQuOTg3ODkgOS40MTc5NyA1Ljc0MDIzIDEwLjE3MDMgNS43NDAyMyAxMS4wOTM4QzUuNzQwMjMgMTIuMDE3MiA0Ljk4Nzg5IDEyLjc2OTUgNC4wNjQ0NSAxMi43Njk1Wk0xNC45Mjc3IDE2LjIyNjZDMTUuODUxMiAxNi4yMjY2IDE2LjYwMzUgMTYuOTc4OSAxNi42MDM1IDE3LjkwMjNDMTYuNjAzNSAxOC44MjU4IDE1Ljg1MTIgMTkuNTc4MSAxNC45Mjc3IDE5LjU3ODFDMTQuMDA0MyAxOS41NzgxIDEzLjI1MiAxOC44MjU4IDEzLjI1MiAxNy45MDIzQzEzLjI1MiAxNi45Nzg5IDE0LjAwMiAxNi4yMjY2IDE0LjkyNzcgMTYuMjI2NlpNMTcuOTM0OCAyLjQxOTUzQzE4Ljg1ODIgMi40MTk1MyAxOS42MTA1IDMuMTcxODcgMTkuNjEwNSA0LjA5NTMxQzE5LjYxMDUgNS4wMTg3NSAxOC44NTgyIDUuNzcxMDkgMTcuOTM0OCA1Ljc3MTA5QzE3LjAxMTMgNS43NzEwOSAxNi4yNTkgNS4wMTg3NSAxNi4yNTkgNC4wOTUzMUMxNi4yNTkgMy4xNzE4NyAxNy4wMTEzIDIuNDE5NTMgMTcuOTM0OCAyLjQxOTUzWicgZmlsbD0nI0I2QjZCNicvPjwvc3ZnPiA=");
color-scheme: dark;
--service-bg: rgba(0, 0, 0, 0.1);
}
progress,
[type="checkbox"],
[type="radio"],
[type="range"] {
accent-color: var(--primary);
}
/**
* Document
* Content-box & Responsive typography
*/
*,
*::before,
*::after {
box-sizing: border-box;
background-repeat: no-repeat;
}
::before,
::after {
text-decoration: inherit;
vertical-align: inherit;
}
:where(#mount) {
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
background-color: var(--background-color);
color: var(--color);
font-weight: var(--font-weight);
font-size: var(--font-size);
line-height: var(--line-height);
font-family: var(--font-family);
text-rendering: optimizeLegibility;
overflow-wrap: break-word;
cursor: default;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
/**
* Sectioning
* Container and responsive spacings for header, main, footer
*/
main {
display: block;
}
#mount {
width: 100%;
margin: 0;
}
#mount > header,
#mount > main,
#mount > footer {
width: 100%;
margin-right: auto;
margin-left: auto;
padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
}
@media (min-width: 576px) {
#mount > header,
#mount > main,
#mount > footer {
padding: 2px !important;
}
}
@media (min-width: 992px) {
#mount > header,
#mount > main,
#mount > footer {
padding: 0 12px !important;
}
}
@media (min-width: 1200px) {
#mount > header,
#mount > main,
#mount > footer {
padding: 0 24px !important;
}
}
/**
* Container
*/
.container,
.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: var(--spacing);
padding-left: var(--spacing);
}
/*
@media (min-width: 576px) {
.container {
max-width: 510px;
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.container {
max-width: 700px;
}
} */
@media (min-width: 992px) {
.container {
max-width: 920px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1130px;
}
}
/**
* Section
* Responsive spacings for section
*/
section {
margin-bottom: var(--block-spacing-vertical);
}
/**
* Grid
* Minimal grid system with auto-layout columns
*/
.grid {
grid-column-gap: var(--grid-spacing-horizontal);
grid-row-gap: var(--grid-spacing-vertical);
display: grid;
grid-template-columns: 1fr;
margin: 0;
}
@media (min-width: 1280px) {
.grid {
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
}
}
.grid > * {
min-width: 0;
}
/**
* Horizontal scroller (<figure>)
*/
figure {
display: block;
margin: 0;
padding: 0;
overflow-x: auto;
}
figure figcaption {
padding: calc(var(--spacing) * 0.5) 0;
color: var(--muted-color);
}
/**
* Typography
*/
b,
strong {
font-weight: bolder;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
address,
blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
margin-top: 0;
margin-bottom: var(--typography-spacing-vertical);
color: var(--color);
font-style: normal;
font-weight: var(--font-weight);
font-size: var(--font-size);
}
a,
[role="link"] {
--color: var(--primary);
--background-color: transparent;
outline: none;
background-color: var(--background-color);
color: var(--color);
-webkit-text-decoration: var(--text-decoration);
text-decoration: var(--text-decoration);
transition: background-color var(--transition), color var(--transition),
box-shadow var(--transition), -webkit-text-decoration var(--transition);
transition: background-color var(--transition), color var(--transition),
text-decoration var(--transition), box-shadow var(--transition);
transition: background-color var(--transition), color var(--transition),
text-decoration var(--transition), box-shadow var(--transition),
-webkit-text-decoration var(--transition);
}
a:is([aria-current], :hover, :active, :focus),
[role="link"]:is([aria-current], :hover, :active, :focus) {
--color: var(--primary-hover);
--text-decoration: underline;
}
a:focus,
[role="link"]:focus {
--background-color: var(--primary-focus);
}
a.secondary,
[role="link"].secondary {
--color: var(--secondary);
}
a.secondary:is([aria-current], :hover, :active, :focus),
[role="link"].secondary:is([aria-current], :hover, :active, :focus) {
--color: var(--secondary-hover);
}
a.secondary:focus,
[role="link"].secondary:focus {
--background-color: var(--secondary-focus);
}
a.contrast,
[role="link"].contrast {
--color: var(--contrast);
}
a.contrast:is([aria-current], :hover, :active, :focus),
[role="link"].contrast:is([aria-current], :hover, :active, :focus) {
--color: var(--contrast-hover);
}
a.contrast:focus,
[role="link"].contrast:focus {
--background-color: var(--contrast-focus);
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: var(--typography-spacing-vertical);
color: var(--color);
font-weight: var(--font-weight);
font-size: var(--font-size);
font-family: var(--font-family);
}
h1 {
--color: var(--h1-color);
}
h2 {
--color: var(--h2-color);
}
h3 {
--color: var(--h3-color);
}
h4 {
--color: var(--h4-color);
}
h5 {
--color: var(--h5-color);
}
h6 {
--color: var(--h6-color);
}
:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul)
~ :is(h1, h2, h3, h4, h5, h6) {
margin-top: var(--typography-spacing-vertical);
}
hgroup,
.headings {
margin-bottom: var(--typography-spacing-vertical);
}
hgroup > *,
.headings > * {
margin-bottom: 0;
}
hgroup > *:last-child,
.headings > *:last-child {
--color: var(--muted-color);
--font-weight: unset;
font-size: 1rem;
font-family: unset;
}
p {
margin-bottom: var(--typography-spacing-vertical);
}
small {
font-size: var(--font-size);
}
:where(dl, ol, ul) {
padding-right: 0;
padding-left: var(--spacing);
-webkit-padding-start: var(--spacing);
padding-inline-start: var(--spacing);
-webkit-padding-end: 0;
padding-inline-end: 0;
}
:where(dl, ol, ul) li {
margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
}
:where(dl, ol, ul) :is(dl, ol, ul) {
margin: 0;
margin-top: calc(var(--typography-spacing-vertical) * 0.25);
}
ul li {
list-style: square;
}
mark {
padding: 0.125rem 0.25rem;
background-color: var(--mark-background-color);
color: var(--mark-color);
vertical-align: baseline;
}
blockquote {
display: block;
margin: var(--typography-spacing-vertical) 0;
padding: var(--spacing);
border-right: none;
border-left: 0.25rem solid var(--blockquote-border-color);
-webkit-border-start: 0.25rem solid var(--blockquote-border-color);
border-inline-start: 0.25rem solid var(--blockquote-border-color);
-webkit-border-end: none;
border-inline-end: none;
}
blockquote footer {
margin-top: calc(var(--typography-spacing-vertical) * 0.5);
color: var(--blockquote-footer-color);
}
abbr[title] {
border-bottom: 1px dotted;
text-decoration: none;
cursor: help;
}
ins {
color: var(--ins-color);
text-decoration: none;
}
del {
color: var(--del-color);
}
::-moz-selection {
background-color: var(--primary-focus);
}
::selection {
background-color: var(--primary-focus);
}
/**
* Embedded content
*/
:where(audio, canvas, iframe, img, svg, video) {
vertical-align: middle;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
:where(iframe) {
border-style: none;
}
img {
max-width: 100%;
height: auto;
border-style: none;
}
:where(svg:not([fill])) {
fill: currentColor;
}
svg:not(#mount) {
overflow: hidden;
}
/**
* Button
*/
button {
margin: 0;
overflow: visible;
font-family: inherit;
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button {
display: block;
width: 100%;
margin-bottom: var(--spacing);
}
[role="button"] {
display: inline-block;
text-decoration: none;
}
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
[role="button"] {
--background-color: var(--primary);
--border-color: var(--primary);
--color: var(--primary-inverse);
--box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
padding: var(--form-element-spacing-vertical)
var(--form-element-spacing-horizontal);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
outline: none;
background-color: var(--background-color);
box-shadow: var(--box-shadow);
color: var(--color);
font-weight: var(--font-weight);
font-size: 1rem;
line-height: var(--line-height);
text-align: center;
cursor: pointer;
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
}
button:is([aria-current], :hover, :active, :focus),
input[type="submit"]:is([aria-current], :hover, :active, :focus),
input[type="button"]:is([aria-current], :hover, :active, :focus),
input[type="reset"]:is([aria-current], :hover, :active, :focus),
[role="button"]:is([aria-current], :hover, :active, :focus) {
--background-color: var(--primary-hover);
--border-color: var(--primary-hover);
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
--color: var(--primary-inverse);
}
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
[role="button"]:focus {
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
0 0 0 var(--outline-width) var(--primary-focus);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).secondary,
input[type="reset"] {
--background-color: var(--secondary);
--border-color: var(--secondary);
--color: var(--secondary-inverse);
cursor: pointer;
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).secondary:is([aria-current], :hover, :active, :focus),
input[type="reset"]:is([aria-current], :hover, :active, :focus) {
--background-color: var(--secondary-hover);
--border-color: var(--secondary-hover);
--color: var(--secondary-inverse);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).secondary:focus,
input[type="reset"]:focus {
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
0 0 0 var(--outline-width) var(--secondary-focus);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).contrast {
--background-color: var(--contrast);
--border-color: var(--contrast);
--color: var(--contrast-inverse);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).contrast:is([aria-current], :hover, :active, :focus) {
--background-color: var(--contrast-hover);
--border-color: var(--contrast-hover);
--color: var(--contrast-inverse);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).contrast:focus {
--box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
0 0 0 var(--outline-width) var(--contrast-focus);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).outline,
input[type="reset"].outline {
--background-color: transparent;
--color: var(--primary);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).outline:is([aria-current], :hover, :active, :focus),
input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
--background-color: transparent;
--color: var(--primary-hover);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).outline.secondary,
input[type="reset"].outline {
--color: var(--secondary);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).outline.secondary:is([aria-current], :hover, :active, :focus),
input[type="reset"].outline:is([aria-current], :hover, :active, :focus) {
--color: var(--secondary-hover);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).outline.contrast {
--color: var(--contrast);
}
:is(
button,
input[type="submit"],
input[type="button"],
[role="button"]
).outline.contrast:is([aria-current], :hover, :active, :focus) {
--color: var(--contrast-hover);
}
:where(
button,
[type="submit"],
[type="button"],
[type="reset"],
[role="button"]
)[disabled],
:where(fieldset[disabled])
:is(
button,
[type="submit"],
[type="button"],
[type="reset"],
[role="button"]
),
a[role="button"]:not([href]) {
opacity: 0.5;
pointer-events: none;
}
/**
* Form elements
*/
input,
optgroup,
select,
textarea {
margin: 0;
font-size: 1rem;
line-height: var(--line-height);
font-family: inherit;
letter-spacing: inherit;
}
input {
overflow: visible;
}
select {
text-transform: none;
}
legend {
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
padding: 0;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
:-moz-focusring {
outline: none;
}
:-moz-ui-invalid {
box-shadow: none;
}
::-ms-expand {
display: none;
}
[type="file"],
[type="range"] {
padding: 0;
border-width: 0;
}
input:not([type="checkbox"], [type="radio"], [type="range"]) {
height: calc(
1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
var(--border-width) * 2
);
}
fieldset {
margin: 0;
margin-bottom: var(--spacing);
padding: 0;
border: 0;
}
label,
fieldset legend {
display: block;
margin-bottom: calc(var(--spacing) * 0.25);
font-weight: var(--form-label-font-weight, var(--font-weight));
}
input:not([type="checkbox"], [type="radio"]),
select,
textarea {
width: 100%;
}
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: var(--form-element-spacing-vertical)
var(--form-element-spacing-horizontal);
}
input,
select,
textarea {
--background-color: var(--form-element-background-color);
--border-color: var(--form-element-border-color);
--color: var(--form-element-color);
--box-shadow: none;
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
outline: none;
background-color: var(--background-color);
box-shadow: var(--box-shadow);
color: var(--color);
font-weight: var(--font-weight);
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
}
input:not(
[type="submit"],
[type="button"],
[type="reset"],
[type="checkbox"],
[type="radio"],
[readonly]
):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
--background-color: var(--form-element-active-background-color);
}
input:not(
[type="submit"],
[type="button"],
[type="reset"],
[role="switch"],
[readonly]
):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
--border-color: var(--form-element-active-border-color);
}
input:not(
[type="submit"],
[type="button"],
[type="reset"],
[type="range"],
[type="file"],
[readonly]
):focus,
select:focus,
textarea:focus {
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}
input:not([type="submit"], [type="button"], [type="reset"])[disabled],
select[disabled],
textarea[disabled],
:where(fieldset[disabled])
:is(
input:not([type="submit"], [type="button"], [type="reset"]),
select,
textarea
) {
--background-color: var(--form-element-disabled-background-color);
--border-color: var(--form-element-disabled-border-color);
opacity: var(--form-element-disabled-opacity);
pointer-events: none;
}
:where(input, select, textarea):not(
[type="checkbox"],
[type="radio"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="time"],
[type="week"]
)[aria-invalid] {
padding-right: calc(
var(--form-element-spacing-horizontal) + 1.5rem
) !important;
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-start: var(--form-element-spacing-horizontal) !important;
padding-inline-start: var(--form-element-spacing-horizontal) !important;
-webkit-padding-end: calc(
var(--form-element-spacing-horizontal) + 1.5rem
) !important;
padding-inline-end: calc(
var(--form-element-spacing-horizontal) + 1.5rem
) !important;
background-position: center right 0.75rem;
background-size: 1rem auto;
background-repeat: no-repeat;
}
:where(input, select, textarea):not(
[type="checkbox"],
[type="radio"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="time"],
[type="week"]
)[aria-invalid="false"] {
background-image: var(--icon-valid);
}
:where(input, select, textarea):not(
[type="checkbox"],
[type="radio"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="time"],
[type="week"]
)[aria-invalid="true"] {
background-image: var(--icon-invalid);
}
:where(input, select, textarea)[aria-invalid="false"] {
--border-color: var(--form-element-valid-border-color);
}
:where(input, select, textarea)[aria-invalid="false"]:is(:active, :focus) {
--border-color: var(--form-element-valid-active-border-color) !important;
--box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
}
:where(input, select, textarea)[aria-invalid="true"] {
--border-color: var(--form-element-invalid-border-color);
}
:where(input, select, textarea)[aria-invalid="true"]:is(:active, :focus) {
--border-color: var(--form-element-invalid-active-border-color) !important;
--box-shadow: 0 0 0 var(--outline-width)
var(--form-element-invalid-focus-color) !important;
}
[dir="rtl"]
:where(input, select, textarea):not([type="checkbox"], [type="radio"]):is(
[aria-invalid],
[aria-invalid="true"],
[aria-invalid="false"]
) {
background-position: center left 0.75rem;
}
input::placeholder,
input::-webkit-input-placeholder,
textarea::placeholder,
textarea::-webkit-input-placeholder,
select:invalid {
color: var(--form-element-placeholder-color);
opacity: 1;
}
input:not([type="checkbox"], [type="radio"]),
select,
textarea {
margin-bottom: var(--spacing);
}
select::-ms-expand {
border: 0;
background-color: transparent;
}
select:not([multiple], [size]) {
padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-left: var(--form-element-spacing-horizontal);
-webkit-padding-start: var(--form-element-spacing-horizontal);
padding-inline-start: var(--form-element-spacing-horizontal);
-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
background-image: var(--icon-chevron);
background-position: center right 0.75rem;
background-size: 1rem auto;
background-repeat: no-repeat;
}
[dir="rtl"] select:not([multiple], [size]) {
background-position: center left 0.75rem;
}
:where(input, select, textarea) + small {
display: block;
width: 100%;
margin-top: calc(var(--spacing) * -0.75);
margin-bottom: var(--spacing);
color: var(--muted-color);
}
label > :where(input, select, textarea) {
margin-top: calc(var(--spacing) * 0.25);
}
/**
* Form elements
* Checkboxes & Radios
*/
[type="checkbox"],
[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 1.25em;
height: 1.25em;
margin-top: -0.125em;
margin-right: 0.375em;
margin-left: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0.375em;
margin-inline-end: 0.375em;
border-width: var(--border-width);
font-size: inherit;
vertical-align: middle;
cursor: pointer;
}
[type="checkbox"]::-ms-check,
[type="radio"]::-ms-check {
display: none;
}
[type="checkbox"]:checked,
[type="checkbox"]:checked:active,
[type="checkbox"]:checked:focus,
[type="radio"]:checked,
[type="radio"]:checked:active,
[type="radio"]:checked:focus {
--background-color: var(--primary);
--border-color: var(--primary);
background-image: var(--icon-checkbox);
background-position: center;
background-size: 0.75em auto;
background-repeat: no-repeat;
}
[type="checkbox"] ~ label,
[type="radio"] ~ label {
display: inline-block;
margin-right: 0.375em;
margin-bottom: 0;
cursor: pointer;
}
[type="checkbox"]:indeterminate {
--background-color: var(--primary);
--border-color: var(--primary);
background-image: var(--icon-minus);
background-position: center;
background-size: 0.75em auto;
background-repeat: no-repeat;
}
[type="radio"] {
border-radius: 50%;
}
[type="radio"]:checked,
[type="radio"]:checked:active,
[type="radio"]:checked:focus {
--background-color: var(--primary-inverse);
border-width: 0.35em;
background-image: none;
}
[type="checkbox"][role="switch"] {
--background-color: var(--switch-background-color);
--border-color: var(--switch-background-color);
--color: var(--switch-color);
width: 2.25em;
height: 1.25em;
border: var(--border-width) solid var(--border-color);
border-radius: 1.25em;
background-color: var(--background-color);
line-height: 1.25em;
}
[type="checkbox"][role="switch"]:focus {
--background-color: var(--switch-background-color);
--border-color: var(--switch-background-color);
}
[type="checkbox"][role="switch"]:checked {
--background-color: var(--switch-checked-background-color);
--border-color: var(--switch-checked-background-color);
}
[type="checkbox"][role="switch"]:before {
display: block;
width: calc(1.25em - (var(--border-width) * 2));
height: 100%;
border-radius: 50%;
background-color: var(--color);
content: "";
transition: margin 0.1s ease-in-out;
}
[type="checkbox"][role="switch"]:checked {
background-image: none;
}
[type="checkbox"][role="switch"]:checked::before {
margin-left: calc(1.125em - var(--border-width));
-webkit-margin-start: calc(1.125em - var(--border-width));
margin-inline-start: calc(1.125em - var(--border-width));
}
[type="checkbox"][aria-invalid="false"],
[type="checkbox"]:checked[aria-invalid="false"],
[type="radio"][aria-invalid="false"],
[type="radio"]:checked[aria-invalid="false"],
[type="checkbox"][role="switch"][aria-invalid="false"],
[type="checkbox"][role="switch"]:checked[aria-invalid="false"] {
--border-color: var(--form-element-valid-border-color);
}
[type="checkbox"][aria-invalid="true"],
[type="checkbox"]:checked[aria-invalid="true"],
[type="radio"][aria-invalid="true"],
[type="radio"]:checked[aria-invalid="true"],
[type="checkbox"][role="switch"][aria-invalid="true"],
[type="checkbox"][role="switch"]:checked[aria-invalid="true"] {
--border-color: var(--form-element-invalid-border-color);
}
/**
* Form elements
* Alternatives input types (Not Checkboxes & Radios)
*/
[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
}
[type="color"]::-moz-focus-inner {
padding: 0;
}
[type="color"]::-webkit-color-swatch {
border: 0;
border-radius: calc(var(--border-radius) * 0.5);
}
[type="color"]::-moz-color-swatch {
border: 0;
border-radius: calc(var(--border-radius) * 0.5);
}
input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]):is(
[type="date"],
[type="datetime-local"],
[type="month"],
[type="time"],
[type="week"]
) {
--icon-position: 0.75rem;
--icon-width: 1rem;
padding-right: calc(var(--icon-width) + var(--icon-position));
background-image: var(--icon-date);
background-position: center right var(--icon-position);
background-size: var(--icon-width) auto;
background-repeat: no-repeat;
}
input:not(
[type="checkbox"],
[type="radio"],
[type="range"],
[type="file"]
)[type="time"] {
background-image: var(--icon-time);
}
[type="date"]::-webkit-calendar-picker-indicator,
[type="datetime-local"]::-webkit-calendar-picker-indicator,
[type="month"]::-webkit-calendar-picker-indicator,
[type="time"]::-webkit-calendar-picker-indicator,
[type="week"]::-webkit-calendar-picker-indicator {
width: var(--icon-width);
margin-right: calc(var(--icon-width) * -1);
margin-left: var(--icon-position);
opacity: 0;
}
[dir="rtl"]
:is(
[type="date"],
[type="datetime-local"],
[type="month"],
[type="time"],
[type="week"]
) {
text-align: right;
}
[type="file"] {
--color: var(--muted-color);
padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
border: 0;
border-radius: 0;
background: none;
}
[type="file"]::file-selector-button {
--background-color: var(--secondary);
--border-color: var(--secondary);
--color: var(--secondary-inverse);
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
padding: calc(var(--form-element-spacing-vertical) * 0.5)
calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
outline: none;
background-color: var(--background-color);
box-shadow: var(--box-shadow);
color: var(--color);
font-weight: var(--font-weight);
font-size: 1rem;
line-height: var(--line-height);
text-align: center;
cursor: pointer;
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
}
[type="file"]::file-selector-button:is(:hover, :active, :focus) {
--background-color: var(--secondary-hover);
--border-color: var(--secondary-hover);
}
[type="file"]::-webkit-file-upload-button {
--background-color: var(--secondary);
--border-color: var(--secondary);
--color: var(--secondary-inverse);
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: calc(var(--spacing) / 2);
margin-inline-end: calc(var(--spacing) / 2);
padding: calc(var(--form-element-spacing-vertical) * 0.5)
calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
outline: none;
background-color: var(--background-color);
box-shadow: var(--box-shadow);
color: var(--color);
font-weight: var(--font-weight);
font-size: 1rem;
line-height: var(--line-height);
text-align: center;
cursor: pointer;
-webkit-transition: background-color var(--transition),
border-color var(--transition), color var(--transition),
box-shadow var(--transition);
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
}
[type="file"]::-webkit-file-upload-button:is(:hover, :active, :focus) {
--background-color: var(--secondary-hover);
--border-color: var(--secondary-hover);
}
[type="file"]::-ms-browse {
--background-color: var(--secondary);
--border-color: var(--secondary);
--color: var(--secondary-inverse);
margin-right: calc(var(--spacing) / 2);
margin-left: 0;
margin-inline-start: 0;
margin-inline-end: calc(var(--spacing) / 2);
padding: calc(var(--form-element-spacing-vertical) * 0.5)
calc(var(--form-element-spacing-horizontal) * 0.5);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
outline: none;
background-color: var(--background-color);
box-shadow: var(--box-shadow);
color: var(--color);
font-weight: var(--font-weight);
font-size: 1rem;
line-height: var(--line-height);
text-align: center;
cursor: pointer;
-ms-transition: background-color var(--transition),
border-color var(--transition), color var(--transition),
box-shadow var(--transition);
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
}
[type="file"]::-ms-browse:is(:hover, :active, :focus) {
--background-color: var(--secondary-hover);
--border-color: var(--secondary-hover);
}
[type="range"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 1.25rem;
background: none;
}
[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 0.25rem;
border-radius: var(--border-radius);
background-color: var(--range-border-color);
-webkit-transition: background-color var(--transition),
box-shadow var(--transition);
transition: background-color var(--transition), box-shadow var(--transition);
}
[type="range"]::-moz-range-track {
width: 100%;
height: 0.25rem;
border-radius: var(--border-radius);
background-color: var(--range-border-color);
-moz-transition: background-color var(--transition),
box-shadow var(--transition);
transition: background-color var(--transition), box-shadow var(--transition);
}
[type="range"]::-ms-track {
width: 100%;
height: 0.25rem;
border-radius: var(--border-radius);
background-color: var(--range-border-color);
-ms-transition: background-color var(--transition),
box-shadow var(--transition);
transition: background-color var(--transition), box-shadow var(--transition);
}
[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 1.25rem;
height: 1.25rem;
margin-top: -0.5rem;
border: 2px solid var(--range-thumb-border-color);
border-radius: 50%;
background-color: var(--range-thumb-color);
cursor: pointer;
-webkit-transition: background-color var(--transition),
transform var(--transition);
transition: background-color var(--transition), transform var(--transition);
}
[type="range"]::-moz-range-thumb {
-webkit-appearance: none;
width: 1.25rem;
height: 1.25rem;
margin-top: -0.5rem;
border: 2px solid var(--range-thumb-border-color);
border-radius: 50%;
background-color: var(--range-thumb-color);
cursor: pointer;
-moz-transition: background-color var(--transition),
transform var(--transition);
transition: background-color var(--transition), transform var(--transition);
}
[type="range"]::-ms-thumb {
-webkit-appearance: none;
width: 1.25rem;
height: 1.25rem;
margin-top: -0.5rem;
border: 2px solid var(--range-thumb-border-color);
border-radius: 50%;
background-color: var(--range-thumb-color);
cursor: pointer;
-ms-transition: background-color var(--transition),
transform var(--transition);
transition: background-color var(--transition), transform var(--transition);
}
[type="range"]:hover,
[type="range"]:focus {
--range-border-color: var(--range-active-border-color);
--range-thumb-color: var(--range-thumb-hover-color);
}
[type="range"]:active {
--range-thumb-color: var(--range-thumb-active-color);
}
[type="range"]:active::-webkit-slider-thumb {
transform: scale(1.25);
}
[type="range"]:active::-moz-range-thumb {
transform: scale(1.25);
}
[type="range"]:active::-ms-thumb {
transform: scale(1.25);
}
input:not(
[type="checkbox"],
[type="radio"],
[type="range"],
[type="file"]
)[type="search"] {
-webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
border-radius: 5rem;
background-image: var(--icon-search);
background-position: center left 1.125rem;
background-size: 1rem auto;
background-repeat: no-repeat;
}
input:not(
[type="checkbox"],
[type="radio"],
[type="range"],
[type="file"]
)[type="search"][aria-invalid] {
-webkit-padding-start: calc(
var(--form-element-spacing-horizontal) + 1.75rem
) !important;
padding-inline-start: calc(
var(--form-element-spacing-horizontal) + 1.75rem
) !important;
background-position: center left 1.125rem, center right 0.75rem;
}
input:not(
[type="checkbox"],
[type="radio"],
[type="range"],
[type="file"]
)[type="search"][aria-invalid="false"] {
background-image: var(--icon-search), var(--icon-valid);
}
input:not(
[type="checkbox"],
[type="radio"],
[type="range"],
[type="file"]
)[type="search"][aria-invalid="true"] {
background-image: var(--icon-search), var(--icon-invalid);
}
[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none;
}
[dir="rtl"]
:where(input):not(
[type="checkbox"],
[type="radio"],
[type="range"],
[type="file"]
)[type="search"] {
background-position: center right 1.125rem;
}
[dir="rtl"]
:where(input):not(
[type="checkbox"],
[type="radio"],
[type="range"],
[type="file"]
)[type="search"][aria-invalid] {
background-position: center right 1.125rem, center left 0.75rem;
}
/**
* Table
*/
:where(table) {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
text-indent: 0;
}
th,
td {
padding: calc(var(--spacing) / 2) var(--spacing);
border-bottom: var(--border-width) solid var(--table-border-color);
color: var(--color);
font-weight: var(--font-weight);
font-size: var(--font-size);
text-align: left;
text-align: start;
}
tfoot th,
tfoot td {
border-top: var(--border-width) solid var(--table-border-color);
border-bottom: 0;
}
table[role="grid"] tbody tr:nth-child(odd) {
background-color: var(--table-row-stripped-background-color);
}
/**
* Code
*/
pre,
code,
kbd,
samp {
font-size: 0.875em;
font-family: var(--font-family);
}
pre {
-ms-overflow-style: scrollbar;
overflow: auto;
}
pre,
code,
kbd {
border-radius: var(--border-radius);
background: var(--code-background-color);
color: var(--code-color);
font-weight: var(--font-weight);
line-height: initial;
}
code,
kbd {
display: inline-block;
padding: 0.375rem 0.5rem;
}
pre {
display: block;
margin-bottom: var(--spacing);
overflow-x: auto;
}
pre > code {
display: block;
padding: var(--spacing);
background: none;
font-size: 14px;
line-height: var(--line-height);
}
code b {
color: var(--code-tag-color);
font-weight: var(--font-weight);
}
code i {
color: var(--code-property-color);
font-style: normal;
}
code u {
color: var(--code-value-color);
text-decoration: none;
}
code em {
color: var(--code-comment-color);
font-style: normal;
}
kbd {
background-color: var(--code-kbd-background-color);
color: var(--code-kbd-color);
vertical-align: baseline;
}
/**
* Miscs
*/
hr {
height: 0;
border: 0;
border-top: 1px solid var(--muted-border-color);
color: inherit;
}
[hidden],
template {
display: none !important;
}
canvas {
display: inline-block;
}
/**
* Accordion (<details>)
*/
details {
display: block;
margin-bottom: var(--spacing);
padding-bottom: var(--spacing);
border-bottom: var(--border-width) solid var(--accordion-border-color);
}
details summary {
line-height: 1rem;
list-style-type: none;
cursor: pointer;
transition: color var(--transition);
}
details summary:not([role]) {
color: var(--accordion-close-summary-color);
}
details summary::-webkit-details-marker {
display: none;
}
details summary::marker {
display: none;
}
details summary::-moz-list-bullet {
list-style-type: none;
}
details summary::after {
display: block;
width: 1rem;
height: 1rem;
-webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);
margin-inline-start: calc(var(--spacing, 1rem) * 0.5);
float: right;
transform: rotate(-90deg);
background-image: var(--icon-chevron);
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
transition: transform var(--transition);
}
details summary:focus {
outline: none;
}
details summary:focus:not([role="button"]) {
color: var(--accordion-active-summary-color);
}
details summary[role="button"] {
width: 100%;
text-align: left;
}
details summary[role="button"]::after {
height: calc(1rem * var(--line-height, 1.5));
background-image: var(--icon-chevron-button);
}
details summary[role="button"]:not(.outline).contrast::after {
background-image: var(--icon-chevron-button-inverse);
}
details[open] > summary {
margin-bottom: calc(var(--spacing));
}
details[open] > summary:not([role]):not(:focus) {
color: var(--accordion-open-summary-color);
}
details[open] > summary::after {
transform: rotate(0);
}
[dir="rtl"] details summary {
text-align: right;
}
[dir="rtl"] details summary::after {
float: left;
background-position: left center;
}
/**
* Card (<article>)
*/
article {
margin: var(--block-spacing-vertical) 0;
padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
border-radius: var(--border-radius);
background: var(--card-background-color);
box-shadow: var(--card-box-shadow);
}
article > header,
article > footer {
margin-right: calc(var(--block-spacing-horizontal) * -1);
margin-left: calc(var(--block-spacing-horizontal) * -1);
padding: calc(var(--block-spacing-vertical) * 0.66)
var(--block-spacing-horizontal);
background-color: var(--card-sectionning-background-color);
}
article > header {
margin-top: calc(var(--block-spacing-vertical) * -1);
margin-bottom: var(--block-spacing-vertical);
border-bottom: var(--border-width) solid var(--card-border-color);
border-top-right-radius: var(--border-radius);
border-top-left-radius: var(--border-radius);
}
article > footer {
margin-top: var(--block-spacing-vertical);
margin-bottom: calc(var(--block-spacing-vertical) * -1);
border-top: var(--border-width) solid var(--card-border-color);
border-bottom-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
/**
* Modal (<dialog>)
*/
#mount {
--scrollbar-width: 0px;
}
dialog {
display: flex;
z-index: 999;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
align-items: center;
justify-content: center;
width: inherit;
min-width: 100%;
height: inherit;
min-height: 100%;
padding: var(--spacing);
border: 0;
-webkit-backdrop-filter: var(--modal-overlay-backdrop-filter);
backdrop-filter: var(--modal-overlay-backdrop-filter);
background-color: var(--modal-overlay-background-color);
color: var(--color);
}
dialog article {
max-height: calc(100vh - var(--spacing) * 2);
overflow: auto;
}
@media (min-width: 576px) {
dialog article {
max-width: 510px;
}
}
@media (min-width: 768px) {
dialog article {
max-width: 700px;
}
}
dialog article > header,
dialog article > footer {
padding: calc(var(--block-spacing-vertical) * 0.5)
var(--block-spacing-horizontal);
}
dialog article > header .close {
margin: 0;
margin-left: var(--spacing);
float: right;
}
dialog article > footer {
text-align: right;
}
dialog article > footer [role="button"] {
margin-bottom: 0;
}
dialog article > footer [role="button"]:not(:first-of-type) {
margin-left: calc(var(--spacing) * 0.5);
}
dialog article p:last-of-type {
margin: 0;
}
dialog article .close {
display: block;
width: 1rem;
height: 1rem;
margin-top: calc(var(--block-spacing-vertical) * -0.5);
margin-bottom: var(--typography-spacing-vertical);
margin-left: auto;
background-image: var(--icon-close);
background-position: center;
background-size: auto 1rem;
background-repeat: no-repeat;
opacity: 0.5;
transition: opacity var(--transition);
}
dialog article .close:is([aria-current], :hover, :active, :focus) {
opacity: 1;
}
dialog:not([open]),
dialog[open="false"] {
display: none;
}
.modal-is-open {
padding-right: var(--scrollbar-width, 0px);
overflow: hidden;
pointer-events: none;
}
.modal-is-open dialog {
pointer-events: auto;
}
:where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-duration: 0.2s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
}
:where(.modal-is-opening, .modal-is-closing) dialog {
animation-duration: 0.8s;
animation-name: modal-overlay;
}
:where(.modal-is-opening, .modal-is-closing) dialog > article {
animation-delay: 0.2s;
animation-name: modal;
}
.modal-is-closing dialog,
.modal-is-closing dialog > article {
animation-delay: 0s;
animation-direction: reverse;
}
@keyframes modal-overlay {
from {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: transparent;
}
}
@keyframes modal {
from {
transform: translateY(-100%);
opacity: 0;
}
}
/**
* Nav
*/
:where(nav li)::before {
float: left;
content: "​";
}
nav,
nav ul {
display: flex;
}
nav {
justify-content: space-between;
}
nav ol,
nav ul {
align-items: center;
margin-bottom: 0;
padding: 0;
list-style: none;
}
nav ol:first-of-type,
nav ul:first-of-type {
margin-left: calc(var(--nav-element-spacing-horizontal) * -1);
}
nav ol:last-of-type,
nav ul:last-of-type {
margin-right: calc(var(--nav-element-spacing-horizontal) * -1);
}
nav li {
display: inline-block;
margin: 0;
padding: var(--nav-element-spacing-vertical)
var(--nav-element-spacing-horizontal);
}
nav li > * {
--spacing: 0;
}
nav :where(a, [role="link"]) {
display: inline-block;
margin: calc(var(--nav-link-spacing-vertical) * -1)
calc(var(--nav-link-spacing-horizontal) * -1);
padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
border-radius: var(--border-radius);
text-decoration: none;
}
nav :where(a, [role="link"]):is([aria-current], :hover, :active, :focus) {
text-decoration: none;
}
nav[aria-label="breadcrumb"] {
align-items: center;
justify-content: start;
}
nav[aria-label="breadcrumb"] ul li:not(:first-child) {
-webkit-margin-start: var(--nav-link-spacing-horizontal);
margin-inline-start: var(--nav-link-spacing-horizontal);
}
nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
position: absolute;
width: calc(var(--nav-link-spacing-horizontal) * 2);
-webkit-margin-start: calc(var(--nav-link-spacing-horizontal) / 2);
margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);
content: "/";
color: var(--muted-color);
text-align: center;
}
nav[aria-label="breadcrumb"] a[aria-current] {
background-color: transparent;
color: inherit;
text-decoration: none;
pointer-events: none;
}
nav [role="button"] {
margin-right: inherit;
margin-left: inherit;
padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
}
aside nav,
aside ol,
aside ul,
aside li {
display: block;
}
aside li {
padding: calc(var(--nav-element-spacing-vertical) * 0.5)
var(--nav-element-spacing-horizontal);
}
aside li a {
display: block;
}
aside li [role="button"] {
margin: inherit;
}
[dir="rtl"] nav[aria-label="breadcrumb"] ul li:not(:last-child) ::after {
content: "\\";
}
/**
* Progress
*/
progress {
display: inline-block;
vertical-align: baseline;
}
progress {
-webkit-appearance: none;
-moz-appearance: none;
display: inline-block;
appearance: none;
width: 100%;
height: 0.5rem;
margin-bottom: calc(var(--spacing) * 0.5);
overflow: hidden;
border: 0;
border-radius: var(--border-radius);
background-color: var(--progress-background-color);
color: var(--progress-color);
}
progress::-webkit-progress-bar {
border-radius: var(--border-radius);
background: none;
}
progress[value]::-webkit-progress-value {
background-color: var(--progress-color);
}
progress::-moz-progress-bar {
background-color: var(--progress-color);
}
@media (prefers-reduced-motion: no-preference) {
progress:indeterminate {
background: var(--progress-background-color)
linear-gradient(
to right,
var(--progress-color) 30%,
var(--progress-background-color) 30%
)
top left/150% 150% no-repeat;
animation: progress-indeterminate 1s linear infinite;
}
progress:indeterminate[value]::-webkit-progress-value {
background-color: transparent;
}
progress:indeterminate::-moz-progress-bar {
background-color: transparent;
}
}
@media (prefers-reduced-motion: no-preference) {
[dir="rtl"] progress:indeterminate {
animation-direction: reverse;
}
}
@keyframes progress-indeterminate {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/**
* Dropdown ([role="list"])
*/
details[role="list"],
li[role="list"] {
position: relative;
}
details[role="list"] summary + ul,
li[role="list"] > ul {
display: flex;
z-index: 99;
position: absolute;
top: auto;
right: 0;
left: 0;
flex-direction: column;
margin: 0;
padding: 0;
border: var(--border-width) solid var(--dropdown-border-color);
border-radius: var(--border-radius);
border-top-right-radius: 0;
border-top-left-radius: 0;
background-color: var(--dropdown-background-color);
box-shadow: var(--card-box-shadow);
color: var(--dropdown-color);
white-space: nowrap;
}
details[role="list"] summary + ul li,
li[role="list"] > ul li {
width: 100%;
margin-bottom: 0;
padding: calc(var(--form-element-spacing-vertical) * 0.5)
var(--form-element-spacing-horizontal);
list-style: none;
}
details[role="list"] summary + ul li:first-of-type,
li[role="list"] > ul li:first-of-type {
margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role="list"] summary + ul li:last-of-type,
li[role="list"] > ul li:last-of-type {
margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role="list"] summary + ul li a,
li[role="list"] > ul li a {
display: block;
margin: calc(var(--form-element-spacing-vertical) * -0.5)
calc(var(--form-element-spacing-horizontal) * -1);
padding: calc(var(--form-element-spacing-vertical) * 0.5)
var(--form-element-spacing-horizontal);
overflow: hidden;
color: var(--dropdown-color);
text-decoration: none;
text-overflow: ellipsis;
}
details[role="list"] summary + ul li a:hover,
li[role="list"] > ul li a:hover {
background-color: var(--dropdown-hover-background-color);
}
details[role="list"] summary::after,
li[role="list"] > a::after {
display: block;
width: 1rem;
height: calc(1rem * var(--line-height, 1.5));
-webkit-margin-start: 0.5rem;
margin-inline-start: 0.5rem;
float: right;
transform: rotate(0deg);
background-position: right center;
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
}
details[role="list"] {
padding: 0;
border-bottom: none;
}
details[role="list"] summary {
margin-bottom: 0;
}
details[role="list"] summary:not([role]) {
height: calc(
1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 +
var(--border-width) * 2
);
padding: var(--form-element-spacing-vertical)
var(--form-element-spacing-horizontal);
border: var(--border-width) solid var(--form-element-border-color);
border-radius: var(--border-radius);
background-color: var(--form-element-background-color);
color: var(--form-element-placeholder-color);
line-height: inherit;
cursor: pointer;
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
}
details[role="list"] summary:not([role]):active,
details[role="list"] summary:not([role]):focus {
border-color: var(--form-element-active-border-color);
background-color: var(--form-element-active-background-color);
}
details[role="list"] summary:not([role]):focus {
box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}
details[role="list"][open] summary {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
details[role="list"][open] summary::before {
display: block;
z-index: 1;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: none;
content: "";
cursor: default;
}
nav details[role="list"] summary,
nav li[role="list"] a {
display: flex;
direction: ltr;
}
nav details[role="list"] summary + ul,
nav li[role="list"] > ul {
min-width: -moz-fit-content;
min-width: fit-content;
border-radius: var(--border-radius);
}
nav details[role="list"] summary + ul li a,
nav li[role="list"] > ul li a {
border-radius: 0;
}
nav details[role="list"] summary,
nav details[role="list"] summary:not([role]) {
height: auto;
padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);
}
nav details[role="list"][open] summary {
border-radius: var(--border-radius);
}
nav details[role="list"] summary + ul {
margin-top: var(--outline-width);
-webkit-margin-start: 0;
margin-inline-start: 0;
}
nav details[role="list"] summary[role="link"] {
margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);
line-height: var(--line-height);
}
nav details[role="list"] summary[role="link"] + ul {
margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
-webkit-margin-start: calc(var(--nav-link-spacing-horizontal) * -1);
margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);
}
li[role="list"]:hover > ul,
li[role="list"] a:active ~ ul,
li[role="list"] a:focus ~ ul {
display: flex;
}
li[role="list"] > ul {
display: none;
margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
-webkit-margin-start: calc(
var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
);
margin-inline-start: calc(
var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)
);
}
li[role="list"] > a::after {
background-image: var(--icon-chevron);
}
/**
* Loading ([aria-busy=true])
*/
[aria-busy="true"] {
cursor: progress;
}
[aria-busy="true"]:not(input, select, textarea)::before {
display: inline-block;
width: 1em;
height: 1em;
border: 0.1875em solid currentColor;
border-radius: 1em;
border-right-color: transparent;
content: "";
vertical-align: text-bottom;
vertical-align: -0.125em;
animation: spinner 0.75s linear infinite;
opacity: var(--loading-spinner-opacity);
}
[aria-busy="true"]:not(input, select, textarea):not(:empty)::before {
margin-right: calc(var(--spacing) * 0.5);
margin-left: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: calc(var(--spacing) * 0.5);
margin-inline-end: calc(var(--spacing) * 0.5);
}
[aria-busy="true"]:not(input, select, textarea):empty {
text-align: center;
}
button[aria-busy="true"],
input[type="submit"][aria-busy="true"],
input[type="button"][aria-busy="true"],
input[type="reset"][aria-busy="true"],
a[aria-busy="true"] {
pointer-events: none;
}
@keyframes spinner {
to {
transform: rotate(360deg);
}
}
/**
* Tooltip ([data-tooltip])
*/
[data-tooltip] {
position: relative;
}
[data-tooltip]:not(a, button, input) {
border-bottom: 1px dotted;
text-decoration: none;
cursor: help;
}
[data-tooltip][data-placement="top"]::before,
[data-tooltip][data-placement="top"]::after,
[data-tooltip]::before,
[data-tooltip]::after {
display: block;
z-index: 99;
position: absolute;
bottom: 100%;
left: 50%;
padding: 0.25rem 0.5rem;
overflow: hidden;
transform: translate(-50%, -0.25rem);
border-radius: var(--border-radius);
background: var(--tooltip-background-color);
content: attr(data-tooltip);
color: var(--tooltip-color);
font-style: normal;
font-weight: var(--font-weight);
font-size: 0.875rem;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
opacity: 0;
pointer-events: none;
}
[data-tooltip][data-placement="top"]::after,
[data-tooltip]::after {
padding: 0;
transform: translate(-50%, 0rem);
border-top: 0.3rem solid;
border-right: 0.3rem solid transparent;
border-left: 0.3rem solid transparent;
border-radius: 0;
background-color: transparent;
content: "";
color: var(--tooltip-background-color);
}
[data-tooltip][data-placement="bottom"]::before,
[data-tooltip][data-placement="bottom"]::after {
top: 100%;
bottom: auto;
transform: translate(-50%, 0.25rem);
}
[data-tooltip][data-placement="bottom"]:after {
transform: translate(-50%, -0.3rem);
border: 0.3rem solid transparent;
border-bottom: 0.3rem solid;
}
[data-tooltip][data-placement="left"]::before,
[data-tooltip][data-placement="left"]::after {
top: 50%;
right: 100%;
bottom: auto;
left: auto;
transform: translate(-0.25rem, -50%);
}
[data-tooltip][data-placement="left"]:after {
transform: translate(0.3rem, -50%);
border: 0.3rem solid transparent;
border-left: 0.3rem solid;
}
[data-tooltip][data-placement="right"]::before,
[data-tooltip][data-placement="right"]::after {
top: 50%;
right: auto;
bottom: auto;
left: 100%;
transform: translate(0.25rem, -50%);
}
[data-tooltip][data-placement="right"]:after {
transform: translate(-0.3rem, -50%);
border: 0.3rem solid transparent;
border-right: 0.3rem solid;
}
[data-tooltip]:focus::before,
[data-tooltip]:focus::after,
[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
[data-tooltip][data-placement="bottom"]:focus::before,
[data-tooltip][data-placement="bottom"]:focus::after,
[data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::before,
[data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
animation-duration: 0.2s;
animation-name: tooltip-slide-top;
}
[data-tooltip][data-placement="bottom"]:focus::after,
[data-tooltip][data-placement="bottom"]:hover [data-tooltip]:focus::after,
[data-tooltip]:hover::after {
animation-name: tooltip-caret-slide-top;
}
[data-tooltip][data-placement="bottom"]:focus::before,
[data-tooltip][data-placement="bottom"]:focus::after,
[data-tooltip][data-placement="bottom"]:hover::before,
[data-tooltip][data-placement="bottom"]:hover::after {
animation-duration: 0.2s;
animation-name: tooltip-slide-bottom;
}
[data-tooltip][data-placement="bottom"]:focus::after,
[data-tooltip][data-placement="bottom"]:hover::after {
animation-name: tooltip-caret-slide-bottom;
}
[data-tooltip][data-placement="left"]:focus::before,
[data-tooltip][data-placement="left"]:focus::after,
[data-tooltip][data-placement="left"]:hover::before,
[data-tooltip][data-placement="left"]:hover::after {
animation-duration: 0.2s;
animation-name: tooltip-slide-left;
}
[data-tooltip][data-placement="left"]:focus::after,
[data-tooltip][data-placement="left"]:hover::after {
animation-name: tooltip-caret-slide-left;
}
[data-tooltip][data-placement="right"]:focus::before,
[data-tooltip][data-placement="right"]:focus::after,
[data-tooltip][data-placement="right"]:hover::before,
[data-tooltip][data-placement="right"]:hover::after {
animation-duration: 0.2s;
animation-name: tooltip-slide-right;
}
[data-tooltip][data-placement="right"]:focus::after,
[data-tooltip][data-placement="right"]:hover::after {
animation-name: tooltip-caret-slide-right;
}
}
@keyframes tooltip-slide-top {
from {
transform: translate(-50%, 0.75rem);
opacity: 0;
}
to {
transform: translate(-50%, -0.25rem);
opacity: 1;
}
}
@keyframes tooltip-caret-slide-top {
from {
opacity: 0;
}
50% {
transform: translate(-50%, -0.25rem);
opacity: 0;
}
to {
transform: translate(-50%, 0rem);
opacity: 1;
}
}
@keyframes tooltip-slide-bottom {
from {
transform: translate(-50%, -0.75rem);
opacity: 0;
}
to {
transform: translate(-50%, 0.25rem);
opacity: 1;
}
}
@keyframes tooltip-caret-slide-bottom {
from {
opacity: 0;
}
50% {
transform: translate(-50%, -0.5rem);
opacity: 0;
}
to {
transform: translate(-50%, -0.3rem);
opacity: 1;
}
}
@keyframes tooltip-slide-left {
from {
transform: translate(0.75rem, -50%);
opacity: 0;
}
to {
transform: translate(-0.25rem, -50%);
opacity: 1;
}
}
@keyframes tooltip-caret-slide-left {
from {
opacity: 0;
}
50% {
transform: translate(0.05rem, -50%);
opacity: 0;
}
to {
transform: translate(0.3rem, -50%);
opacity: 1;
}
}
@keyframes tooltip-slide-right {
from {
transform: translate(-0.75rem, -50%);
opacity: 0;
}
to {
transform: translate(0.25rem, -50%);
opacity: 1;
}
}
@keyframes tooltip-caret-slide-right {
from {
opacity: 0;
}
50% {
transform: translate(-0.05rem, -50%);
opacity: 0;
}
to {
transform: translate(-0.3rem, -50%);
opacity: 1;
}
}
/**
* Accessibility & User interaction
*/
[aria-controls] {
cursor: pointer;
}
[aria-disabled="true"],
[disabled] {
cursor: not-allowed;
}
[aria-hidden="false"][hidden] {
display: initial;
}
[aria-hidden="false"][hidden]:not(:focus) {
clip: rect(0, 0, 0, 0);
position: absolute;
}
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
-ms-touch-action: manipulation;
}
[dir="rtl"] {
direction: rtl;
}
/**
* Reduce Motion Features
*/
@media (prefers-reduced-motion: reduce) {
*:not([aria-busy="true"]),
:not([aria-busy="true"])::before,
:not([aria-busy="true"])::after {
background-attachment: initial !important;
animation-duration: 1ms !important;
animation-delay: -1ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-delay: 0s !important;
transition-duration: 0s !important;
}
}
#mount#mount {
/* --primary: rgb(227, 59, 126); */
--primary: #ea4c89;
--primary-hover: #f082ac;
--icon-xia: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguMDAyOTEgOS42Nzk4M0wzLjgzMzM5IDUuNTEyMjFMMy4wMjUzOSA2LjMxOTgzTDguMDAzMjkgMTEuMjk1MUwxMi45NzYyIDYuMzE5ODNMMTIuMTY3OSA1LjUxMjIxTDguMDAyOTEgOS42Nzk4M1oiIGZpbGw9IiM4MzgzODMiLz4KPC9nPgo8L3N2Zz4K");
--switch-checked-background-color: var(--primary);
}
li.select-link.select-link:hover > ul {
display: none;
}
li.select-link.select-link > ul {
display: none;
}
li.select-link.select-link a:focus ~ ul {
display: none;
}
li.select-link.select-link a:active ~ ul {
display: none;
}
li.select-link-active.select-link-active > ul {
display: flex;
}
li.select-link-active.select-link-active:hover > ul {
display: flex;
}
li.select-link-active.select-link-active a:focus ~ ul {
display: flex;
}
li.select-link-active.select-link-active a:active ~ ul {
display: flex;
}
ul.select-link-ul.select-link-ul {
right: 0px;
left: auto;
}
a.select-link-selected {
background-color: var(--primary-focus);
}
.immersive-translate-no-select {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
/* li[role="list"].no-arrow > a::after { */
/* background-image: none; */
/* width: 0; */
/* color: var(--color); */
/* } */
li[role="list"].no-arrow {
margin-left: 8px;
padding-right: 0;
}
li[role="list"] > a::after {
-webkit-margin-start: 0.2rem;
margin-inline-start: 0.2rem;
}
li[role="list"].no-arrow > a,
li[role="list"].no-arrow > a:link,
li[role="list"].no-arrow > a:visited {
color: var(--secondary);
}
select.min-select {
--form-element-spacing-horizontal: 0;
margin-bottom: 4px;
max-width: 128px;
overflow: hidden;
color: var(--primary);
font-size: 13px;
border: none;
padding: 0;
padding-right: 20px;
padding-left: 8px;
text-overflow: ellipsis;
color: var(--color);
}
select.min-select-secondary {
color: var(--color);
}
select.min-select:focus {
outline: none;
border: none;
--box-shadow: none;
}
select.min-select-no-arrow {
background-image: none;
padding-right: 0;
}
select.min-select-left {
padding-right: 0px;
/* padding-left: 24px; */
/* background-position: center left 0; */
text-overflow: ellipsis;
text-align: left;
}
.muted {
color: var(--muted-color);
}
.select.button-select {
--background-color: var(--secondary-hover);
--border-color: var(--secondary-hover);
--color: var(--secondary-inverse);
cursor: pointer;
--box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
padding: var(--form-element-spacing-vertical)
var(--form-element-spacing-horizontal);
border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius);
outline: none;
background-color: var(--background-color);
box-shadow: var(--box-shadow);
color: var(--color);
font-weight: var(--font-weight);
font-size: 16px;
line-height: var(--line-height);
text-align: center;
cursor: pointer;
transition: background-color var(--transition), border-color var(--transition),
color var(--transition), box-shadow var(--transition);
-webkit-appearance: button;
margin: 0;
margin-bottom: 0px;
overflow: visible;
font-family: inherit;
text-transform: none;
}
body {
padding: 0;
margin: 0 auto;
min-width: 268px;
border-radius: 10px;
}
.popup-container {
font-size: 16px;
--font-size: 16px;
color: #666;
background-color: var(--popup-footer-background-color);
width: 316px;
min-width: 316px;
}
.popup-content {
background-color: var(--popup-content-background-color);
border-radius: 0px 0px 12px 12px;
padding: 16px 20px;
}
.immersive-translate-popup-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
touch-action: none;
}
.immersive-translate-popup-wrapper {
background: var(--background-color);
border-radius: 10px;
border: 1px solid var(--muted-border-color);
}
#mount#mount {
--font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
"Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5;
--font-weight: 400;
--font-size: 16px;
--border-radius: 4px;
--border-width: 1px;
--outline-width: 3px;
--spacing: 16px;
--typography-spacing-vertical: 24px;
--block-spacing-vertical: calc(var(--spacing) * 2);
--block-spacing-horizontal: var(--spacing);
--grid-spacing-vertical: 0;
--grid-spacing-horizontal: var(--spacing);
--form-element-spacing-vertical: 12px;
--form-element-spacing-horizontal: 16px;
--nav-element-spacing-vertical: 16px;
--nav-element-spacing-horizontal: 8px;
--nav-link-spacing-vertical: 8px;
--nav-link-spacing-horizontal: 8px;
--form-label-font-weight: var(--font-weight);
--transition: 0.2s ease-in-out;
--modal-overlay-backdrop-filter: blur(4px);
}
[data-theme="light"],
#mount:not([data-theme="dark"]) {
--popup-footer-background-color: #e8eaeb;
--popup-content-background-color: #ffffff;
--popup-item-background-color: #f3f5f6;
--popup-item-hover-background-color: #eaeced;
--popup-trial-pro-background-color: #f9fbfc;
--text-black-2: #222222;
--text-gray-2: #222222;
--text-gray-6: #666666;
--text-gray-9: #999999;
--text-gray-c2: #c2c2c2;
--service-select-content-shadow: 0px 2px 12px 0px rgba(75, 76, 77, 0.2);
--service-select-border-color: #fafafa;
--service-select-selected-background-color: #f3f5f6;
}
@media only screen and (prefers-color-scheme: dark) {
#mount:not([data-theme="light"]) {
--popup-footer-background-color: #0d0d0d;
--popup-content-background-color: #191919;
--popup-item-background-color: #272727;
--popup-item-hover-background-color: #333333;
--popup-trial-pro-background-color: #222222;
--text-black-2: #ffffff;
--text-gray-2: #dbdbdb;
--text-gray-6: #b3b3b3;
--text-gray-9: #777777;
--text-gray-c2: #5b5b5b;
--service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
--service-select-border-color: #2c2c2c;
--service-select-selected-background-color: #333333;
}
}
[data-theme="dark"] {
--popup-footer-background-color: #0d0d0d;
--popup-content-background-color: #191919;
--popup-item-background-color: #272727;
--popup-item-hover-background-color: #333333;
--popup-trial-pro-background-color: #222222;
--text-black-2: #ffffff;
--text-gray-2: #dbdbdb;
--text-gray-6: #b3b3b3;
--text-gray-9: #777777;
--text-gray-c2: #5b5b5b;
--service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
--service-select-border-color: #2c2c2c;
--service-select-selected-background-color: #333333;
}
.text-balck {
color: var(--text-black-2);
}
.text-gray-2 {
color: var(--text-gray-2);
}
.text-gray-6 {
color: var(--text-gray-6);
}
.text-gray-9 {
color: var(--text-gray-9);
}
.text-gray-c2 {
color: var(--text-gray-c2);
}
#mount {
min-width: 268px;
}
.main-button {
font-size: 15px;
vertical-align: middle;
border-radius: 12px;
padding: unset;
height: 44px;
line-height: 44px;
}
.pt-4 {
padding-top: 16px;
}
.p-2 {
padding: 8px;
}
.pl-5 {
padding-left: 48px;
}
.p-0 {
padding: 0;
}
.pl-2 {
padding-left: 8px;
}
.pl-4 {
padding-left: 24px;
}
.pt-2 {
padding-top: 8px;
}
.pb-2 {
padding-bottom: 8px;
}
.pb-4 {
padding-bottom: 16px;
}
.pb-5 {
padding-bottom: 20px;
}
.pr-5 {
padding-right: 48px;
}
.text-sm {
font-size: 13px;
}
.text-base {
font-size: 16px;
}
.w-full {
width: 100%;
}
.flex {
display: flex;
}
.flex-row {
flex-direction: row;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-end {
justify-content: flex-end;
}
.flex-grow {
flex-grow: 1;
}
.justify-between {
justify-content: space-between;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-2 {
margin-bottom: 8px;
}
.mb-4 {
margin-bottom: 16px;
}
.mb-3 {
margin-bottom: 12px;
}
.inline-block {
display: inline-block;
}
.py-2 {
padding-top: 8px;
padding-bottom: 8px;
}
.py-2-5 {
padding-top: 6px;
padding-bottom: 6px;
}
.mt-0 {
margin-top: 0;
}
.mt-2 {
margin-top: 8px;
}
.mt-3 {
margin-top: 12px;
}
.mt-4 {
margin-top: 16px;
}
.mt-5 {
margin-top: 20px;
}
.mt-6 {
margin-top: 24px;
}
.mb-1 {
margin-bottom: 4px;
}
.ml-4 {
margin-left: 24px;
}
.ml-3 {
margin-left: 16px;
}
.ml-2 {
margin-left: 8px;
}
.ml-1 {
margin-left: 4px;
}
.mr-1 {
margin-right: 4px;
}
.mr-2 {
margin-right: 8px;
}
.mr-3 {
margin-right: 16px;
}
.mx-2 {
margin-left: 8px;
margin-right: 8px;
}
.pl-3 {
padding-left: 12px;
}
.pr-3 {
padding-right: 12px;
}
.p-3 {
padding: 12px;
}
.px-1 {
padding-left: 4px;
padding-right: 4px;
}
.px-3 {
padding-left: 12px;
padding-right: 12px;
}
.pt-3 {
padding-top: 12px;
}
.px-6 {
padding-left: 18px;
padding-right: 18px;
}
.px-4 {
padding-left: 16px;
padding-right: 16px;
}
.pt-6 {
padding-top: 20px;
}
.py-3 {
padding-top: 12px;
padding-bottom: 12px;
}
.py-0 {
padding-top: 0;
padding-bottom: 0;
}
.left-auto {
left: auto !important;
}
.max-h-28 {
max-height: 112px;
}
.max-h-30 {
max-height: 120px;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.text-xs {
font-size: 12px;
}
.flex-1 {
flex: 1;
}
.flex-3 {
flex: 3;
}
.flex-4 {
flex: 4;
}
.flex-2 {
flex: 2;
}
.items-center {
align-items: center;
}
.max-content {
width: max-content;
}
.justify-center {
justify-content: center;
}
.items-end {
align-items: flex-end;
}
.items-baseline {
align-items: baseline;
}
.my-5 {
margin-top: 48px;
margin-bottom: 48px;
}
.my-4 {
margin-top: 24px;
margin-bottom: 24px;
}
.my-3 {
margin-top: 16px;
margin-bottom: 16px;
}
.pt-3 {
padding-top: 12px;
}
.px-3 {
padding-left: 12px;
padding-right: 12px;
}
.pt-2 {
padding-top: 8px;
}
.px-2 {
padding-left: 8px;
padding-right: 8px;
}
.pt-1 {
padding-top: 4px;
}
.px-1 {
padding-left: 4px;
padding-right: 4px;
}
.pb-2 {
padding-bottom: 8px;
}
.justify-end {
justify-content: flex-end;
}
.w-auto {
width: auto;
}
.shrink-0 {
flex-shrink: 0;
}
select.language-select,
select.translate-service,
select.min-select {
--form-element-spacing-horizontal: 0;
margin-bottom: 0px;
max-width: unset;
flex: 1;
overflow: hidden;
font-size: 13px;
border: none;
border-radius: 8px;
padding-right: 30px;
padding-left: 0px;
background-position: center right 12px;
background-size: 16px auto;
background-image: var(--icon-xia);
text-overflow: ellipsis;
color: var(--text-gray-2);
background-color: transparent;
box-shadow: unset !important;
cursor: pointer;
}
select.more {
background-position: center right;
padding-right: 20px;
}
select.transform-padding-left {
padding-left: 12px;
transform: translateX(-12px);
background-position: center right 0px;
}
select.translate-service {
color: var(--text-black-2);
}
/* dark use black, for windows */
@media (prefers-color-scheme: dark) {
select.language-select option,
select.translate-service option,
select.min-select option {
background-color: #666666;
}
}
.text-overflow-ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.max-w-20 {
max-width: 180px;
white-space: nowrap;
}
select.min-select-secondary {
color: var(--color);
}
select.min-select:focus {
outline: none;
border: none;
--box-shadow: none;
}
select.min-select-no-arrow {
background-image: none;
padding-right: 0;
}
select.min-select-left {
padding-right: 0px;
/* padding-left: 24px; */
/* background-position: center left 0; */
text-overflow: ellipsis;
text-align: left;
}
.popup-footer {
background-color: var(--popup-footer-background-color);
height: 40px;
}
.text-right {
text-align: right;
}
.clickable {
cursor: pointer;
}
.close {
cursor: pointer;
width: 16px;
height: 16px;
background-image: var(--icon-close);
background-position: center;
background-size: auto 1rem;
background-repeat: no-repeat;
opacity: 0.5;
transition: opacity var(--transition);
}
.padding-two-column {
padding-left: 40px;
padding-right: 40px;
}
.muted {
color: #999;
}
.text-label {
color: #666;
}
.display-none {
display: none;
}
/* dark use #18232c */
@media (prefers-color-scheme: dark) {
.text-label {
color: #9ca3af;
}
}
.text-decoration-none {
text-decoration: none;
}
.text-decoration-none:is([aria-current], :hover, :active, :focus),
[role="link"]:is([aria-current], :hover, :active, :focus) {
--text-decoration: none !important;
background-color: transparent !important;
}
.language-select-container {
position: relative;
width: 100%;
background-color: var(--popup-item-background-color);
height: 55px;
border-radius: 12px;
}
select.language-select {
color: var(--text-black-2);
font-size: 14px;
padding: 8px 24px 24px 16px;
position: absolute;
border-radius: 12px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
select.text-gray-6 {
color: var(--text-gray-6);
}
.language-select-container label {
position: absolute;
bottom: 10px;
left: 16px;
font-size: 12px;
color: var(--text-gray-9);
line-height: 12px;
margin: 0;
}
.translation-service-container {
background-color: var(--popup-item-background-color);
border-radius: 12px;
}
.min-select-container {
display: flex;
justify-content: space-between;
align-items: center;
height: 44px;
background-color: var(--popup-item-background-color);
padding-left: 16px;
}
.min-select-container:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.min-select-container:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.min-select-container:only-child {
border-radius: 10px;
}
.translate-mode {
width: 44px;
height: 44px;
border-radius: 22px;
background-color: var(--popup-item-background-color);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
cursor: pointer;
}
.translate-mode svg {
fill: var(--text-gray-2);
}
.widgets-container {
display: flex;
align-items: stretch;
justify-content: space-between;
width: 100%;
gap: 9px;
}
/* 当只有两个小组件时的样式优化 */
.widgets-container.widgets-two-items {
gap: 16px;
}
.widgets-container.widgets-two-items .widget-item {
flex: 0 1 auto;
min-width: 93px;
max-width: 120px;
}
.widget-item {
display: flex;
max-width: 93px;
flex-direction: row;
align-items: center;
justify-content: center;
background-color: var(--popup-item-background-color);
font-size: 12px;
min-height: 44px;
height: 100%;
border-radius: 8px;
cursor: pointer;
flex: 1;
padding: 8px 4px;
text-align: center;
}
.widget-icon-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--text-gray-2);
}
.share-button-container {
display: flex;
align-items: center;
cursor: pointer;
padding: 2px 3px 0 8px;
}
.share-button-container svg {
fill: var(--text-gray-9);
}
.min-select-container:hover,
.language-select-container:hover,
.widget-item:hover,
.translate-mode:hover {
background-color: var(--popup-item-hover-background-color);
}
.main-button:hover {
background-color: #f5508f;
}
.share-button-container:hover {
background-color: var(--popup-item-background-color);
border-radius: 6px;
}
.error-boundary {
background: #fff2f0;
border: 1px solid #ffccc7;
display: flex;
padding: 12px;
font-size: 14px;
color: rgba(0, 0, 0, 0.88);
word-break: break-all;
margin: 12px;
border-radius: 12px;
flex-direction: column;
}
.upgrade-pro {
border-radius: 11px;
background: linear-gradient(57deg, #272727 19.8%, #696969 82.2%);
padding: 2px 8px;
transform: scale(0.85);
}
.upgrade-pro span {
background: linear-gradient(180deg, #ffeab4 17.65%, #f8c235 85.29%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 12px;
margin-left: 4px;
}
.upgrade-pro svg {
margin-top: -2px;
}
.upgrade-pro:hover {
background: linear-gradient(57deg, #3d3d3d 19.8%, #949494 82.2%);
}
.border-bottom-radius-0 {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.trial-pro-container {
border-radius: 0px 0px 12px 12px;
background: var(--popup-trial-pro-background-color);
display: flex;
align-items: center;
height: 44px;
padding-left: 16px;
padding-right: 12px;
font-size: 12px;
}
.trial-pro-container label {
line-height: 13px;
color: var(--text-black-2);
}
.trial-pro-container img {
margin-left: 5px;
}
.cursor-pointer {
cursor: pointer;
}
.upgrade-pro-discount-act {
height: 25px;
display: flex;
padding: 0 4px;
align-items: center;
border-radius: 15px;
background: linear-gradient(
90deg,
#cefbfa 11.33%,
#d7f56f 63.75%,
#fccd5e 100%
);
transform: scale(0.9);
box-shadow: 0px 1.8px 3.6px 0px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.upgrade-pro-discount-act span {
font-size: 12px;
font-weight: 700;
margin-left: 4px;
color: #222222;
}
.upgrade-pro-discount-act:hover {
text-decoration: unset;
background: linear-gradient(
90deg,
#e2fffe 11.33%,
#e6ff91 63.75%,
#ffdf93 100%
);
}
.custom-select-container {
width: 200px;
position: relative;
flex: 1;
}
#translation-service-select {
padding-right: 12px;
padding-left: 6px;
}
.custom-select-content {
border-radius: 12px;
background: var(--popup-content-background-color);
box-shadow: var(--service-select-content-shadow);
border: 1px solid var(--service-select-border-color);
padding: 4px 5px;
position: absolute;
left: 0;
right: 0;
z-index: 100;
overflow-y: auto;
}
.custom-select-item.default {
width: 100%;
padding: 0;
}
.custom-select-item {
font-size: 13px;
padding: 5px 6px;
border-radius: 8px;
display: flex;
align-items: center;
cursor: pointer;
color: var(--text-black-2);
width: auto;
overflow: hidden;
height: 30px;
line-height: 30px;
}
.custom-select-item-img {
width: 20px;
height: 20px;
margin-right: 4px;
}
@media (prefers-color-scheme: dark) {
.custom-select-item-img {
margin-right: 6px;
}
}
.custom-select-content .custom-select-item.selected,
.custom-select-content .custom-select-item:hover {
background: var(--service-select-selected-background-color);
}
.custom-select-item > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.custom-select-item-pro {
font-size: 12px;
margin-left: 6px;
}
.custom-select-item-pro img {
margin: 0 3px;
width: 20px;
}
.custom-select-group-header {
font-size: 12px;
font-weight: 500;
color: var(--text-gray-9);
padding: 6px 8px 4px;
margin-top: 2px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.more-container {
position: relative;
}
.new-menu-indicator {
position: absolute;
width: 8px;
height: 8px;
background-color: #ef3434;
border-radius: 50%;
right: 18px;
top: 4px;
}
html {
font-size: 17px;
}
@media print {
.imt-fb-container {
display: none !important;
}
}
#mount#mount {
position: absolute;
display: none;
min-width: 250px;
height: auto;
--font-size: 17px;
font-size: 17px;
}
/* float-ball */
.imt-fb-container {
position: fixed;
padding: 0;
top: 335px;
width: fit-content;
display: flex;
flex-direction: column;
display: none;
direction: ltr;
}
.imt-fb-container.left {
align-items: flex-start;
left: 0;
}
.imt-fb-container.right {
align-items: flex-end;
right: 0;
}
.imt-fb-btn {
cursor: pointer;
background: var(--float-ball-more-button-background-color);
height: 36px;
width: 56px;
box-shadow: 2px 6px 10px 0px #0e121629;
}
.imt-fb-btn.left {
border-top-right-radius: 36px;
border-bottom-right-radius: 36px;
}
.imt-fb-btn.right {
border-top-left-radius: 36px;
border-bottom-left-radius: 36px;
}
.imt-fb-btn div {
background: var(--float-ball-more-button-background-color);
height: 36px;
width: 54px;
display: flex;
align-items: center;
}
.imt-fb-btn.left div {
border-top-right-radius: 34px;
border-bottom-right-radius: 34px;
justify-content: flex-end;
}
.imt-fb-btn.right div {
border-top-left-radius: 34px;
border-bottom-left-radius: 34px;
}
.imt-fb-logo-img {
width: 20px;
height: 20px;
margin: 0 10px;
}
.imt-fb-logo-img-big-bg {
width: 28px;
height: 28px;
margin: 0;
padding: 4px;
background-color: #ed6d8f;
border-radius: 50%;
margin: 0 5px;
}
.imt-float-ball-translated {
position: absolute;
width: 11px;
height: 11px;
bottom: 4px;
right: 20px;
}
.btn-animate {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform ease-out 250ms;
transition: -webkit-transform ease-out 250ms;
transition: transform ease-out 250ms;
transition: transform ease-out 250ms, -webkit-transform ease-out 250ms;
}
.imt-fb-setting-btn {
margin-right: 18px;
width: 28px;
height: 28px;
}
.immersive-translate-popup-wrapper {
background: var(--background-color);
border-radius: 20px;
box-shadow: 2px 10px 24px 0px #0e121614;
border: none;
}
.popup-container {
border-radius: 20px;
}
.popup-content {
border-radius: 20px 20px 12px 12px;
}
.popup-footer {
border-radius: 20px;
}
.imt-fb-close-button {
pointer-events: all;
cursor: pointer;
position: absolute;
margin-top: -10px;
}
.imt-fb-close-content {
padding: 22px;
width: 320px;
pointer-events: all;
}
.imt-fb-close-title {
font-weight: 500;
color: var(--h2-color);
}
.imt-fb-close-radio-content {
background-color: var(--background-light-green);
padding: 8px 20px;
}
.imt-fb-radio-sel,
.imt-fb-radio-nor {
width: 16px;
height: 16px;
border-radius: 8px;
flex-shrink: 0;
}
.imt-fb-radio-sel {
border: 2px solid var(--primary);
display: flex;
align-items: center;
justify-content: center;
}
.imt-fb-radio-sel div {
width: 8px;
height: 8px;
border-radius: 4px;
background-color: var(--primary);
}
.imt-fb-radio-nor {
border: 2px solid #d3d4d6;
}
.imt-fb-primary-btn {
background-color: var(--primary);
width: 72px;
height: 32px;
color: white;
border-radius: 8px;
text-align: center;
line-height: 32px;
font-size: 16px;
cursor: pointer;
}
.imt-fb-default-btn {
border: 1px solid var(--primary);
width: 72px;
height: 32px;
border-radius: 8px;
color: var(--primary);
line-height: 32px;
text-align: center;
font-size: 16px;
cursor: pointer;
}
.imt-fb-guide-container {
width: 312px;
transform: translateY(-45%);
}
.imt-fb-guide-bg {
position: absolute;
left: 30px;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
height: 100%;
width: 90%;
}
.imt-fb-guide-bg.left {
transform: scaleX(-1);
}
.imt-fb-guide-content {
margin: 16px -30px 80px 0px;
display: flex;
flex-direction: column;
align-items: center;
}
.imt-fb-guide-content.left {
margin: 16px 21px 60px 32px;
}
.imt-fb-guide-img {
width: 220px;
height: 112px;
}
.imt-fb-guide-message {
font-size: 16px;
line-height: 28px;
color: #333333;
white-space: pre-wrap;
text-align: center;
font-weight: 700;
margin-bottom: 20px;
}
.imt-fb-guide-button {
margin-top: 16px;
line-height: 40px;
height: 40px;
padding: 0 20px;
width: unset;
}
.imt-fb-more-buttons {
box-shadow: 0px 2px 10px 0px #00000014;
border: none;
background: var(--float-ball-more-button-background-color);
width: 36px;
display: flex;
flex-direction: column;
border-radius: 18px;
margin-top: 0px;
padding: 7px 0 7px 0;
}
.imt-fb-more-buttons > div {
margin: auto;
}
.imt-fb-side,
.imt-fb-reward {
border-radius: 50%;
cursor: pointer;
pointer-events: all;
position: relative;
}
.imt-fb-side {
margin: 10px 0;
}
.imt-fb-new-badge {
width: 26px;
height: 14px;
padding: 3px;
background-color: #f53f3f;
border-radius: 4px;
position: absolute;
top: -5px;
right: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.imt-fb-side *,
.imt-fb-reward * {
pointer-events: all;
}
.imt-fb-more-button {
width: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
/* Sheet.css */
.immersive-translate-sheet {
position: fixed;
transform: translateY(100%);
/* Start off screen */
left: 0;
right: 0;
background-color: white;
transition: transform 0.3s ease-out;
/* Smooth slide transition */
box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
/* Ensure it's above other content */
bottom: 0;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
overflow: hidden;
}
.immersive-translate-sheet.visible {
transform: translateY(0);
}
.immersive-translate-sheet-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 0.3s ease-out;
}
.immersive-translate-sheet-backdrop.visible {
opacity: 1;
}
.popup-container-sheet {
max-width: 100vw;
width: 100vw;
}
.imt-no-events svg * {
pointer-events: none !important;
}
.imt-manga-button {
width: 36px;
display: flex;
flex-direction: column;
position: relative;
align-items: center;
justify-content: center;
cursor: pointer;
pointer-events: all;
margin: 0 0 10px 0;
background-color: var(--float-ball-more-button-background-color);
border-radius: 18px;
filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.08));
opacity: 0.5;
right: 8px;
padding: 10px 0 4px 0;
}
.imt-manga-feedback {
cursor: pointer;
margin-bottom: 10px;
}
.imt-fb-feedback {
cursor: pointer;
margin-top: 10px;
}
.imt-fb-upgrade-button {
cursor: pointer;
margin-top: 10px;
}
.imt-manga-button:hover {
opacity: 1;
}
.imt-manga-translated {
position: absolute;
left: 24px;
top: 20px;
}
.imt-float-ball-loading {
animation: imt-loading-animation 0.6s infinite linear !important;
}
.imt-manga-guide-bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
width: 372px;
transform: translateY(-50%);
}
.imt-manga-guide-content {
position: absolute;
top: 15px;
left: 0;
right: 0;
margin: 0 40px 0;
}
.img-manga-guide-button {
width: fit-content;
margin: 16px auto;
}
.img-manga-close {
position: absolute;
bottom: -200px;
width: 32px;
height: 32px;
left: 0;
right: 0;
margin: auto;
cursor: pointer;
}
.imt-fb-container.dragging .imt-fb-more-buttons,
.imt-fb-container.dragging .imt-manga-button,
.imt-fb-container.dragging .btn-animate:not(.imt-fb-btn) {
display: none !important;
}
.imt-fb-container.dragging .imt-fb-btn {
border-radius: 50% !important;
width: 36px !important;
height: 36px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: move !important;
}
.imt-fb-container.dragging .imt-fb-btn div {
border-radius: 50% !important;
width: 36px !important;
height: 36px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
.imt-fb-container.dragging .imt-fb-btn.left,
.imt-fb-container.dragging .imt-fb-btn.right {
border-radius: 50% !important;
}
.imt-fb-container.dragging .imt-fb-btn.left div,
.imt-fb-container.dragging .imt-fb-btn.right div {
border-radius: 50% !important;
}
.imt-fb-container.dragging .imt-fb-logo-img {
margin: 0 !important;
padding: 4px !important;
}
.imt-fb-container.dragging .imt-float-ball-translated {
right: 2px !important;
bottom: 2px !important;
}
@-webkit-keyframes imt-loading-animation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@keyframes imt-loading-animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
</style><div id="mount" style="display: block;"></div></template></div></html>
Reference in New Issue View Git Blame Copy Permalink