.banner{position: relative; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner-title{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; margin: auto; align-items: center; justify-content: center;}
.banner-title-inner{font-size: 40px; text-transform: uppercase; letter-spacing: 2px; color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}.menu{}
.menu{font-size: 0; text-align: center;}
.menu ul{list-style: none; }
.menu ul li{display: inline-block;}
.menu ul li a{display: block; text-transform: uppercase; letter-spacing: 2px; color: #fff; transition: all 0.25s ease 0s;}
.menu > ul > li > a{font-size: 12px; line-height: 40px;}
.menu > ul > li > ul{position: absolute; top: 100%; right: 0; left: 0; margin: auto; background: rgba(0,0,0,0.5); border-top: 1px solid #d7d7d7; opacity: 0; visibility: hidden; pointer-events: none; transition: all 0.5s ease 0s;}
.menu > ul > li:hover > ul, .menu > ul > li.active > ul{opacity: 1; visibility: visible; pointer-events: auto;}
.menu > ul > li.active-2 > ul{opacity: 1; visibility: visible; pointer-events: auto;}
.menu > ul > li > ul > li > a{position: relative; font-size: 11px; line-height: 40px;}
.menu > ul > li > ul > li.active > a:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; display: block; width: 15px; height: 1px; margin: auto; background: #fff;}
/*.header-wrap-2 .menu > ul > li > a{color: #333;}*/
.header-wrap-2 .menu > ul > li > a{color: #333;}
.nav{position: fixed; top: 0; left: 0; height: 100vh; background: #d7d7d7; overflow-y: auto; opacity: 0; z-index: 99992; transition: all 0.5s ease 0s;}
.nav-2{opacity: 1;}
.nav ul{}
.nav ul li{}
.nav ul li a{display: block; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; color: #555; cursor: pointer;}
.nav ul li a.nav-button{border-bottom: 1px solid #c7c7c7;}
.nav ul li a.nav-button span{display: inline-block; padding: 0 40px 0 0; background: url(/components/1menu/left.png) no-repeat center right 3px; border-bottom: 1px solid #999;}
.nav ul li a.nav-toggle{position: relative;}
.nav ul li a.nav-toggle:after{content: ''; position: absolute; top: 0; right: 40px; bottom: 0; width: 20px; height: 20px; margin: auto; background: url(/components/1menu/right.png) no-repeat center; transition: all 0.25s ease 0s;}
.nav ul li a.nav-toggle-2:after{transform: rotate(90deg);}
.nav ul li ul{display: none; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;}
.nav ul li ul li a{text-indent: 20px;}
@media (min-width: 320px){
    .menu{display: none;}
    .nav{left: -100vw; width: 100vw;}
    .nav-2{left: 0;}
    .nav ul li a{padding: 20px;}
}
@media (min-width: 768px){
    .menu{display: block;}
    .menu ul li a{padding: 0 15px;}
    .nav{left: -384px; width: 384px;}
    .nav-2{left: 0;}
    .nav ul li a{padding: 30px;}
}
@media (min-width: 970px){
    .menu ul li a{padding: 0 20px;}
}
@media (min-width: 1170px){
    .menu ul li a{padding: 0 25px;}
}/*.slide{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}*/
.slide .owl-nav{}
.slide .owl-nav button{position: absolute; top: calc((100vh - 50px)/2); width: 26px; height: 50px; margin: auto; outline: none;}
.slide .owl-nav button.owl-prev{left: 25px; background: url(/components/1slide/left.png);}
.slide .owl-nav button.owl-next{right: 25px; background: url(/components/1slide/right.png);}
.slide-item{background-repeat: no-repeat; background-position: center; background-size: cover;}
.slide-item a{display: block;}
.slide-item a img{opacity: 0;}
@media (min-width: 320px){
    .slide .owl-nav{display: none;}
    .slide-item{height: 50vh;}
}
@media (min-width: 768px){
    .slide .owl-nav{display: block;}
    .slide-item{height: 75vh;}
}
@media (min-width: 970px){
    .slide-item{height: 100vh;}
}.check{position: absolute; right: 0; left: 0; margin: auto; box-shadow: 0 0 5px 2px rgba(0,0,0,0.25); z-index: 1;}
.check-form{padding: 15px; background: #fff;}
.check-item{float: left; }
.check-item span{display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 40px; letter-spacing: 1px; color: #d3ac62;}
.check-item input[type="text"]{border: 0; text-indent: 27px;}
.check-item input[type="submit"]{}
.check-date{position: relative;}
.check-date:before{content: ""; position: absolute; top: 12px; left: 0; width: 1px; height: 15px; background: #d7d7d7;}
.check-date:after{content: "\f073"; position: absolute; top: 6px; left: 9px; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 400; color: #d3ac62;}
@media (min-width:320px){
    .check{bottom: 15px; max-width: calc(100% - 30px);}
    .check-item{width: 100%;}
    .check-date{width: 50%;}
}
@media (min-width:480px){

}
@media (min-width:768px){
    .check-item{width: 25%;}
}
@media (min-width:970px){
    .check{bottom: -35px; max-width: none;}
}.elegant{padding: 50px 0;}
.elegant-title{margin-bottom: 30px; text-align: center;}
.elegant-title span{display: block;}
.elegant-title span:nth-child(1){margin-bottom: -5px; font-size: 20px; letter-spacing: 1px;}
.elegant-title span:nth-child(2){font-size: 30px; text-transform: uppercase;}
.elegant-list{margin-bottom: 20px;}
.elegant-item{position: relative;}
.elegant-info{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;}
.elegant-info div{max-width: 55%; padding: 15px 25px; background: rgba(0,0,0,0.5); text-align: center;}
.elegant-info span{font-size: 16px; font-weight: 500; text-transform: uppercase; color: #fff;}
.elegant-info p{margin-top: 5px; text-align: justify; color: #fff;}
.elegant-info a{display: block; width: 100px; margin: 15px auto 0; font-size: 12px; text-transform: uppercase; background: #d3ac62; line-height: 40px; letter-spacing: 2px; color: #fff; transition: all 0.25s ease 0s;}
.elegant-info a:hover{background: #fff; color: #333;}
.elegant-sup{list-style: none; max-width: 580px; margin: auto; padding: 15px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.elegant-sup li{float: left; width: calc(100%/3);}
.elegant-sup li img{width: 35px; margin: auto;}
.elegant-sup li span{display: block; text-align: center;}
.elegant .owl-nav button{position: absolute; top: 0; bottom: 0; width: 30px; height: 50px; margin: auto; outline: none; transition: all 0.25s ease 0s;}
.elegant .owl-nav button.owl-prev{background: #d3ac62 url(/components/2elegant/left.png) no-repeat center; background-size: 50%;}
.elegant .owl-nav button.owl-next{background: #d3ac62 url(/components/2elegant/right.png) no-repeat center; background-size: 50%;}
@media (min-width:320px){
    .elegant-info p{display: none;}
    .elegant .owl-nav button.owl-prev{left: 10px;}
    .elegant .owl-nav button.owl-next{right: 10px;}
}
@media (min-width:768px){
    .elegant .owl-item{transition: all 0.25s ease 0s;}
    .elegant .owl-item:not(.center){opacity: 0.5;}
    .elegant .owl-nav button.owl-prev{left: calc(25% - 48px);}
    .elegant .owl-nav button.owl-next{right: calc(25% - 48px);}
}
@media (min-width:970px){
    .elegant-info p{display: block;}
}.tour{padding: 70px 0 50px; background: #f2f2f2;}
.tour{padding-bottom: 20px; background: #f2f2f2;}
.tour-img{position: relative; z-index: 1;}
.tour-info{box-sizing: border-box; position: relative; max-width: calc(100% - 30px); margin: -50px auto 0; padding: 15px; background: #fff; z-index: 2;}
.tour-title{padding-top: 50px; font-size: 30px; text-transform: uppercase; text-align: center;}
.tour-text{max-width: 768px; margin: 0 auto 50px; text-align: center; color: #777;}
.tour-item{position: relative; margin-bottom: 30px;}
.tour-name{margin-bottom: 15px;}
.tour-name a{display: block; font-size: 16px; font-weight: 500; text-transform: uppercase; text-align: center; color: #333;}
.tour-prev{height: 22px; overflow: hidden;}
.tour-price{margin-bottom: 15px;}
.tour-price b{font-size: 18px; font-weight: bold; color: #d3ac62;}
.tour-more{font-size: 12px; text-transform: uppercase; text-align: center; line-height: 38px; letter-spacing: 2px;}
.tour-more a{display: block; border: 1px solid #d7d7d7; color: #333; transition: all 0.25s ease 0s;}
.tour-more a:hover{background: #d3ac62; border: 1px solid #d3ac62; color: #fff;}
.tour .owl-nav{display: block; width: 100px; height: 30px; margin: 30px auto 0;}
.tour .owl-nav button{width: 50px; height: 30px; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: auto 60%;}
.tour .owl-nav button.owl-prev{background-image: url(/components/2tour/left.png);}
.tour .owl-nav button.owl-next{background-image: url(/components/2tour/right.png);}
.tour .owl-nav button.owl-prev:hover{background-color: #d3ac62; background-image: url(/components/2tour/leftw.png);}
.tour .owl-nav button.owl-next:hover{background-color: #d3ac62; background-image: url(/components/2tour/rightw.png);}
@media (min-width:480px){
    .tour-item{float:left; width: calc((100% - 10px)/2); margin-right: 10px;}
    .tour-item:nth-child(2n){margin-right: 0;}
    .tour-name{height: 50px; overflow: hidden;}
    .tour .owl-nav{display: block;}
}
@media (min-width:768px){
    .tour-name{height: 25px;}
    .tour .owl-nav{display: block;}
}
@media (min-width:970px){
    .tour-item{width: calc((100% - 60px)/3); margin-right: 30px;}
    .tour-item:nth-child(2n){margin-right: 30px;}
    .tour-item:nth-child(3n){margin-right: 0;}
}.welcome{padding: 70px 0 50px; background: #f2f2f2;}
.welcome-title{margin-bottom: 30px; text-align: center;}
.welcome-title span{display: block;}
.welcome-title span:nth-child(1){font-size: 20px; letter-spacing: 1px;}
.welcome-title span:nth-child(2){text-transform: uppercase;}
.welcome-wrap, .welcome-wrap *{position: relative;}
.welcome-wrap:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; background: #fff; border: 10px solid #d7d7d7;}
.welcome-content{margin-bottom: 15px; text-align: justify;}
.welcome-contact{font-size: 12px; text-transform: uppercase; text-align: center; line-height: 38px; letter-spacing: 2px;}
.welcome-contact a{display: block; width: 125px; border: 1px solid #d7d7d7; color: #333; transition: all 0.25s ease 0s;}
.welcome-contact:hover a{background: #d3ac62; border: 1px solid #d3ac62; color: #fff;}
@media (min-width:320px){
    .welcome-wrap{padding: 20px;}
    .welcome-wrap:before{width: calc(100% - 20px);}
    .welcome-picture{margin-bottom: 30px;}
    .welcome-title span:nth-child(2){font-size: 28px; line-height: 1.2;}
}
@media (min-width:360px){
    .welcome-title span:nth-child(2){font-size: 30px;}
}
@media (min-width:480px){
    .welcome-wrap{padding: 50px;}
}
@media (min-width:580px){
    .welcome-title span:nth-child(1){margin-bottom: -5px;}
    .welcome-title span:nth-child(2){line-height: 1.6;}
}
@media (min-width:970px){
    .welcome-wrap{position: relative; padding: 50px 0;}
    .welcome-wrap:before{width: calc(100% - 50px);}
    .welcome-picture{float: left; width: calc(100% - 420px); margin-bottom: 0;}
    .welcome-right{float: right; width: 350px; padding-right: 40px;}
}.book-title{font-size: 25px; margin-bottom: 20px;}
.book-rooms{margin-bottom: 30px;}
.book-rooms label{display: block; cursor: pointer;}
.book-rooms label input{display: none;}
.book-rooms-item{position: relative; margin-bottom: 10px;}
.book-rooms-item p{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; padding: 15px; background: rgba(0,0,0,0.75); text-align: center;}
.book-rooms-item p span{display: block; text-transform: uppercase; font-size: 16px; color: #fff;}
.book-rooms-item p a{color: #fff;}
.book-rooms-item p a:hover{text-decoration: underline;}
.book-rooms-button{position: relative; box-sizing: border-box; width: 55px; height: 55px; margin: auto; background: url(/components/booking/check.png) no-repeat top 10px left 7px; background-size: 40px; border: 1px solid #d7d7d7; transition: all 0.5s ease 0s;}
.book-rooms-button:before{content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 0; height: 100%; background: url(/components/booking/checked.png) no-repeat top 10px left 7px; background-size: 40px; transition: all 0.5s ease 0s;}
.book-rooms label input:checked ~ .book-rooms-button:before{width: 100%; opacity: 1;}
.book-rooms label input:checked ~ .book-rooms-button{border: 1px solid #d3ac62;}
.book-rooms .owl-nav{position: absolute; top: -50px; right: 0; width: 80px; height: 25px;}
.book-rooms .owl-nav button{width: 40px; height: 25px; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: auto 60%;}
.book-rooms .owl-nav button.owl-prev{background-image: url(/components/booking/left.png);}
.book-rooms .owl-nav button.owl-next{background-image: url(/components/booking/right.png);}
.book-rooms .owl-nav button.owl-prev:hover{background-color: #d3ac62; background-image: url(/components/booking/leftw.png);}
.book-rooms .owl-nav button.owl-next:hover{background-color: #d3ac62; background-image: url(/components/booking/rightw.png);}
.book-rooms .owl-nav button.disabled{filter: grayscale(100%); cursor: no-drop;}
.book-info .form-item{float: left;}
.book-info .form-item:nth-child(2){width: calc(50% - 5px);}
.book-info .form-item:nth-child(3){width: calc(50% - 5px); margin-left: 10px;}
.book-guest .form-item{float: left;}
.book-guest .form-item:nth-child(2){width: 60px; margin-right: 10px;}
.book-guest .form-item:nth-child(3){width: calc(100% - 70px);}
.book-guest .form-item:nth-child(4){width: calc(50% - 5px); margin-right: 10px;}
.book-guest .form-item:nth-child(5){width: calc(50% - 5px);}
.book-guest .form-item:nth-child(7),
.book-guest .form-item:nth-child(8){float: none;}
@media (min-width:320px){
    .book{padding: 50px 0 40px;}
    .book-info .form-item:nth-child(4),
    .book-info .form-item:nth-child(5){width: calc(50% - 5px);}
    .book-info .form-item:nth-child(6){width: 100%;}
    .book-guest .form-item:nth-child(8){width: 150px; margin: auto;}
}
@media (min-width:410px){
    .book-info .form-item:nth-child(4),
    .book-info .form-item:nth-child(5),
    .book-info .form-item:nth-child(6),
    .book-info .form-item:nth-child(7){width: calc((100% - 30px)/4); margin-right: 10px;}
    .book-info .form-item:nth-child(7){margin-right: 0;}
    /*.book-info .form-item:nth-child(6){width: calc(50% - 5px); margin-left: 10px;}*/
}
@media (min-width:768px){
    .book-rooms{float: left; width: calc(100%/2);}
    .book-info{float: right; width: calc((100%/2) - 30px); padding-top: 60px;}
    .book-guest{float: right; width: 100%;}
    .book-info-2, .book-guest-2{float: none; width: 100%; padding: 0;}
}
@media (min-width:970px){
    .book{padding: 8vh 0 40px;}
    .book-rooms{width: calc(100%/3);}
    .book-info, .book-guest{width: calc((100%/3)*2 - 30px);}
    .book-info-2, .book-guest-2{width: 100%;}
    .book-guest .form-item:nth-child(8){margin: 0;}
}.contact{max-width: 970px; margin: auto;}
.contact-left p{margin-bottom: 20px; font-size: 20px; text-transform: uppercase;}
.contact-left ul{padding-left: 10px; list-style: none;}
.contact-left ul li{margin-bottom: 3px;}
.contact-left ul li:last-child{margin-bottom: 0;}
@media (min-width: 320px){
    .contact{padding: 50px 0;}
}
@media (min-width: 767px){
    .contact-left{float: left; width: calc(50% - 15px);}
    .contact-right{float: right; width: calc(50% - 15px);}
}
@media (min-width: 970px){
    .contact{padding: 8vh 0 50px;}
}.news-item{margin-bottom: 30px; background-color: #fff; background-repeat: no-repeat; background-position: top left; box-shadow: 0 0 5px 1px rgba(0,0,0,0.0625); transition: all 0.25s ease 0s;}
.news-item:hover{transform: translateY(-1px); box-shadow: 0 0 5px 2px rgba(0,0,0,0.25);}
.news-img img{width: 100%;}
.news-info{box-sizing: border-box; padding: 30px;}
.news-time{margin-bottom: 15px; font-size: 18px; color: #555;}
.news-name{margin-bottom: 25px;}
.news-name a{display: block; font-size: 22px; color: #333;}
.news-name a:hover{text-decoration: underline;}
.news-prev{color: #555;}
@media (min-width:320px){
    .news-item{background-size: 0;}
    .news-img{margin: 0 0 10px;}
}
@media (min-width:480px){
    .news-item{background-size: 200px 100%;}
    .news-img{float: left; width: 200px; margin: 0; opacity: 0;}
    .news-info{float: right; width: calc(100% - 200px);}
    .news-prev{display: none;}
}
@media (min-width:767px){
    .news-item{background-size: 300px 100%;}
    .news-img{width: 300px;}
    .news-info{width: calc(100% - 300px);}
    .news-prev{display: block;}
}.rooms-title{margin-bottom: 30px; font-size: 30px; text-transform: uppercase; text-align: center;}
.rooms-title h1{font-size: 100%; font-weight: normal;}
.rooms-title-2{text-transform: none; text-align: left;}
.rooms-slide .owl-nav{position: absolute; bottom: 0; right: 0; width: 100px; height: 30px;}
.rooms-slide .owl-nav button{width: 50px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: auto 40%;}
.rooms-slide .owl-nav button.owl-prev{background-color: #fff; background-image: url(/components/rooms.detail/left.png);}
.rooms-slide .owl-nav button.owl-next{background-color: #fff; background-image: url(/components/rooms.detail/right.png);}
.rooms-slide .owl-nav button.owl-prev:hover{background-color: #d3ac62; background-image: url(/components/rooms.detail/leftw.png);}
.rooms-slide .owl-nav button.owl-next:hover{background-color: #d3ac62; background-image: url(/components/rooms.detail/rightw.png);}
.rooms-slide .owl-nav button.disabled{filter: grayscale(100%); cursor: no-drop;}
.rooms-slide-2 .owl-nav{top: -69px; bottom: initial;}
.rooms-slide-2 .owl-nav button{background-size: auto 60%;}
.rooms-slide .owl-dots{position: absolute; right: 0; bottom: 50px; left: 0; height: 10px; text-align: center;}
.rooms-slide .owl-dots button{width: 10px; height: 10px; margin: 0 5px; background: #fff; border-radius: 50%; vertical-align: top;}
.rooms-slide .owl-dots button.active{background: #d3ac62;}
.rooms-string{list-style: none; margin-bottom: 20px;}
.rooms-string li{margin-bottom: 5px;}
.rooms-string li:last-child{margin-bottom: 0;}
.rooms-string li i{margin-right: 3px; color: #777;}
.rooms-button{width: 150px; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 40px; letter-spacing: 2px;}
.rooms-button a{display: block; background: #d3ac62; border: 1px solid #d3ac62;  color: #fff;}
.rooms-button a:hover{background: #fff; color: #d3ac62;}
.rooms-support{list-style: none; padding: 50px 0; font-size: 0; text-align: center;}
.rooms-support li{position: relative; display: inline-block; padding: 0 15px; font-size: 0;}
.rooms-support li img{display: inline-block; width: 30px; margin-right: 10px;}
.rooms-support li span{display: inline-block; font-size: 14px; line-height: 30px; vertical-align: top;}
@media (min-width:320px){
    .rooms-title{padding-top: 50px;}
    .rooms-slide .owl-dots{display: none;}
    .rooms-support{padding-top: 40px;}
    .rooms-support li{padding-top: 10px;}
}
@media (min-width:970px){
    .rooms-title{padding-top: 8vh;}
    .rooms-title-2{padding-top: 50px;}
    .rooms-slide .owl-dots{display: block;}
    .rooms-support{padding-top: 50px;}
    .rooms-support li{padding-top: 0;}
    .rooms-support li:after{content: ''; position: absolute; top: 7.5px; right: -0.5px; width: 1px; height: 15px; background: #d7d7d7;}
    .rooms-support li:last-child:after{display: none;}
}.rooms-text{max-width: 768px; margin: 0 auto 50px; text-align: center; color: #777;}
.rooms-item{ margin-bottom: 50px;}
.rooms-img{margin-bottom: 30px; overflow: hidden;}
.rooms-img img{width: 100%; transform: scale(1); transition: all 0.25s ease 0s;}
.rooms-img:hover img{transform: scale(1.05);}
.rooms-name{margin-bottom: 20px;}
.rooms-name a{display: block; font-size: 16px; text-transform: uppercase; text-align: center; letter-spacing: 3px; color: #333;}
.rooms-prev{margin-bottom: 20px;  font-size: 13px; text-align: center; color: #777;}
.rooms-more{font-size: 12px; text-transform: uppercase; text-align: center; line-height: 35px; letter-spacing: 2px;}
.rooms-more a{display: block; width: 100px; margin: auto; border: 1px solid #d3ac62; color: #d3ac62; transition: all 0.25s ease 0s;}
.rooms-more a:hover{background: #d3ac62; color: #fff;}
@media (min-width:320px){
    .rooms-text{padding-top: 50px;}
}
@media (min-width:480px){
    .rooms-prev{padding: 0 30px;}
}
@media (min-width:768px){
    .rooms-item{float: left; width: calc((100% - 30px)/2);}
    .rooms-item:nth-child(odd){margin-right: 30px;}
    .rooms-prev{min-height: 120px;}
}
@media (min-width:970px){
    .rooms-text{padding-top: 8vh;}
}.services1{margin-bottom: 50px;}
.services-title{margin-bottom: 15px; font-size: 20px; font-weight: bold;}
.services-title span{text-transform: uppercase;}
.services-prev{padding-top: 50px;}
.table{display: table; width: 100%; border-collapse: collapse; box-sizing: border-box;}
.table-body{display: table-row-group; line-height: 22px; text-align: center; box-sizing: border-box;}
.table-row{display: table-row;}
.table-row:nth-of-type(odd){background: #f2f2f2;}
.table-row.table-head{font-weight: bold; border-bottom: 3px solid #d7d7d7;}
.table-cell{border: 1px solid #d7d7d7; display: table-cell; padding: 10px; vertical-align: middle; box-sizing: border-box;}.tour-detail{margin-bottom: 50px;}
.tour-detail p{margin-bottom: 20px;}
.tour-detail p i{margin-right: 5px; font-size: 18px; color: #d3ac62;}
.tour-detail-title{margin-bottom: 20px; font-size: 30px; font-weight: normal; text-transform: uppercase;}
.tour-detail-title-2{text-transform: none;}
.tour-detail-price{padding: 20px 0; background: #d3ac62; text-align: center; color: #fff;}
.tour-detail-price span{display: block; font-size: 22px; font-weight: 500;}
.tour-photos{margin-bottom: 50px;}
.tour-photos .owl-nav{position: absolute; bottom: 70px; right: 0; width: 100px; height: 30px;}
.tour-photos .owl-nav button{width: 50px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: auto 40%;}
.tour-photos .owl-nav button.owl-prev{background-color: #fff; background-image: url(/components/tour.detail/left.png);}
.tour-photos .owl-nav button.owl-next{background-color: #fff; background-image: url(/components/tour.detail/right.png);}
.tour-photos .owl-nav button.owl-prev:hover{background-color: #d3ac62; background-image: url(/components/tour.detail/leftw.png);}
.tour-photos .owl-nav button.owl-next:hover{background-color: #d3ac62; background-image: url(/components/tour.detail/rightw.png);}
.tour-photos .owl-nav button.disabled{filter: grayscale(100%); cursor: no-drop;}
.tour-photos .owl-dots{position: absolute; right: 0; bottom: 30px; left: 0; height: 10px; text-align: center;}
.tour-photos .owl-dots button{width: 10px; height: 10px; margin: 0 5px; background: #fff; border-radius: 50%; vertical-align: top;}
.tour-photos .owl-dots button.active{background: #d3ac62;}
.tour-form{margin-bottom: 30px; padding: 20px; background: #f2f2f2;}
.tour-form-item-1 .form-item:nth-child(1){float: left; width: 60px;}
.tour-form-item-1 .form-item:nth-child(2){float: right; width: calc(100% - 70px);}
.tour-form-item-2 .form-item{float: left; width: calc(50% - 5px);}
.tour-form-item-2 .form-item:nth-child(2){float: right;}
.tour-why{list-style: none; margin-bottom: 30px; padding: 20px; background: #f2f2f2; border-radius: 10px;}
.tour-why li{margin-bottom: 10px;}
.tour-why li:last-child{margin-bottom: 0;}
.tour-why li i{margin-right: 10px; font-size: 18px; color: #d3ac62;}
.tour-call{background: url(/components/tour.detail/bg.jpg) no-repeat center; background-size: cover; border-radius: 0; color: #fff; text-shadow: 1px 1px 1px rgb(0 0 0 / 25%);}
.tour-call li i{font-size: 22px; color: #fff;}
.tour-call li a{color: #fff;}
.tour-call li a b{font-size: 16px;}
@media (min-width: 320px){    
    .tour-left{padding-top: 50px;}
    .tour-right{margin-bottom: 20px;}
    .rooms-photos .owl-dots{display: none;}
}
@media (min-width: 970px){
    .tour-left{float: left; width: 625px; padding-top: 8vh;}
    .tour-right{float: right; width: 315px; margin-bottom: 0;}
    .rooms-photos .owl-dots{display: block;}
}   
@media (min-width: 1170px){
    .tour-left{width: 750px;}
    .tour-right{width: 390px;}
}.sp-item{float: left; margin-bottom: 25px;}
.sp-wrap{text-align: center; border: 1px solid #dcdcdc; box-shadow: 0 0 1px rgba(0,0,0,0.25);}
.sp-img{position: relative; margin-bottom: 10px;}
.sp-img img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100%;}
.sp-name{height: 23px; overflow: hidden; margin-bottom: 5px;}
.sp-name a{color: #004dfc;}
.sp-price{color: #ff0000; margin-bottom: 10px;}
.sp-more{font-size: 13px; line-height: 25px;}
.sp-more a{display: inline-block; width: 135px; height: 25px; color: #756e6e; border: 1px solid #dcdcdc; border-radius: 13px; transition: all 0.25s ease 0s;}
.sp-more a:hover{background: #dcdcdc; color: #004dfc;}
.sp-list .owl-nav{position: absolute; top: -40px; right: 0; width: 55px;}
.sp-list .owl-nav div.owl-prev{float: left;}
.sp-list .owl-nav div.owl-next{float: right;}
.sp-list .owl-nav div i{width: 23px; border: 1px solid transparent; text-align: center; line-height: 23px; color: #777; transition: all 0.25s ease 0s;}
.sp-list .owl-nav div i:hover{border: 1px solid #dd3333; color: #dd3333}
@media (min-width:320px){
    .sp-wrap{font-size: 15px; padding: 5px;}
    .sp-item{width: calc((100% - 10px) / 2); margin-right: 10px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:360px){

}
@media (min-width:410px){
    .sp-wrap{font-size: 17px; padding: 15px;}
}
@media (min-width:480px){
    .sp-item{width: calc((100% - 30px) / 2); margin-right: 30px;}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .sp-item{width: calc((100% - 10px) / 3); margin-right: 05px;}
    .sp-item:nth-child(2n){margin-right: 05px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:768px){
    .sp-item{width: calc((100% - 50px) / 3); margin-right: 25px;}
    .sp-item:nth-child(2n){margin-right: 25px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){
    .sp-item{width: calc((100% - 60px) / 4); margin-right: 20px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n){margin-right: 20px;}
    .sp-item:nth-child(4n){margin-right: 0;}
}
@media (min-width:1170px){
    .sp-item{width: calc((100% - 60px) / 5); margin-right: 15px;}
    .sp-item:nth-child(2n),
    .sp-item:nth-child(3n),
    .sp-item:nth-child(4n){margin-right: 15px;}
    .sp-item:nth-child(5n){margin-right: 0;}
}