@charset "utf-8";
/* CSS Document */
.container a:hover { text-decoration: none; }
h2 { display: block; margin: 30px 0 20px; font-size: 30px !important; font-weight: 700; position: relative }
h2 span { background: #fff; padding: 0 15px; }
/* banner */
.our-slogan { display: block; padding: 25px 0; background: rgba(44 48 58 /10%); text-align: center; font-weight: 400; }
.home-banner { display: block; position: relative; margin: 0 0 50px; }
.home-banner img { height: 630px; object-fit: cover; width: 100%; max-width: 100%; }
.home-banner .banner-words { display: block; position: absolute; top: 20%; color: #fff; text-align: center; width: 100%; }
.home-banner .banner-words h1 { font-size: 50px; font-weight: 600; margin-bottom: 25px; }
.home-banner .banner-words p { text-align: center; font-size: 25px; font-weight: 600; margin-bottom: 45px; }
.home-banner .banner-words .learn-more { width: 150px; border: 1px solid #fff; border-radius: 10px; padding: 5px; margin: auto; font-weight: 600; }
/* tailor make ads */
.tailor-make { display: block; margin: 50px 0; }
.tailor-make:after { content: ""; clear: both; display: block; }
.tailor-make .photos-left { display: block; width: 45%; float: left; position: relative; padding-top: 30px; }
.tailor-make .photos-left .bg-drop img:last-child { float: right; }
.tailor-make .bg-drop img { border-radius: 10px; box-shadow: 0 8px 10px -5px rgba(0 0 0 /60%); width: 100%; max-width: 50%; height: 160px; object-fit: cover; }
.tailor-make .photos-left .travel-expert { display: block; width: 280px; position: absolute; left: calc(50% - 140px); top: 5px; }
.tailor-make .photos-left .travel-expert img { border-radius: 10px; box-shadow: 0 8px 10px -5px rgba(0 0 0 /60%); width: 100%; max-width: 100%; height: 210px; object-fit: cover; }
.tailor-make .text-right { display: block; width: 50%; float: right; }
.tailor-make .text-right strong { font-size: 25px; font-weight: 700; }
.tailor-make .text-right p { width: 95%; margin: 15px 0; line-height: 1.5; font-size: 18px; text-align: left !important; }
.tailor-make .text-right a { display: block; border: 1px solid #fe8a39; border-radius: 50px; width: 130px; padding: 8px; font-size: 18px; font-weight: 500; text-align: center; margin: 30px 0 0; transition: 1s; }
.tailor-make .text-right a:hover { background: #fe8a39; color: #fff; }
/* recommended tours */
.recomendedTours { display: block; margin-top: 30px; background: rgba(44 48 58 /10%); padding: 50px 50px 10px; border-radius: 20px; }
.rec-tour-intro { display: block; padding-top: 100px; }
.recomendedTours h2 { font-size: 38px !important; line-height: 1.2; }
.recomendedTours p { text-align: left !important; }
.recomendedTours .learn-more { display: block; margin-top: 25px; }
.recomendedTours .learn-more a { color: #000; border-bottom: 1px solid #2a7290; padding-bottom: 3px; }
.recomendedTours .learn-more a:after { content: ''; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); width: 10px; height: 10px; display: inline-block; margin-left: 5px; }
.main-tour-list { display: block; margin-bottom: 30px; position: relative; }
.main-tour-list img { width: 100%; max-width: 100%; height: 300px; object-fit: cover; border-radius: 10px; }
.main-tour-list video { border-radius: 10px; }
.main-tour-list .tour-info { display: block; position: absolute; left: 0; bottom: 0; font-size: 30px; color: #fff; font-weight: 600; line-height: 1.3; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent 50%); width: 100%; padding: 30px; border-radius: 0 0 10px 10px; }
.main-tour-list .tour-info i { font-style: normal; font-size: 20px; display: block; margin-top: 20px; }
.tourList { margin-bottom: 30px; border-radius: 4px; width: calc(50% - 15px); float: left; transition: .3s; box-shadow: 0 0 8px rgba(0 0 0 /10%); }
.tourList:hover { box-shadow: 0 0 8px rgba(0 0 0 /50%); border-radius: 10px; }
.tourList:last-child { float: right; }
.tourList .tourPhoto { display: block; border-radius: 0 0 200px 0; position: relative; }
.tourList .tourPhoto img { border-radius: 10px 10px 0 0; width: 100%; height: 170px; object-fit: cover; }
.tourList .tourInfo { display: block; background: #fff; padding: 20px; margin-top: -30px; border-radius: 10px; position: relative; }
.tourList .tourInfo .tourDays { display: block; width: 50px; text-align: right; position: absolute; right: 20px; top: 10px; width: 50px; line-height: 25px; font-size: 20px; font-weight: 600; text-transform: uppercase; text-shadow: 2px 2px 3px #555; }
.tourList:hover { transition: ease-in-out 1s; }
.tourList.withBG { background: #f1f1f1 }
a:hover { text-decoration: none; }
.tourList .tourTitle { display: block; font-size: 20px; line-height: 25px; margin: 0 0 20px; font-weight: 400; color: #000; }
.tourList .destinations { display: block; line-height: 25px; font-size: 18px; }
/* trip advisor */
.trip-advisor { display: block; margin-left: 100px; }
.trip-advisor .rating { display: block; margin-bottom: 20px; text-align: center; }
.trip-advisor .rating strong { font-size: 25px; display: block; }
.trip-advisor .rating .five-star svg { fill: #00852f; }
.trip-advisor .award { display: block; margin-top:50px; font-size:20px; background-image: url("data:image/svg+xml;charset=utf-8,%3C!-- Uploaded to: SVG Repo%2C www.svgrepo.com%2C Generator: SVG Repo Mixer Tools --%3E %3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.09027 11.63H3.40027C3.48027 6.95997 4.40026 6.18996 7.27026 4.48996C7.60026 4.28996 7.71025 3.86996 7.51025 3.52996C7.31025 3.19996 6.89023 3.08997 6.55023 3.28997C3.17023 5.28997 1.99023 6.50995 1.99023 12.33V17.72C1.99023 19.43 3.38026 20.81 5.08026 20.81H8.08026C9.84026 20.81 11.1702 19.48 11.1702 17.72V14.72C11.1802 12.96 9.85027 11.63 8.09027 11.63Z' fill='%23292D32'/%3E %3Cpath opacity='0.4' d='M18.9105 11.63H14.2205C14.3005 6.95997 15.2206 6.18996 18.0906 4.48996C18.4206 4.28996 18.5306 3.86996 18.3306 3.52996C18.1306 3.19996 17.7105 3.08997 17.3705 3.28997C13.9905 5.28997 12.8105 6.50995 12.8105 12.33V17.72C12.8105 19.43 14.2006 20.81 15.9006 20.81H18.9006C20.6606 20.81 21.9905 19.48 21.9905 17.72V14.72C22.0005 12.96 20.6705 11.63 18.9105 11.63Z' fill='%23292D32'/%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: top left; background-size:50px 50px; padding:20px 0 0 70px; line-height:1.3;}
.trip-advisor .award  .byWho { display:block; margin-top:20px; font-size:18px; }
.trip-advisor .award a { color:#fe8a39; font-style: italic;}
.trip-advisor .award .review-content {background-image: url("data:image/svg+xml;charset=utf-8,%3C!-- Uploaded to: SVG Repo%2C www.svgrepo.com%2C Generator: SVG Repo Mixer Tools --%3E %3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.9101 12.3699H20.6001C20.5201 17.0399 19.6001 17.8099 16.7301 19.5099C16.4001 19.7099 16.2901 20.1299 16.4901 20.4699C16.6901 20.7999 17.1101 20.91 17.4501 20.71C20.8301 18.71 22.0101 17.4899 22.0101 11.6699V6.27997C22.0101 4.56997 20.6201 3.18994 18.9201 3.18994H15.9201C14.1601 3.18994 12.8301 4.51997 12.8301 6.27997V9.27997C12.8201 11.04 14.1501 12.3699 15.9101 12.3699Z' fill='%23292D32'/%3E %3Cpath opacity='0.4' d='M5.08982 12.3699H9.77982C9.69982 17.0399 8.77982 17.8099 5.90982 19.5099C5.57982 19.7099 5.46982 20.1299 5.66982 20.4699C5.86982 20.7999 6.28982 20.91 6.62982 20.71C10.0098 18.71 11.1898 17.4899 11.1898 11.6699V6.27997C11.1898 4.56997 9.79982 3.18994 8.09982 3.18994H5.09982C3.33982 3.18994 2.00982 4.51997 2.00982 6.27997V9.27997C1.99982 11.04 3.32982 12.3699 5.08982 12.3699Z' fill='%23292D32'/%3E %3C/svg%3E");  background-repeat: no-repeat; background-position: top right; background-size:50px 50px; padding:0 60px 0 0; }
.whyUs { display: block; margin-top: 35px; padding: 20px 0 30px; margin-left: -30px; margin-right: -30px; overflow: hidden; }
.whyUs h2 { background: none; margin-top: 30px; text-align: left }
.whyUs .whyItem { display: block; float: left; width: 25%; padding: 110px 30px 0; text-align: center; background-size: 80px 80px !important; }
.whyUs .whyItem .whyTitle { display: block; font-size: 24px; color: #000; }
.whyUs .whyItem:first-child { background: url(/pic/one-stop-icon.png) no-repeat top center }
.whyUs .whyItem:nth-child(2) { background: url(/pic/safety-icon.png) no-repeat top center; }
.whyUs .whyItem:nth-child(3) { background: url(/pic/bespoke-icon.png) no-repeat top center; }
.whyUs .whyItem:last-child { background: url(/pic/guarantee-icon.png) no-repeat top center; }
.whyUs .whyItem p { line-height: 25px !important; text-align: center; }
.feedbackPhoto { margin-bottom: 50px !important }
.cet-review { display: block; padding-right: 50px; }
.customerSay { margin-bottom: 50px; display: block; line-height: 30px; text-align: center; font-size: 23px; overflow: hidden; background: url(/pic/quote-left-gray.png) no-repeat; padding-left: 60px; }
.customerSay .customerInfo { font-size: 22px; color: #666; display: block; margin: 25px 0 30px }
.customerSay a { color: #3fa5c4; text-decoration: underline; }
.customerSay a:hover { text-decoration: none; }
.customerSay .reviewContent { background: url(/pic/quote-right-gray.png) no-repeat right top; padding-right: 60px; }
.infoBlock { margin-bottom: 40px; }
.infoList { margin-bottom: 25px; display: block; display: table; height: 80px; }
.infoList img { border-radius: 4px; margin-right: 10px; display: inline-block; width: 80px; float: left; }
.infoList em { display: table-cell; vertical-align: middle; height: 80px; width: 195px; font-style: normal; }
.tailorMadeBtn { background: #3fa5c4; width: 400px; text-align: center; margin: 80px auto 50px; border-radius: 4px; font-size: 20px; padding: 10px 25px 15px; }
.tailorMadeBtn a { font-size: 25px; color: #fff; }
.firstLi { color: #999; font-size: 16px; }
.title { font-size: 14px; color: #fff; text-transform: lowercase; margin-left: 25px; display: none; }
.figureList { width: 20%; display: block; float: left; text-align: center; color: #999; }
.figureList strong { display: block; font-size: 50px; font-weight: normal; color: #555; margin-bottom: 5px; }
.figureList .fa { font-size: 35px; margin-bottom: 10px; }
.ta-coe { display: block; position: absolute; width: 180px; right: 15px; top: 20px; z-index: 9997; background: #fff; padding: 5px; }
.whoTravelwithUs { display: block; }
.whoTravelwithUs .cet-partners { background: #eeeef0; text-align: center; padding: 30px 0; }
#box { display: flex; align-items: center; justify-content: center; }
.gradient-border {
 --borderWidth: 5px; position: relative; border-radius: var(--borderWidth); background: #eeeef0; padding: 10px 0; }
.gradient-border img { max-width: 100%; }
.gradient-border:after { content: ''; position: absolute; top: calc(-1 * var(--borderWidth));
 left: calc(-1 * var(--borderWidth));
 height: calc(100% + var(--borderWidth) * 2);
 width: calc(100% + var(--borderWidth) * 2);
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82); border-radius: calc(2 * var(--borderWidth));
z-index: -1; animation: animatedgradient 3s ease alternate infinite; background-size: 300% 300%; }
 @keyframes animatedgradient { 0% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
 100% {
 background-position: 0% 50%;
}
}
/* destinations */
.home-destinations { display: block; margin: 50px 0; }
.home-destinations .destinationList { display: block; position: relative; margin-bottom: 20px; overflow: hidden; }
.home-destinations .destinationList img { width: 100%; max-width: 100%; border-radius: 10px; height: 250px; object-fit: cover; }
.home-destinations .destinationList:hover { transform: scale(1.2); transition: all 3s; z-index: 20; }
.home-destinations .destinationList .tourTitle { display: block; position: absolute; text-align: center; font-weight: 700; left: 0; top: calc(50% - 25px); width: 100%; color: #fff; height: 50px; font-size: 32px; text-shadow: 2px 2px 2px #333; letter-spacing: 0.03em; }
.home-destinations .row { margin-left: -10px; margin-right: -10px; }
.home-destinations .col-md-8, .home-destinations .col-md-16 { padding-left: 10px; padding-right: 10px; }
.home-destinations .moreList { display: block; background: #fe8a39; width: 380px; height: 250px; color: #fff; font-weight: 700; font-size: 32px; text-align: center; line-height: 150px; text-shadow: 2px 2px 2px #333; border-radius: 10px; margin-bottom: 20px; position: relative; }
.home-destinations .moreList:hover { background: rgba(42,114,142,1); transition: all ease-in-out 2s; transform: scale(1.2); line-height: 250px; z-index: 888; }
.home-destinations .moreList .moreArrow { display: block !important; position: absolute; top: 120px; background: url(/pic/point-to-white.png) no-repeat center /30px 30px; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; left: calc(50% - 25px); transition: ease-in-out 2s; }
/* key numbers */
.keyNumber { display: block; padding: 50px 0 90px; margin: 50px 0; }
.keyNumber h2 { margin: 0 0 50px; font-size: 28px !important; line-height: 1.5; text-align:center; }
.keyNumber .numberList { width: 33.3333%; float: left; padding: 0 30px 0 0; font-size: 25px; font-weight: 300; line-height: 1.5; text-align:center; }
.keyNumber .numberList strong { font-size: 55px; display: block; letter-spacing: 0.1em; color: #fe8a39; }
/* home review */
.home-reviews { display:block; margin:50px 0; background:rgba(44 48 58 /10%); border-radius:10px; padding:50px;}




/* home articles */
.homeArticles { display: block; margin: 50px 0 1px; overflow: hidden; }
.homeArticles .view-all { width: 130px; border-radius: 50px; text-align: center; background: #fe8a39; }
.homeArticles .view-all a { color: #fff; font-size: 18px; font-weight: 500; padding: 6px 0; display: block; }
.homeArticles h2 { font-size: 45px !important; font-weight: 800 !important; line-height: 1.3; margin-top: 0; }
.homeArticles .articleList { position: relative; margin-bottom: 30px; }
.homeArticles .articleList img { max-width: 100%; width: 100%; height: 250px; object-fit: cover; border-radius: 10px; }
.homeArticles .articleList h3 { margin: 0; color: #fff; width: 100%; position: absolute; left: 0; bottom: 0; font-size: 20px; line-height: 1.3; background: linear-gradient(to top, rgba(0,0,0,0.9), transparent 80%); padding: 30px 30px 20px; border-radius: 0 0 10px 10px; }
/* home tailor */
.homeTailor { display: block; text-align: center; margin: 50px 0; font-size: 25px; }
.homeTailor a { display: block; background: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%); width: 350px; margin: 15px auto; padding: 10px 0; border-radius: 50px; font-size: 20px; color: #fff; font-weight: 500; }
.homeTailor a:hover { transition: all 1s; }
@media(max-width:767px) {
.our-slogan { padding: 25px !important; }
.tailor-make .photos-left { width: 100% !important; float: none; margin-bottom: 25px; }
.tailor-make .photos-left .travel-expert { width: 200px !important; left: calc(50% - 100px) !important; top: 15px; }
.tailor-make .bg-drop img { height: 130px !important; }
.tailor-make .photos-left .travel-expert img { height: 160px; }
.tailor-make .text-right { width: 100% !important; float: none; }
.recomendedTours { padding-left: 30px; padding-right: 30px; border-radius: 10px!important; }
.rec-tour-intro { padding-top: 0 !important; margin-bottom: 50px; }
.trip-advisor { margin-left: 0; }
.tourList { float: none; width: 100%; }
.tourList .tourInfo { height:210px;}
.whyUs .whyItem { width: 100% !important; float: none !important; }
.keyNumber .numberList { width: 100% !important; float: none !important; line-height: 40px !important; margin-bottom: 50px; text-align: center; font-size: 16px; }
.keyNumber h2, .cet-review h2 { text-align: center; font-size: 20px !important; font-weight: 300; }
.cet-review { padding-right: 0 !important; }
.whoTravelwithUs img { max-width: 100%; height: auto; }
h2, .recomendedTours h2, .homeArticles h2 { font-size: 35px !important; }
/* row slider */
.row-slider { overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-transform: translateZ(0); transform: translateZ(0); display: flex; padding-top: 20px; padding-bottom: 20px; }
.row-slider .col-xs-24 { -webkit-flex: 0 0 80%; flex: 0 0 80%; }
.row.scroll-wrapper { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; margin-left: -15px; margin-right: -15px; }
 .row.scroll-wrapper > [class*="col-"] {
 flex: 0 0 auto;
 width: 80%;
 max-width: 80%;
 scroll-snap-align: start;
 padding-left: 15px;
 padding-right: 15px;
}
.home-destinations .destinationList .tourTitle { font-size: 25px; }
.tour-scroll-container { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 15px; padding: 0 15px 15px; -webkit-overflow-scrolling: touch; }
.tour-scroll-container > * { flex: 0 0 85%; scroll-snap-align: start; }
/* 调整原有样式 */
.tour-scroll-container .main-tour-list,  .tour-scroll-container .tourList { margin: 0; width: auto !important; }
.tour-scroll-container img { aspect-ratio: 397/317; height:350px;}

}