@charset "utf-8";
/* CSS Document */
.BannerPic { position: relative; margin: 0 auto 0; padding-top: 3px; display: block; height: 575px; overflow: hidden; width:100%;}
.BannerPic img { min-width: 1270px; display: block; width: 100%; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; }
.BannerPic h1 { display: block;  margin: 0; font-size: 40px;}
.BannerPic .container { position:absolute; left:calc(50% - 570px); top:0; height:100%;}
.BannerPic .container h1 { display:block; font-size:60px; line-height:575px; color:#fff; font-weight:700; text-transform: uppercase;}
.BannerPic :target:before {height: 0!important; margin-top: 0!important; }
h2 { font-size: 25px; margin: 70px 0 40px; }
/* our story */
.our-story { display:block; box-shadow:0 6px 16px rgb(0 0 0 / 12%); border-radius:10px; border:1px solid #d5d5d5; padding:0 30px 30px; margin-top:100px;}
.team-photo { display:block; position:relative; margin:0 -30px 50px;}
.team-photo img { max-width:100%; border-radius:10px 10px 0 0;}
.team-photo:after { content:''; display:block; width:100%; height:100px; background-image:linear-gradient(-180deg, rgba(0,0,0,0) 0%, black 100%); position:absolute; left:0; bottom:0;}
.team-photo h2 { display:block; position: absolute; left:30px; bottom:-15px; color:#fff; z-index:1;}
/* inquiry on right */
.inquiry-box { display: block; background:#faf9f8; box-shadow:0 6px 16px rgb(0 0 0 / 12%); border-radius:10px; border:1px solid #d5d5d5; padding:0 30px 30px; margin-top:100px; }
.inquiry-box .destination-expert { background:#2f4858; display:block; padding:30px 15px; color:#fff; margin:0 -30px; border-radius:10px 10px 0 0; overflow: hidden;}
.destination-expert .expert-profile { width:100px; display: block; float: left;}
.destination-expert .expert-profile img { max-width:100%; border-radius:50%;}
.destination-expert .plan-with { display:block; width:calc(100% - 120px); float: right; font-size:14px;}
.destination-expert .plan-with strong { display:block; margin-top:20px; font-size:20px;}
.inquiry-box .recommend-us { display:block; padding:50px 0; font-size:25px; font-weight:600;}
.inquiry-box .recommend-us em { font-style:normal; font-size:20px; font-weight:400; line-height:1.3; display:block; margin-top:15px;}
.inquiry-box a { background:#ffcc00; border-radius:50px; font-weight:700; padding:15px 30px 15px 50px; width:100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg class='st0' fill='%23333' viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline class='st2' points='61.2%2C74.3 61.2%2C18 89.1%2C46.2 '/%3E%3Crect y='41.5' class='st2' width='61.2' height='9.2'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:83% center; background-size:20px 20px; text-align:left; display:block; color:#333;}
.advantages li { font-size:18px; line-height:1.6; margin-bottom:40px; position:relative; padding-left:60px;}
.advantages li:after { content:''; display:block; width:40px; height:40px; border-radius:50%; background:#333; position:absolute; left:0; top:-6px;}
.advantages li:before { content:''; display:block; width:32px; height:32px; border-radius:50%; background:#ffcc00; z-index:1; position:absolute; left:4px; top:-2px;}
@media(max-width:767px) {
.BannerPic .container { left:0 !important; width:100% !important; height:200px !important; bottom:0; top:auto !important;}	
.BannerPic .container h1 { font-size:50px !important; line-height:70px !important;}
}