@keyframes zoomSlide {
    0%   {transform: scale(1);}         
    100% {transform: scale(1.2);}
}
@keyframes zoomSlide1 {
    0%   {transform: scale(1.2);}         
    100% {transform: scale(1);}
}
:root {--main: #6e3f19;--main-light: #945421;--main-focus:#945421;--main-dark: #3b210d;
       --second:#f38630;--second-light: #ff9a32;--second-focus: #ff9a32;--second-dark: #c06925;
       --third:#ff7f24;--text:#596277;--text-dark:#543c04;--light: #F7F7F7;}

@media only screen and (min-width:992px) {
    .col-lg-20 {flex: 0 0 auto; width: 20%;}
}
#slideshow img {width: 100%;height: calc(100vh - 78px);float: left;}
.slideshow {position:relative;height:100vh;width:100%;overflow:hidden;z-index:1;}
.slideshow img{width:100%;height:100%;position:absolute;top:0;}
.slideshow .photo{height: 100%;margin: 0;padding: 0;}
.slideshow .photo li{height: 100%;position:absolute;display:none;width:100%;top:0;left:0;}
.slideshow .photo li:nth-child(2n+1) img{transform:scale(1.2);animation:zoomSlide 10s linear}
.slideshow .photo li:nth-child(2n) img{transform:scale(1);animation:zoomSlide1 10s linear}
.slideshow .next{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom:50%;right:20px;opacity:.5}
.slideshow .prev{cursor:pointer;width:50px;height:50px;background-size:100% 100%;position:absolute;z-index: 8;bottom:50%;left:20px;opacity:.5}
.slideshow .prev:hover,.slideshow .next:hover{opacity:1;}
.slideshow .prev:before{content:"\f104";font-family:fontawesome;font-size:70px;color:#fff;}
.slideshow .next:before{content:"\f105";font-family:fontawesome;font-size:70px;color:#fff;}
.slideshow .caption{position:absolute;width:100%;height:100%;display:flex;position:relative;z-index:5;justify-content:center;align-items:center;text-align:center}
.slideshow .caption h4{font-size:36px;color:#fff;max-width:600px;font-family:rol}
.timeh{text-align:center;position:relative;margin-top:-30.4px;z-index:2;margin-bottom:30px}
.timeh p{padding:20px 30px;font-size:18px;box-shadow:0 1px 30px rgb(0 0 0 / 10%);display:inline-block;margin:0;color:#222;background:#fff;border-radius:3px}
#ShowMenu{display:none}

header{width:100%;z-index:3; background:#fff;}
.midhead .container{display:flex;align-items:center; justify-content:space-between}
.logo img{height:60px; filter: brightness(0) saturate(100%) invert(23%) sepia(30%) saturate(1492%) hue-rotate(348deg) brightness(95%) contrast(86%);}
.lang{color:#fff;font-size:14px;margin-right:0;margin-left:auto}
.lang a{display:flex;align-items:center;height:40px}
.lang span{margin-left:5px}
.lang img{height:100%}

.menu_main{display:flex;font-size:12px;color:#333;font-family:rob;text-transform:uppercase;margin:0;margin-left:60px}
.mnlic1{position:relative; padding: 0; list-style:none}
.openmn{display:none}
.mnliac1{padding: 30px 17px;padding-left:0;margin-right:10px;display:inline-block;position:relative;letter-spacing:2px;}
.mnliac1:hover{color:var(--second)}
.havesub.mnlic1 span:after{content:"\f0d7";font-family:fontawesome;font-weight:900;font-size:12px;position:relative;top:-1px;margin-left:3px}
.menusub{position:absolute;z-index:2;background:#fff;opacity:0;visibility: hidden;transition:.3s;top:50px;padding:16px 0;}
.mnlic1:hover .menusub{opacity:1;top: 62px;visibility:visible;}
.menusub li a{display:block;padding:6px 16px;min-width:200px;}
.menusub li:hover a{background: #f7f7f7;color:#EC1C24;}
.menusub li a:active{background:#EC1C24;color:#fff}
.fix-menu{position:fixed;width:100%;}
.midhead.fix-menu{background:#333; z-index:3; }
.midhead.fix-menu .menu_main{color:#fff}
.midhead.fix-menu .logo img{filter: brightness(0) saturate(100%) invert(78%) sepia(58%) saturate(5117%) hue-rotate(341deg) brightness(101%) contrast(91%);}

@media only screen and (max-width: 1023px){
#ShowMenu{display:inline-block;z-index:998;color:#333}
#ShowMenu i{font-weight:300;font-size: 16px;}
#ShowMenu.close i:before{content:"\f00d"}
#ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:"";}
.midhead .container{padding:10px}

.menu_main{position:fixed;z-index:999;padding:0;overflow:auto;top:0;background:#fff;height:100%;display:none;;right:0;width:250px;margin-left:0;color:#222}
.mnlic1{position:relative;border-bottom:1px solid #00000014}
.mnliac1{padding:15px 2%;padding-left:20px;width:calc(100% - 42.4px);}
.havesub.mnlic1 span:after,.mnliac1:after{display:none}
.openmn{display:block;font-style: normal;position:absolute;right:2%;top:0;height: 50.8px;width:42.4px;display:flex;color:#fff}
.openmn:before{content:"\f324";font-family:fontawesome;margin:auto;font-weight:500;transition:transform .3s}
.havesub.active .openmn:before{transform:rotate(90deg)}
.menusub{position:relative;padding:0;display:none;top:auto;visibility:visible;transition:none;opacity:1}
.mnlic1:hover .menusub{top: auto;}
.menusub li+li{border-top:1px solid #eee;}
.menusub li a{padding:15px 0;padding-left:6%;}

.lang{margin:0}

#slideshow{height:400px}
#slideshow img {width: 100%;height: 100%;object-fit:cover}

}

@media only screen
and (max-width :467px){
#slideshow{height:260px}
.slideshow{height:260px}
.slideshow .caption h4{font-size:20px}
.slideshow .next,.slideshow .prev{display:none}
    .lang a{height:25px}
}

footer{background:#222;color:#999}
.topfoot .container{padding:50px 0}
.logof img{height:80px}
.topfoot .text{margin-top:15px;font-size:14px;line-height:1.8;}
.iconf{margin:20px 0}
.iconf img{height:100px}
.titf{text-transform:uppercase;margin:10px 0;font-family:rob;font-size:20px;letter-spacing:2px; color:#fff}
.iff >*{padding:0.5em 0;font-size:14px;line-height:1.8}
.mxhf{display:flex;margin-top:20px}
.mxhf a{height:40px;width:40px;display:flex;justify-content:center;align-items:center;background:#3b5998;border-radius:50%;color:#fff;font-size:18px}
.mxhf a+a{margin-left:10px}
.mxhf a:nth-child(2){background:#E4405F}.mxhf a:nth-child(3){background:#25D366}.mxhf a:nth-child(4){background:#0088cc}.mxhf a:nth-child(5){}.mxhf a:nth-child(6){background:#09B83E}
.mxhf a.naver{background:#2eb300 url(/Design/blog.png) no-repeat center;background-size:18px auto}

.link-footer{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}
.link-footer .item{flex: 0 0 auto;width: 33.33333333%;padding:0 5px;margin-bottom:10px}
.link-footer .imgW{aspect-ratio: 1 / 1;border-radius:8px;overflow:hidden}


.foot{font-size:12px;padding:30px 0;border-top:1px solid #2C2C2C}
@media only screen
and (max-width :467px){
.logof{text-align:center}

}

.tithome{text-align:center;position:relative;padding-bottom:50px;margin-bottom:40px}
.tithome:before{content:"\f06c";font-family:fontawesome;position:absolute;bottom:0;left:0;right:0;margin:auto;color:var(--second);font-size:15px;width:35px;background:#fff}
.tithome:after{content:"";position:absolute;border-bottom:1px solid #e1e1e1;width:235px;bottom: 11px;left:0;right:0;margin:auto;z-index:-1}
.tithome h2{text-transform:capitalize;letter-spacing:-2px;font-size:44px;font-family:rol}
.tithome p{text-transform:uppercase;color:#999;font-family:rob;font-size:12px;letter-spacing:2px;margin-top:10px}
.titcenter{text-align:center;margin-bottom:50px;font-size:14px;font-family:rob;color:#333;letter-spacing:2px;text-transform:uppercase}
.titsame{letter-spacing:2px;text-transform:uppercase;font-size:14px;font-family:rob;line-height:1.8;border-bottom:1px solid #333;color:#333;margin-bottom:30px;display:inline-block;clear:both}
.link a{display:inline-block;text-transform:uppercase;font-size:12px;letter-spacing:2px;font-family:rob;margin-top:15px;border-bottom:1px solid #222;transition:color .2s linear;line-height:1.8}
.link a:hover{color:#000}
@media only screen
and (max-width :467px){
.tithome h2{font-size:30px}
.titcenter{margin-bottom:30px}
}

/*gthome*/
.gthome{padding:40px 0 30px}
.gthome .container{text-align:center}
.gthome .title{font-size:44px;font-family:rol; margin-bottom:30px}
.gthome p{font-size:18px;line-height:1.8;margin-bottom:30px}
.gthome .link a{margin:0;font-size:15px;background:var(--main); color:#fff; border: none; padding:10px 30px; border-radius:3px; transition:.3s}
.gthome .link a:hover{background:var(--main-light)}
@media only screen
and (max-width :992px){
.gthome{padding:0 0 20px}
.gthome .container{text-align:center}
.gthome .title{font-size:30px; margin-bottom:20px}
.gthome p{font-size:16px;margin-bottom:20px}
.gthome .link a{font-size:13px;padding:8px 20px;}
}

/*dghome*/
.dghome{padding-bottom:50px}
.dghome .row{align-items:center}
.uldg .item{display:flex}
.imgava{height:70px;width:70px;border-radius:50%}
.uldg .nd{margin-left:20px}
.uldg .nd .rating-star{color:#f09b0a; margin-top: 6px}
.uldg .nd .rating-star i{margin-right:2px}
.uldg .text{margin-top:10px}
.uldg .text *{font-size:14px;line-height:1.8; margin:0}
.imgtrip img{width:100%}
@media only screen
and (max-width :768px){
.dghome{padding-bottom:30px}
.imgtrip{text-align:center;margin-top:10px}
.imgtrip img{max-width:300px}
}

/*dvhome*/
.dvhome{}
.dvhome .container{padding:50px 0}
.uldv >*{margin-bottom:30px}
.uldv .item{box-shadow:0 1px 30px rgb(0 0 0 / 10%);text-align:center;border-radius:3px;overflow:hidden;border-bottom:3px solid #fff;transition:.3s;height: 100%;}
.uldv .item:hover{transform:translate(0px,-3px);border-color:var(--second)}
.imgdv{padding: 33%;}
.uldv .nd{padding:30px}
.uldv h3{font-size:24px;/* height:67.2px; */}
.uldv .if{margin-top:10px;font-family:rob;letter-spacing:2px;font-size:14px;}
.uldv .price{font-family:rob;color:var(--second);font-size:16px;margin:10px 0}
.uldv .btn{background:var(--main); border-color:var(--main); color:#fff; border-radius:50px; font-weight:500}
.uldv .btn:hover{opacity:0.9}
.uldv .btn:focus{box-shadow: 0 0 0 .25rem rgba(110, 63, 25, 0.5);}
@media only screen
and (max-width :467px){
.uldv >*{margin-bottom:15px}
}

/*tthome*/
.tthome{}
.tthome .container{padding:50px 0}
.imgtt{padding:33%}
.datett{margin-top:20px;color:var(--second);text-transform:uppercase;font-family:rob;letter-spacing:2px;font-size:12px}
.litt h3{font-size:20px;margin-top:5px}
.litt .link{margin-bottom:16px}
@media only screen and (max-width :467px) {
    .litt .link{margin-bottom:0}
}

/*albumHome*/
.albumHome{padding:60px 0;    background: linear-gradient(var(--main), var(--main-light));}
.albumHome .container{}
.albumHome .tithome{padding:0}
.albumHome .tithome:before, .albumHome .tithome:before{display:none}
.albumHome .tithome h2{color:#fff}
.albumHome .tithome p{color:#f3f3f3}
.albumHome .row{}
.albumHome .img{padding:40%; border-radius:5px}

/*albumHome end*/

/*tlhome*/
.tlhome a{color:#333;border-right:1px solid #0006!important}
/*tlhome*/

/*khac*/
.owldot .owl-dots{margin-top:30px;align-items:center;display:flex;justify-content: center;}
.owldot .owl-dots button{outline:0}
.owldot .owl-dots span{display: block;width: 6px;height: 6px;margin: 5px;border-radius: 50%;background:#ededed;}
.owldot .owl-dots button.active span{background:var(--second);width:10px;height:10px}
.owldot .owl-dots button:hover span{background:var(--second-light)}

.inner_page{padding:50px 0}
.boxside+.boxside{margin-top:50px}
.col_side .td{color:#333;text-transform:uppercase;letter-spacing:2px;font-family:rob;font-size:14px;margin-bottom:30px}
.ulttside li{display:flex;}
.imgside{height:70px;width:70px;margin-right:15px;border-radius:3px}
.ulttside li+li{margin-top:30px}
.ulttside li .nd{width:calc(100% - 85px)}
.ulttside li h4{font-size:14px;font-family:rob}
.ulttside li .dateside{font-size:10px;font-family:rob;text-transform:uppercase;letter-spacing:2px;color:#999;margin-top:5px}
.boxside .text{font-size:14px;color:#222;line-height:1.8}
.formdkside input{width:100%;border:1px solid #dce0e0;font-size:14px;padding:10px;color:#222;text-align:center;border-radius:3px;margin-top:10px;outline:0}
.formdkside input:focus{border-color:#EFA697}
.formdkside .btn{display:block;background:#EFA697;margin-top:10px;color:#fff;padding:10px;font-size:14px;text-transform:uppercase;font-family:rob;letter-spacing:1px}
.formdkside .btn:hover{background:#222}
@media only screen
and (max-width :467px){
.inner_page{padding:30px 0}
}

/*gtpage*/
.lkgtp{margin-top:30px}
.lkgtp .td{color:#333;font-family:rob;text-transform:uppercase;letter-spacing:2px;font-size:14px;margin-bottom:20px}
.imglk{padding: 27.7%;border-radius:3px}
.lkgtp .nd{font-size:14px;line-height:1.8;margin:10px 0}

.countabout{margin:50px 0}
.countabout p{padding-left: 100px;position:relative;}
.countabout p strong{display:block;font-size:24px;font-family:rob;letter-spacing:2px}
.countabout p strong:after{content:"+";}
.count p:before{content:"";background:url(/Design/4.png) no-repeat left;background-size:100% auto;width:58px;height:58px;position:absolute;left:0;top:0}
.count >div:nth-child(2) p:before{background-image:url(/Design/like.png)}
.count >div:nth-child(3) p:before{background-image:url(/Design/2.png)}
.count >div:nth-child(4) p:before{background-image:url(/Design/1.png)}

/*photopage*/
.ulalbum >*{margin-bottom:30px}
.imghagt{padding:50%;border-radius:3px}
@media only screen
and (max-width :467px){
.ulalbum >*{margin-bottom:0}
}

/*ddvpage*/
.topdvp{text-align:center}
.titdv{font-size:34px;text-transform:capitalize}
.topdvp .if{font-size:20px;letter-spacing:2px;font-family:rob}
.topdvp .price{font-size:20px;font-family:rob;color:var(--second)}
.topdvp .btn{font-size:20px;padding:8px 20px;background:var(--main); border-color:var(--main); color:#fff; border-radius:50px; font-weight:600; margin-top:15px; text-transform:uppercase}
.topdvp .btn:hover{opacity:0.9}
.topdvp .btn:focus{box-shadow: 0 0 0 .25rem rgba(110, 63, 25, 0.5);}
.detaildv{margin-top:50px}
.giadvp .contain{margin-top:50px;padding:40px;box-shadow:0 22px 40px rgb(0 0 0 / 15%);border-radius:3px}
.ulgia{display:flex;flex-wrap: wrap;}
.ulgia .item{flex: 48%;padding:15px 0;border-bottom:1px dashed #e1e1e1}
.ulgia .item:nth-child(2n+2){margin:auto;margin-left:4%}
.ulgia .item h3{font-size:16px;float:left;color:#666}
.ulgia .item h3:hover{color:#000}
.ulgia .item .price{float:right;font-family:rob;color:#EFA697;letter-spacing:-1px}
.ulgia .item .if{float:left;clear:both;font-size:14px;font-family:rob;letter-spacing:2px}
@media only screen
and (max-width :768px){
.titdv{font-size:30px}
.giadvp .contain{padding:30px}
.ulgia .item{flex:100%}
.ulgia .item:nth-child(2n+2){margin:0}
.topdvp .btn{font-size:16px; padding:.375rem .75rem; text-transform:none}
}

.ulttp >*{margin-bottom:30px}

/*bvpage*/
.datebv{color:#EFA697;font-size:12px;font-family:rob;text-transform:uppercase;letter-spacing:2px}
.titpost{font-size:34px;letter-spacing:-1px;line-height:1.5em;margin:10px 0 30px}
.ulbvp >*{margin-bottom:30px}
@media only screen
and (max-width :768px){
.titpost{font-size:30px}
}