@font-face{font-family:'SFU Futura';src:url(font/SFUFuturaRegular.TTF) format("truetype");font-weight:400}
@font-face{font-family:'SFU Futura';src:url(font/SFUFuturaHeavy.TTF) format("truetype");font-weight:700}

/*reset css*/
:root {--main: #A71C21;--main-light: #cd2228;--main-dark: #741316;
       --second:#FFC830;--second-light: #ffd530;--second-dark: #cca026;
       --third:#ff974f;
       --text:#7a7a7a;--text-dark:#543c04;--light: #F7F7F7;--border:#CFCFCF;--red:#ed1c24}
body{background: #fff;font-family: 'SFU Futura', serif;color:#333;line-height: 1.4;background: linear-gradient(rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), url('../Design/bg-main.png');}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:Aleo;line-height:1.4}

.text-main{color:var(--main)}
.text-second{color:var(--second) !important}
.text{color: #d7d7d7;}
a{color:inherit;text-decoration:none;}
a:hover{text-decoration:none;color:inherit;}
thead, tbody, tfoot, tr, td, th{border-width:1px;}
td{padding:5px}

.mtop10{margin-top:10px !important;}.mtop20{margin-top:20px !important;}.mtop30{margin-top:30px !important;}.mtop40{margin-top:40px !important;}.mtop50{margin-top:50px !important;}

.bg-main-dark{background-color: var(--main-dark) !important;}
.bg-primary{background-color: var(--main) !important;}
.bg-primary-dark{background-color: var(--main-dark) !important;}
.border-bottom{border-bottom:1px solid var(--border) !important}

.line1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line5{display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line6{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line7{display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/*reset css*/

/*layout*/
.boxes+.boxes{margin-top:50px;}
.boxes .contain{margin-top:20px}
@media only screen
and (max-width :575.98px){
    .boxes .contain{margin-top:15px;}
    .boxes+.boxes{margin-top:25px}
}
/*layout end*/

/*margin padding*/
.py-6 {padding-top: 4rem;padding-bottom: 4rem;}
.my-6 {margin-top: 4rem;margin-bottom: 4rem;}
@media (min-width: 768px){
  .py-md-6 {padding-top: 4rem !important;padding-bottom: 4rem !important;}
  .my-md-6 {margin-top: 4rem !important;margin-bottom: 4rem !important;}
  .pt-md-6 {padding-top: 4rem !important}
}
@media (min-width: 992px){
  .mt-lg-6 {margin-top: 4rem !important}
  .pb-lg-6 {padding-bottom: 4rem !important}
  .pt-lg-6 {padding-top: 4rem !important}
  .py-lg-6 {padding-top: 4rem !important;padding-bottom: 4rem !important;}
}
/*margin padding end*/

/*Custom btn*/
.btn-square {width: 38px;height: 38px;}
.btn-square, .btn-sm-square, .btn-lg-square{padding: 0;display: flex;align-items: center;justify-content: center;font-weight: normal;}
.bg-light{background: #f7f7f7 !important;position: relative;}
.bg-second{background:var(--second)}
.btn-dark{color: #fff;background-color: #212529;border-color: #212529;}
.btn-dark:hover{color: #fff;background-color: #1c1f23;border-color: #1a1e21;}
.btn-outline-light:hover{color: var(--main);}
.btn-outline-primary{color: var(--main);border-color: var(--main);color:#fff}
.btn-outline-primary:hover{background-color: var(--main);border-color: var(--main);}
.btn-outline-primary:active:focus,.btn-outline-primary:active,.btn-outline-primary:focus{box-shadow: 0 0 0 .25rem var(--main-focus);}
.btn-outline-secondary{color: var(--second);border-color: var(--second);}
.btn-outline-secondary:hover{background-color: var(--second);border-color: var(--second);}
.btn-outline-secondary:active:focus,.btn-outline-secondary:active,.btn-outline-secondary:focus{box-shadow: 0 0 0 .25rem var(--second-focus);}
.btn-primary{background-color:var(--main);border-color:var(--main);}
.btn-primary:hover{background-color:var(--main-light);border-color:var(--main-light);}
.btn-primary:active:focus,.btn-primary:active,.btn-primary:focus{box-shadow: 0 0 0 .25rem var(--main-focus);}
.btn-secondary{background-color:var(--second);border-color:var(--second);color:var(--main);font-weight:600}
.btn-secondary:hover{background-color:var(--second-light);border-color:var(--second-light);color:var(--main)}
.btn-secondary:active:focus,.btn-secondary:active,.btn-secondary:focus{box-shadow: 0 0 0 .25rem var(--second-focus);}
/*Custom btn end*/

/*form-control*/
.form-control{}
.form-control:focus{border-color:var(--main);box-shadow:none}
/*form-control end*/

/*bread_crumb*/
.bncat{background: #232C3B;color:#fff;text-align:center;padding: 90px 0 40px;}
.bncat .h2{text-transform: capitalize;color: #fff;font-weight: 800;margin-bottom: 0;}

.bread_crumb{font-size:16px;padding: 8px 0;background: var(--bs-light);}
.breadcrumb{margin-bottom:0}
.breadcrumb-item.active{color:#777777}
.breadcrumb-item+.breadcrumb-item::before{color:#777777}

@media (max-width: 575.98px){
    .breadcrumb h2{display:none}
    
    .bncat h2{font-size:18px}
    .bread_crumb{font-size:14px}
}
/*bread_crumb end*/

/*info*/
.info{font-size: 14px;overflow:hidden;display: flex;}
.info li{padding-right:20px}
.info > span{padding-right:20px;margin-bottom:5px}
.info > span+span{}
.info .date:before{content:"\f073";font-family:fontawesome;display:inline-block;margin-right:6px;}
.info .views:before{content:"\f06e";font-family:fontawesome;display:inline-block;margin-right:6px;}
.ifbv{display:flex;flex-flow: wrap;}
.ifbv >*{padding-right:20px}

@media only screen
and (max-width :575.98px){
    .ifbv{flex-flow: wrap;row-gap: 5px;}
    .info .fb-like{padding-left:0;} 
}
/*info end*/

/*custom title*/
.tithome{text-align:center;text-transform: capitalize;margin: auto;margin-bottom: 30px;font-size: 2.25rem;font-weight: 700;color: var(--main);position:relative}
.tithomeb{position: relative;}
.tithomeb:before{content:"";position:absolute;border-bottom: 1px solid var(--second);width: 40px;left: 0;right: 0;margin: auto;bottom: 0;}
.titpage{font-weight: 500;text-transform: uppercase;text-align: center;position: relative;font-size: 2rem;margin-bottom: 30px;}
.quote{text-align:center;max-width: 80%;margin: auto;margin-bottom: 50px;font-size: 16px;}
.titseo{text-align:center;text-transform:uppercase;font-family:Yanone Kaffeesatz;font-weight:normal;margin: 0;font-size: calc(1.275rem + .3vw);color: var(--main);}
@media only screen
and (max-width :991.98px){
  .tithome{font-size: calc(1.125rem + .6vw); margin-bottom:24px}
  .titpage{font-size: calc(1.325rem + .9vw);}
  .quote{max-width: 80%;margin-bottom: 30px;font-size: 16px;}

}
@media only screen
and (max-width :575.98px){
}
/*custom title end*/

/*detail*/
.detail{font-size:18px}
.detail table{width:100%}
.detail img{max-width:100% !important;cursor:zoom-in;height:auto !important;}
.detail a{}
.detail h1,.detail h2,.detail h3,.detail h4,.detail h5{}
.detail h1{font-size: 2rem;}
.detail h2{font-size: 1.5rem;}
.detail h3{font-size: 1.375rem;}
.detail h4{font-size: 1.25rem;}
.detail h5{font-size: 1.25rem;}
@media (max-width: 575.98px){
    .detail h1{font-size: 1.875rem;}
    .detail h2{font-size: 1.375rem;}
    .detail h3{font-size: 1.25rem;}
    .detail h4{font-size: 1.125rem;}
    .detail h5{font-size: 1.125rem;}
}
/*detail end*/

/*Image*/
.imgA,.imgH,.imgW,.imgHover{overflow:hidden;position:relative;cursor:pointer}
.imgA img{height:auto !important;width:auto !important;max-width: 100%;max-height: 100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgA .img{position: absolute;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-clip: border-box;overflow: hidden;transition: .5s;width: 100%;height: 100%;top: 0;left: 0;opacity:20%;}
.imgH img{height:100%;min-width:100%;width:auto !important;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;object-fit: cover;}
.imgHover:before{content:"";position: absolute;z-index: 1;top: 0;left: -10%;width: 120%;height: 100%;background: rgba(255, 255, 255, 0.2);transition: transform .8s;transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, 100%, 0);opacity: 0;visibility: hidden;}
.imgW img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);transition:transform .3s;}
.imgW:hover img,.imgH:hover img{transform:translateX(-50%) translateY(-50%) scale(1.1)}
.imgHover:hover:before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 135deg) translate3d(0, -125%, 0);opacity: 1;visibility: initial;}
/*Image end*/

/*paging*/
.pager{margin-top: 30px;font-size:13px;text-align: center;}
.pager span,.pager a{display:inline-block;text-align:center;margin-right: 5px;border-radius: 50%;color: var(--main);border: 1px solid var(--main);padding: 3px 10px 4px 10px;height: 36px;width: 36px;line-height: 29px;font-size: 18px;}    
.pager a:hover ,.pager span{background-color: var(--main);color: #fff;}
/*paging end*/

/*Article List component*/
.litt{height:100%;background:#fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; border-radius:5px; overflow:hidden}
.litt .nd{padding:12px 20px 18px;}
.litt .td{font-weight:500;font-size:15px;text-transform:uppercase;margin-bottom:10px}
.litt .mt{color:#C7C7C7}
.litt .link{font-size:18px; color:var(--main)}
@media only screen 
and (min-width: 765.98px){

}
/*Article List component*/

/*ProductList component*/
.lisp{display:flex;gap: 50px;}
.lisp .imgz{width: 120px;flex-shrink: 0;}
.lisp .imgH{padding: 74% 50%;}
.lisp .nd{width:100%;border-left: 3px solid var(--main);padding-left: 15px;}
.lisp .td{color:var(--main);margin:0}
.lisp .giasp{text-align:right}
@media only screen 
and (max-width: 575.98px){
.lisp{gap:20px}
  .lisp .imgz{width: 110px;}
}
/*ProductList component*/

/*sidebar component*/
.col_side .td{font-size: 20px;text-transform:capitalize;margin-bottom: 25px;font-weight: 600;padding-bottom: 14px;position: relative;}
.col_side .td:before{content:"";position: absolute;border: 1px solid #ff974f;width: 36px;height: 4px;left: 0;bottom: 0;}
.boxside+.boxside{margin-top:50px}
.searchside{position:relative}
.searchside .form-control{height:50px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;border-bottom-width: 2px;font-size: 14px;z-index: 1;}
.searchside .btntk{position:absolute;right:0;top: 0;height:100%;width: 50px;display: flex;align-items: center;justify-content: center;color:var(--third);z-index: 2;font-size:14px}
.searchside .btntk:hover{background:var(--third);color:#fff}
.bv-side li{border-bottom:1px solid #ccc}
.bv-side .tdbv{font-size: 14px;font-weight:normal;margin: 8px 0;}
.bv-side .tdbv i{margin-right:10px}
.bv-side .tdbv:hover{color:var(--third)}
.ulttside li{display:flex}
.ulttside li+li{margin-top:20px}
.imgside{height:70px;width:70px;margin-right:20px}
.ulttside li .nd{display:flex;width:calc(100% - 90px);height:68px}
.ulttside li .nd >div{margin:auto 0}
.ulttside li .nd h4{font-size:16px;font-weight: 600;}
.ulttside li .nd h4:hover{color:var(--main)}
.ulttside li .nd p{color:#999;font-size:12px}
.tagside a{font-size: 12px;padding: 8px 14px;display: inline-block;margin-right: 4px;margin-bottom: 8px;border: 2px solid #888888;font-weight: 600;text-transform: uppercase;}
.tagside a:hover{background:var(--main);border-color:var(--main);color:#fff}
@media only screen 
and (max-width: 575.98px){

}
/*sidebar component*/

/*dghome innerpage component*/
.dghome{background:#18443E;}
.rowdg .imgz{width:50px;flex-shrink: 0;}
.rowdg .imgH{padding:50%;border-radius:50%}
.rowdg .ten{margin:0}
.rowdg .item{background:#ffffff24;padding:15px;margin-bottom:15px}
.rowdg .top{border-bottom:1px solid #18443E;padding-bottom:8px;margin-bottom:8px;display: flex;align-items: center;gap: 20px;}
@media only screen
and (max-width :576px){
  .rowdg >*:nth-child(n+6){display:none}
}
/*dghome innerpage component end*/

/*menu innerpage Component*/
.menuComponent {}
.rowmenu-component .title{font-weight: 500;text-transform: uppercase;text-align: center;/* margin-bottom: 30px; */position: relative;}
.rowmenu-component .imgA{padding:63% 50%}
.rowmenu-component .cat{font-weight:400;font-size:20px;text-transform: uppercase;}
.rowmenu-component .td{font-size:18px;font-weight: 300;color: #C7C7C7;cursor:pointer}
.rowmenu-component .td:hover{color:var(--main)}
.rowmenu-component .img-menu{position:relative;}
.rowmenu-component .img-menu .img0{width: 77%;border: 4px solid #FFFFFF;border-radius:180px 180px 0 0;overflow:hidden}
.rowmenu-component .img-menu .img1{position:absolute;bottom: 10%;right: 0;width: 40%;border: 4px solid #fff;border-radius: 180px;overflow: hidden;}
.rowmenu-component .img-menu2 .img0{margin-left: auto;border-radius: 0 180px;}
.rowmenu-component .img-menu2 .img1{left:0;right:auto;border-radius:0 0 0 180px}
.rowmenu-component .slider_contain{/* margin-top:-95px; *//* position: relative; *//* z-index: 2; */}
.rowmenu-component .scroll{overflow-x:auto}
.row-mon{flex-wrap: nowrap;}
.row-mon .imgz{padding: 63% 50%}
.rowmenu-component ::-webkit-scrollbar {height: 8px;}
.rowmenu-component ::-webkit-scrollbar-track {background-color: #fff;}
.rowmenu-component ::-webkit-scrollbar-thumb {background:var(--main)}
@media only screen
and (max-width :576px){
 .rowmenu-component .row-mon .col-6{width:75%}
}
/*menu innerpage Component end*/


/*header*/
header{background:linear-gradient(rgba(167, 28, 33, .8), rgb(167, 28, 33, .8)),url('/Design/bg-main.png'),linear-gradient(rgb(167, 28, 33), rgb(167, 28, 33));color:#fff}
.tophead .container{display:flex;justify-content: space-between;align-items:center;font-size:14px;border-bottom: 1px solid #ffffff1f;}
.tophead i {margin-right: 5px;color:var(--main)}
.thead-r{display:flex}
.dch{position:relative; max-width:250px}
.dch i{font-size:20px;}
.midhead{border-bottom:1px solid var(--second)}
.midhead .container{display:flex;justify-content: space-between;align-items: center;position:relative; padding-top:28px; padding-bottom:28px}
.logo{position: relative;height:100px}
.logo img{height:100%}
.logo:before, .logo:after{content: "";position: absolute;top: 50%;width: 10px;height: 100%;transform: translateY(-50%);background-color: rgba(255,255,255,.75);z-index: 1;pointer-events: none;}
.logo:before{left: -5%;animation: light-left 2.5s infinite alternate linear;}
.logo:after{right: -5%;animation: light-right 2.5s infinite alternate linear;}
.linkh a{ font-family:Aleo;background: linear-gradient(90deg,#FCD97F, #EBBB4C); color:var(--main); font-size:24px; font-weight:bold;padding: 12px 36px; border:1px solid #FFC830;border-radius:10px}
.linkh a:hover{color: var(--main);background: linear-gradient(90deg, #FCD97F, #FCD97F);}

.menu_main{display:flex;margin: auto;align-items: center;position: relative;z-index: 2;justify-content: center;gap: 36px;flex: 1;}
.mnlic1{text-transform: capitalize;font-size: 20px;}
.mnliac1{padding: 16px 0;display:block;position:relative;text-align: center;z-index: 1;font-weight: 400;}
.mnlic1:hover .mnliac1{color:var(--second)}
.havesub .mnliac1:after{content:"\f107";font-family:fontawesome;margin-left:3px;font-weight: 300;opacity: .6;}

.menusub{position: absolute;padding: .5rem 0;background-color: #fff;border-radius:8px;top: 150%;opacity: 0;visibility: hidden;transition: .5s;box-shadow: 0 0 3px 0px #00000038;color: #333;font-size: 17px;}
.mnlic1:hover .menusub{top: 100%;visibility: visible;transition: .5s;opacity: 1}
.menusub li a{display:block;padding: 5px 10px;font-weight: 500;min-width: 150px;}
.menusub li:hover a{background: var(--main);color: #fff}

.fix-menu{position:fixed;width: 100%;top: 0;z-index: 1000;animation: fadeInDown 1s;box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;}
.nav-main.scroll-to-fixed-fixed{background:inherit;box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%)}

@media only screen 
and (min-width: 992px){
  .nav_main:not(.scroll-to-fixed-fixed){z-index: 2 !important;position: relative !important;}
}
@media only screen 
and (max-width: 991.98px){
    .midhead { border:none}
    .midhead .container{padding-top: 6px; padding-bottom:6px;}
    .logo{height:70px; margin-left:28px}
  #ShowMenu{z-index: 10;animation: fadeInLeft 1s;font-size: 25px;display: flex;align-items: center;font-size: 16px;gap: 5px;}
  #ShowMenu i{font-size:25px}
  #ShowMenu.close:before{background-color:rgba(0,0,0,.6);position:fixed;width:100%;height:100%;top:0;border:0;left:0;content:""}
  .thead-l,.phoneh,.linkh span{display:none}
  .dch{display:none}
  .linkh a{padding: 0;border-radius: 50%;height: 50px;width: 50px;line-height: 50px;font-size: 22px;}
  .lisearch{padding:10px 15px}
  .lisearch .searchbox{display: block;max-width: none;width: 100%;position: relative;padding: 0;border: 0;background: none;}
  .searchbox .form-control{border-radius:0;font-size: 14px;box-shadow: none;}
  .searchbox .btn{font-size:14px;position: absolute;right: 0;top: 0;width: 36px;height: 100%;font-size: 14px;color: var(--second);background: none;border: none;}
  .menu_main{position: fixed;z-index:999;overflow:scroll;top: 0;background:var(--main);height: 100%;left:0;width:250px;display:none;gap: unset;margin: 0;}
  .mnlic1{border-top: 1px solid #ffffff2e;position: relative; font-size: 17px;}
  .mnliac1{padding: 15px 0;padding-left: 15px;width:calc(100% - 42.4px);color:#fff !important;text-align: left;border-radius: unset;}
  .lihome a{background:transparent}
  .mnliac1 i{color:#fff !important}
  .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;margin: 0;transform: none;border-radius: 0;background: #fff;}
  .mnlic1:hover .menusub{transform: none;background: #fff;transition:none}
  .menusub li+li{border-top:1px solid #eee;}
  .menusub li a{padding:15px 0;padding-left:6%;}
}
@media only screen 
and (max-width: 768px){
  .phoneh{display:none}
}
@media only screen 
and (max-width: 576px){
  .nav-mobile{display:none}
  .bo-logo{width: 70px;padding: 0;padding-top: 5px;}
  .bo-logo:before{display:none}
}
/*header end*/

/*footer*/
footer{background:linear-gradient(rgba(51, 51, 51, .8), rgb(51, 51, 51, .8)),url('/Design/bg-main.png'),linear-gradient(rgb(51, 51, 51), rgb(51, 51, 51));color:#fff}
.logof{text-align:center; padding-bottom:30px; margin-bottom:32px; border-bottom:1px solid var(--second)}
.logof img{height:102px}

.rowf{justify-content:space-between}
.titf{font-size:20px;font-weight: 700;margin-bottom:20px}

.rowf .desc{margin-bottom:30px}
.rowf .iff p{margin-bottom:12px}
.rowf .iff strong{margin-bottom:12px}

.rowf .mnf{}
.rowf .mnf .item{ margin-bottom:12px}
.rowf .mnf .item:hover{color:var(--second)}

.tagf {display:flex;gap:15px;cursor:pointer;flex-wrap: wrap;justify-content: center;margin: 0;}
.tagf a{font-style:italic;}
.tagf a:hover{text-decoration: underline !important}
.foot {display:none}
.foot .container{border-top: 1px solid #ffffff24;display:flex;justify-content:space-between}
.foot .totalf{display:flex;}
.foot .totalf >*+*{border-left:1px solid #ffffff24;margin-left:10px;padding-left:10px}
@media only screen 
and (max-width: 768px){
  .foot .container{flex-direction:column;text-align: center;}
  .foot .totalf{justify-content:center}
}
/*footer end*/

/*slideshow*/
.slideshow{position:relative;overflow: hidden;}
#slideshow {position:relative;width:100%;z-index:1;}
#slideshow img{width:100%;height:auto;float:left}
/*slideshow end*/

/*promotion-home*/
.promotion-home {background: linear-gradient(rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), url('../Design/bg-main.png'); background-size:contain}
.promotion-home .row{--bs-gutter-x:60px; --bs-gutter-y:60px;}

@media only screen 
and (max-width: 991.98px){
  .promotion-home .row{flex-wrap:nowrap; overflow:auto}
  .promotion-home .row .col-12{width: 90%}

}
@media only screen 
and (max-width: 575.98px){
  .promotion-home .row{--bs-gutter-x:20px;--bs-gutter-y:20px}

}
/*promotion-home end*/

/*why-choose-home*/
.why-choose-home{background:#f2f2f2}
.why-choose-home .item{text-align:center}
.why-choose-home .img{height:150px; margin:auto; margin-bottom:14px; overflow:visible}
.why-choose-home .col:not(:last-child) .img:before {content: "";position: absolute;background: url('/Design/line-why-choose-us.svg') no-repeat;background-size: contain;width: 300px; aspect-ratio:418/75;left: 90%;top: 48px;pointer-events: none;}
.why-choose-home .title{font-size:28px; text-transform:uppercase; color:var(--main); margin-bottom:6px}
.why-choose-home .desc{font-size:12px; text-transform:uppercase;}

@media only screen 
and (max-width: 575.98px){
    .why-choose-home .img{height:auto; width:100px; max-width:100%;margin-bottom:10px;}
    .why-choose-home .title{font-size:16px; margin-bottom:2px}
    .why-choose-home .desc{font-size:14px;text-transform:none}
}
/*why-choose-home*/

/*abouthome*/
.abouthome{background:#f2f2f2}

.ndgt{position:relative; font-size:18px}
.ndgt::after{position:absolute; content:""; top:0; right:0; width:108px; aspect-ratio:500/491; background: url('../Design/hoa-van-01.png') no-repeat; background-size:contain}
.ndgt h2{position:relative; padding: 24px 100px 24px 20px;font-size: 1.5rem;max-width: 500px;font-weight: 700; color:var(--main);text-transform: uppercase;}
.ndgt h2:before{content:""; position:absolute; width:4px; left:0; top:24px;bottom:24px;background:var(--main)}
.imggt{position:relative;}
.linkgt{font-size:18px; color:var(--main)}
.linkgt:hover{color:var(--main-light)}
.imggt{padding-left:70px; height:100%;overflow:hidden}
.imggt .img1{height:100%;width: 100%;overflow:hidden}
.imggt .img1 img{width:100%; height:100%;object-fit:cover}
.imggt .img2{position:absolute;top:13%;left: 37px; width:50%;height: 74%;}
.imggt .img2:before{position:absolute; content:"";top:15%;left: 100%;height: 70%; width:36px;background:linear-gradient(rgba(167, 28, 33, .85), rgb(167, 28, 33, .85)),url('/Design/bg-main.png'),linear-gradient(rgb(167, 28, 33), rgb(167, 28, 33));}
.imggt .img2 img{height:100%;width:auto; object-fit:cover}
@media only screen
and (max-width :991.98px){
    .ndgt::after{width:70px;}
    .ndgt h2{padding: 12px 80px 12px 20px;font-size: 1.25rem;}
    .ndgt h2:before{top:12px;bottom:12px;}
    .imggt{padding:0}
    .imggt .img2{display:none}


}
@media only screen
and (max-width :575.98px){
    
}
/*abouthome*/

/*combo-home*/
.combo-home{}
.combo-home .tithome{margin-bottom:10px}

/*combo-home end*/

/*menuhome*/
.menuhome {background:linear-gradient(rgba(167, 28, 33, .8), rgb(167, 28, 33, .8)),url('/Design/bg-main.png'),linear-gradient(rgb(167, 28, 33), rgb(167, 28, 33));}
.menuhome .tithome{margin-bottom:10px}
.menuhome .col-content{background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url('/Design/bg-menu.jpg') no-repeat; background-size:cover }
.menuhome .col-content{position:relative;text-align:center;padding:30px}
.menuhome .col-content::after{position:absolute; content:""; bottom:80px; left:calc(50% - 64px); height:128px; aspect-ratio:500/491; background: url('../Design/hoa-van-01.png') no-repeat; background-size:contain;filter: brightness(0) saturate(100%) invert(93%) sepia(20%) saturate(0%) hue-rotate(273deg) brightness(106%) contrast(106%);}

.menuhome .col-content img{height:120px; width:auto;margin-bottom:28px}
.menuhome .col-content h3{font-size:26px;color:var(--second); font-weight:700;margin-bottom:32px}
.menuhome .col-content .desc{font-size:15px;color:#fff;}
.menuhome img{width:100%; height:auto}
.menuhome .owl-dots{display:none}


@media only screen
and (max-width :991.98px){
    .menuhome .row{flex-direction:column-reverse;}

}
@media only screen
and (max-width :575.98px){
    .menuhome .col-content{padding:20px;}
    .menuhome .col-content::after{display:none;}

    .menuhome .col-content img{height:100px; margin-bottom:16px}
    .menuhome .col-content h3{font-size:24px;margin-bottom:18px}
    .menuhome img{width:100%; height:auto}

    .menuhome .owl-dots{display:block}
}
/*menuhome*/


/*bkhome*/
.bkhome{position:relative}
.bkhome::before{position: absolute;content:""; top:0; width:100%; height:250px; z-index:-1;background:linear-gradient(rgba(167, 28, 33, .8), rgb(167, 28, 33, .8)),url('/Design/bg-main.png'),linear-gradient(rgb(167, 28, 33), rgb(167, 28, 33));}
.bkhome .container{position:relative;padding: 50px 150px;background:linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), url('/Design/bg-booking.jpg') no-repeat; background-size:cover;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);}
.bkhome .container::before,.bkhome .container::after {position:absolute; content:""; width:240px; aspect-ratio:500/491; opacity:.5; background: url('../Design/hoa-van-01.png') no-repeat; background-size:contain}
.bkhome .container::before{bottom:0; left:0;}
.bkhome .container::after{top:0; right:0;transform: skewX(-1)}

.row-bkh{justify-content:space-between}
.row-bkh .title{text-transform:uppercase;color: #13373233;}
.row-bkh .td{color: var(--main);}
.row-bkh .nd{padding-left: 28px;}
.row-bkh .form-control{border-width:0;border-bottom-width:1px;background: transparent;}
.row-bkh .form-control::placeholder{}
.row-bkh .imgz{border-radius:180px 180px 0 0;overflow:hidden}
.row-bkh .btn{padding: 8px 32px 10px;font-size:22px; font-weight:bold; border-radius:5px}
@media only screen
and (max-width :991.98px){
    .bkhome .container::before,.bkhome .container::after {width:130px; aspect-ratio:500/491; }
    .bkhome .container{ max-width: 90%;padding: 30px;}
    .row-bkh .nd{padding-left: 0;}
}
@media only screen
and (max-width :575.98px){
    .bkhome .container::before,.bkhome .container::after {width:70px; aspect-ratio:500/491; }
    .bkhome .container{padding: 20px;}
    .row-bkh .nd{padding-left: 0;}
    .row-bkh .btn{padding: 4px 20px 6px;font-size:20px;}

}

/*dghome*/
.dghome{position:relative;background:linear-gradient(rgba(167, 28, 33, .8), rgb(167, 28, 33, .8)),url('/Design/bg-main.png'),linear-gradient(rgb(167, 28, 33), rgb(167, 28, 33));}
.dghome::before,.dghome::after {position:absolute; content:"";width:108px; aspect-ratio:500/491; background: url('../Design/hoa-van-01.png') no-repeat; background-size:contain;filter: brightness(0) saturate(100%) invert(93%) sepia(20%) saturate(0%) hue-rotate(273deg) brightness(106%) contrast(106%);}
.dghome::before{ top:0; left:0; }
.dghome::after{bottom:0; right:0; transform: skewX(-1)}
.dghome .quote{color:#fff}

.uldg{position:relative;z-index:3}
.uldg .item{padding:25px;box-shadow: 0 1px 3px -2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);margin: 5px 0 25px;border-radius: 5px;background:#fff;}
.uldg .item:hover{box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.22);}
.uldg .bo{padding:5px;box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.15);display:inline-block;margin:auto;border-radius:50%}
.uldg .nd{color:#575757;font-size:16px}
.uldg .ten{margin-top: 15px;}

@media only screen
and (max-width :575.98px){
    .dghome::before, .dghome::after {width: 58px;}
}
/*dghome end*/

/*maphome*/
.maphome{background:#133732}

/*abhome*/
.abhome{}
.abhome .tithome{}
.rowab{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:20px}
.rowab > *{background:#333}
.rowab > .item:nth-of-type(6n+1){grid-row:span 2 / span 2}
.rowab > .item:nth-of-type(6n+2){grid-column:span 2 / span 2}
.abhome .img{}
.abhome .btn{font-size:18px; font-weight:600; border-radius:5px; padding:6px 20px 8px}

@media only screen
and (max-width :992px){
  .rowab{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;gap:6px}
  .rowab > .item:nth-of-type(6n+1){grid-row:auto}
  .rowab > .item:nth-of-type(4n+1){grid-row:span 2 / span 2}
  .rowab > .item:nth-of-type(6n+2){grid-column:auto}
}
/*abhome end*/

/*newshome*/
.newshome{background: linear-gradient(rgba(255, 255, 255, .85), rgba(255, 255, 255, .85)), url('../Design/bg-main.png');}
/*newshome*/

/*inner_page*/
.inner_page{padding: 50px 0;overflow: hidden;}
/*inner_page end*/

/*rv-page*/
.rv-page{}
.ds-cmt .imgz{width:50px;flex-shrink: 0;}
.ds-cmt .imgH{padding:50%;border-radius:50%}
.ds-cmt .ten{margin:0}
.ds-cmt .item{background:#ffffff24;padding:15px;margin-bottom:15px}
.ds-cmt .top{border-bottom:1px solid #18443E;padding-bottom:8px;margin-bottom:8px;display: flex;align-items: center;gap: 20px;}
/*rv-page end*/

/*menupage*/
.menupage {}
.menupage .tithome{font-size: calc(1.375rem + 1.5vw);}
.menupage .title{font-weight: 500;text-transform: uppercase;position: relative;color: var(--second);text-align:center;margin: 0;font-size: calc(1.325rem + .9vw);}
.menupage .tit{text-align: left;font-size: 2rem;}
.menupage .title:before{content:"";position: absolute;height: 10px;width: 10px;border: 1px solid var(--main);transform: rotate(45deg);top: 13px;margin-left: -22px;}
.menupage .title:after{content:"";position: absolute;height: 10px;width: 10px;border: 1px solid var(--main);transform: rotate(45deg);top: 13px;margin-left: 13px;}
.row-mnp{justify-content: space-between;}
.ulmon .item{border-left:3px solid var(--main);padding-left:8px;display: flex;justify-content: space-between;gap: 10px;margin-bottom: 10px;}
.ulmon .top{display:flex;justify-content: space-between;}
.ulmon .td{color:var(--main);margin: 0;line-height: 1;font-weight: 600;}
.ulmon .td2{font-size:16px;color:var(--main);margin: 0;}
.ulmon .price{font-weight: bold;color:var(--second);font-size: 22px;}
.ulmon .mt{font-weight:600;color:var(--second)}
.ulmon .mt p{margin:0}
.ulmon .mt p:nth-child(2){font-weight:normal;font-style:italic;font-size:13px;color:var(--second)}
.ulmon .imgz{width: 14%;max-width: 85px;flex-shrink: 0;}
.img-mon{border-radius:180px 180px 0 0;overflow:hidden}
.tit-drink{color:var(--main);border-bottom: 1px solid;}
.uldrink .item{display:flex;justify-content: space-between;gap: 10px;}
.uldrink .td{color:var(--second);margin: 0;line-height: 1;font-weight: 500;}
.uldrink .td2{font-weight:400;color:Var(--main)}
.uldrink .price{font-weight: bold;color:var(--second);font-size: 22px;}
@media only screen 
and (min-width: 992px){
  .box-mon .row-mnp:nth-child(odd){flex-direction:row-reverse}
  .box-monchinh .row-mnp:nth-child(even){flex-direction:row-reverse}
}
/*menupage end*/


/*bvpage*/
.bvpage{/* padding:100px 0 80px; */border-bottom:1px solid #e1e1e1;}

.col-bv{padding: 35px;box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);}
.titpost{font-size:1.25rem;/* border-bottom: 1px solid var(--bs-gray); */margin-bottom: 12px;}
.tagbv{margin-bottom:10px}
.tagbv a{font-style:italic}
.tagbv a+a:before{content:",";margin-right:5px;color:#6f6f6f}
.tagbv a:hover{color:var(--main)}
.bvothers{padding:70px 0 50px}
@media only screen 
and (max-width: 576px){
    .bvpage{padding:25px 0}
  .col-bv{padding:0;}
}
/*bvpage end*/


/*dppage*/
.dppage{/* padding-top:50px; */}
.dptop .row{/* flex-direction: row-reverse; */}
.dpsame .row{flex-direction: row}
.info_contain{}
.slider_contain {}
.slider{background: #113A36;height: 600px;/* overflow: unset; */}
.slider .flex-viewport{/* overflow: hidden; */}
.slider .slides li{position:relative;/* overflow: unset; */}
.slider .slides li a{position:relative;height:100%;width:100%;display:block}
.slider .slides li .viewer-box{left: 550px !important;}
.slider .slides li a >img{position:absolute;height:auto;width:auto;max-width: 100%;max-height: 100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.slider .slides li a >.img{a;position: absolute;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-clip: border-box;overflow: hidden;transition: .5s;width: 100%;height: 100%;top: 0;left: 0;opacity: 20%;}
#carousel,#carousel2{margin-top:20px;}
#carousel .slides > li,#carousel2 .slides > li{height: 100px;background: #113A36;cursor:pointer;opacity:.5}
.flex-active-slide{opacity:1 !important}
#carousel .slides > li img,#carousel2 .slides > li img{max-width:90%;max-height:90%}
.titproduct{text-transform:capitalize;color: var(--second);}
.giadp{color: var(--main);font-size: 24px;font-weight: 600;margin-bottom: 14px;}
.giadp .priceold{color:#C2C2C2;font-size:20px;text-decoration:line-through;margin-left:10px}
.ifdp{}
.ifdp .item{border-top:1px solid #e5e8ea;padding-top:20px}
.ifdp .item+.item{margin-top:15px;border-bottom:1px solid #e5e8ea;padding:0;padding-bottom:20px;border-top:0}
.ifdp .td{color: #8a8a8a;font-weight:500;margin-bottom:8px}
.ifdp .list{display:flex;gap: 8px;}
.ifdp .list .li{a;width: 74px;height: 32px;text-align: center;border: 1px solid #e5e8ea;border-radius: 8px;line-height: 32px;position: relative;font-size:15px;font-weight:500;overflow: hidden;cursor: pointer;}
.ifdp .list .li.active,.ifdp .list .li:hover{border-color:var(--main);color:var(--main)}
.ifdp .list .li.active:before{content: "";width: 40px;height: 40px;position: absolute;top: -20px;left: -20px;transform: rotate(45deg);background-color: rgb(241, 91, 57);}
.ifdp .list .li.active:after{content: "✓";width: 20px;position: absolute;top: -6px;left: 0;color: rgb(255, 255, 255);}
.statusdp .g{color:#4CAF50}.statusdp .r{color:#F44336}
.tddp table{width:100%}
.tddp td{border-bottom: 1px solid #ececec;font-size: .9em;line-height: 1.3;padding: .5em;}
.infodp{color:#6f6f6f;margin-top:20px}
.infodp .mt{border-bottom:1px solid #d2d2d2;width: 100%;max-width: 300px;padding-bottom: 5px;margin-bottom: 5px;}
.infodp .mt strong{width: 150px;display: inline-block;}
.infodp strong{color: var(--main)}
.cartdp{overflow:hidden;margin-top:45px;display:flex;}
.cartdp .textbox{background:#f5f5f5;color:#6f6f6f}
.cartdp .tinh{cursor:pointer;width:45px;height:55px;line-height:55px;text-align:center;float:left;box-sizing:border-box;}
.cartdp .txt{width:50px;height:55px;text-align:center;float:left;outline:0;background:#f5f5f5}
.cartdp .gio-hang{margin-left:10px;height:55px;padding:0 28px;color: #fff;letter-spacing:2px;text-transform:uppercase;border: 0;background: -webkit-linear-gradient(top,#f59000,#fd6e1d);border-radius: 4px;font-weight: 600;}
.cartdp .gio-hang:hover{background: -webkit-linear-gradient(top,#fd6e1d,#f59000);}
.carderror{color:#1f1f1f;font-size:14px}
.phonedp{padding-top:50px;margin-top:30px;border-top:1px solid #ebebeb}
.phonedp a{display:block;text-transform:uppercase;text-align:center;background: #EDB723;color:#1f1f1f;height:55px;line-height:55px;}
.ct-dp .title{text-align:center;position: relative;}
.ct-dp .title:before{content:"";position: absolute;border-bottom: 1px dashed var(--main);width: 100%;left: 0;bottom: 15px;}
.ct-dp .title span{border: 1px solid var(--main);color:var(--main);font-size: 18px;text-transform: uppercase;padding: 4px 18px;background: #fff;display: inline-block;position: relative;}
.ultabdp{color:#999999;display:flex;justify-content: center;padding:0;position:relative}
.ultabdp:before{content:"";position:absolute;width:100%;height: 0;left:0;border-bottom:1px solid #ebebeb;top:0;bottom:0;margin:auto;}
.ultabdp li{position:relative;background:#fff;padding:0 5px}
.ultabdp li+li{padding-left:65px}
.ultabdp li.active{color:#495057}
.tab-over{margin-top:40px}
.fb-comments{display:block !important;width: 100% !important}
.sidesp{}
.boxssp{background:var(--bs-light);padding:10px;margin-bottom:5px;box-shadow: #f2f2f2 1px 1px 0px 0px inset, #f2f2f2 -1px -1px 0px 0px inset;border-radius: 4px;}
.boxssp .td{text-transform:uppercase;border-bottom: 1px solid #dee2e6;padding-bottom: 5px;}
.phonessp a{position: relative;margin: 15px 0;padding-left: 50px;display: block;line-height: 1.2;font-size: 15px;}
.phonessp i{color:var(--main);position: absolute;left: 0;font-size: 40px;}
.phonessp strong{display:block;color: var(--main);font-size: 18px;}
.ckssp .item{display:flex;align-items: center;margin:15px 0}
.ckssp img{width:35px;margin-right: 10px;}
.ckssp .nd{display:inline-block;line-height: .8;}
.ckssp h3{font-size:13px;text-transform:uppercase;margin: 0;}
.ckssp small{color:var(--bs-gray);font-size:13px}
.boxssp.i3{font-size: 14px;}
.boxssp.i3 .nd{max-width: 200px;margin: 10px auto;}
.boxssp.i3 a{color:red}
@media only screen 
and (max-width: 576px){
    .dppage{padding-top: 15px;}
    .dptop .row{/* flex-direction: column-reverse; */}
    .dpsame .row{flex-direction: row}
    .slider{height:380px;/* background:#fff; */}
    .cartdp{flex-flow: wrap;justify-content: space-between;}
    .cartdp .textbox{margin-bottom:10px}
    .cartdp .gio-hang{margin-left:0}
}

.zoom-left .imgz{height:500px;border: 1px solid #707070;}

#gallery_01{display:flex;gap: 10px;margin-top: 10px;}
#gallery_01 .imgH{width: 80px;height: 80px;border: 1px solid #ccc;}
#gallery_01 img {border: 2px solid white;}
#gallery_01 .active .imgH{border-color: var(--main);}


.mn-tkp{display:flex;gap: 10px;justify-content: center;font-size: 15px;}
.mn-tkp li{background-color: #fff;border: 1px solid #e0e0e0;border-radius: 4px;cursor: pointer;padding: 8px 10px;color: #333;}
.mn-tkp li:hover{background: #f4f4f4;color: #000;}
@media only screen 
and (max-width: 576px){
  .mn-tkp{font-size:13px;justify-content: normal;}
  .mn-tkp li{border:0;border-bottom:1px solid #bfbfbf;padding:0;border-radius:0}
  .zoom-left .imgz{height:300px}
}
/*dppage end*/


/*sppage*/
.sppage{}

/*sppage end*/


/*foodpage*/
.foodpage{}
.top-fp{display:flex;align-items: center;flex-direction: row-reverse;justify-content: center;}
.ds-img{width:50%;border: 30px solid var(--main);border-radius:50%;overflow:hidden;flex-shrink:0}
.if-fp{border: 3px solid var(--main);border-left:0;border-radius: 0 200px 200px 0;margin-left: -100px;padding: 50px 30px 50px 150px;}
.if-fp .mt{font-size:18px}
.phone-fp .btn{font-size:18px;border-radius: 50px;}
.menu-fp{border:2px solid var(--main);border-radius:30px;padding:30px}
.menu-fp .item{position:relative}
.menu-fp .title{color:var(--main-light);text-transform: uppercase;}
.menu-fp .tit{text-transform:uppercase;font-weight:600}
.showmn{display:block;font-style: normal;position:absolute;right:2%;top:0;display:flex;color:#fff}
.showmn:before{content:"\f324";font-family:fontawesome;margin:auto;font-weight:500;transition:transform .3s}
.menu-fp .showds{display:none}
.menu-fp li{display:flex;justify-content: space-between;border-bottom: 1px solid #ffffff8c;margin-bottom: 8px;align-items: flex-end;}
.menu-fp .td{font-weight: 500;color:#e7e7e7}
.menu-fp .td:hover{color:var(--main)}
.menu-fp .gia{color:var(--main-light)}
@media only screen 
and (max-width:1200px){
  .if-fp{margin-left: -140px;padding: 30px 30px 30px 170px;}
}
@media only screen 
and (max-width:992px){
  .top-fp{display:block}
  .if-fp{padding: 0;margin: 0;border: 0;}
  .ds-img{width:100%;max-width:500px;}
}
@media only screen 
and (max-width:576px){
  .ds-img{border-width:10px}
}

/*foodpage end*/


/*photo-page*/
.photodetailp{}
#gallery .container{}
.ulctha{overflow:hidden;margin-right: -9px;margin-left: -9px;box-sizing:border-box;}
.lictha{max-width:33.33333333333%;width: 100%;padding-right: 9px;padding-left: 9px;box-sizing: border-box;}
.imgctha{margin-bottom:30px;}
.imgctha a{display:block;position:relative;}
.imgctha a:before{background: rgba(0, 0, 0, 0.5);position:absolute;position: absolute;top: 0;left: 0;bottom: 0;right: 0;transition: all 300ms linear 0s;border-radius:10px;}
.imgctha a:after{content:"\f00e";font-size:20px;opacity:0;color:#fff;background:#ffffff42;width: 50px;height: 50px;box-sizing:border-box;padding: 12px;border:1px solid;display:inline-block;font-family:fontawesome;position:absolute;left: 0;right: 0;margin:auto;text-align:center;top:calc(40% - 20px);transition: all 300ms linear 0s;}
.imgctha:hover a:before{content:"";}
.imgctha:hover a:after{opacity:1;top:40%}
.imgctha img{width:100%;height:auto;/* border-radius:10px; */}
@media only screen 
and (max-width: 576px){
.ulctha{margin-right:-5px;margin-left:-5px}
.lictha{max-width:50%;padding-left:5px;padding-right:5px}
}

.rv-star{border-bottom: 1px solid #dcddff;margin-bottom: 30px;padding-bottom: 10px;}
.rv-star .h4 span{font-weight:normal;font-size:18px;color:#c7c7c7;margin-left:10px}
.rowrv-dp .form-label.text-danger{margin:0;margin-top:5px;color: #ffd400 !important;}
/*photo-page end*/


/*khac*/
.ui-widget-header{background:#fff!important;color:#000!important;font-weight:400!important;border:none!important}
.ui-widget-content{background:#fff!important;color:#000!important}
.ui-datepicker th{font-weight:400!important}
.ui-datepicker thead,.ui-datepicker tbody,.ui-datepicker td,.ui-datepicker tr{border: 0;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:none!important;background:#fff!important;text-align:center;width:35px;height:35px;display:flex;align-items:center;justify-content:center}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{color:#424242!important}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{background:#186B6D!important;border:none!important;border-radius:50%}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{background:#186B6D!important;border:none!important;border-radius:50%;color:#fff!important}
.owlnav.owl-carousel .owl-nav button{border-radius:0;top:0;margin:0;height:100%;position: absolute;border:none;outline:none;transform: rotate(180deg) !important;transition: .3s;color: #333;font-size: 35px !important;opacity:0;}
.owlnav .owl-nav button span{display:none}
.owlnav .owl-nav button.owl-prev{left: 0;}
.owlnav .owl-nav button.owl-next{right:0;}
.owlnav .owl-prev:before{content:"\f104";font-family:fontawesome;}
.owlnav .owl-next:before{content:"\f105";font-family:fontawesome;}
.owlnav:hover .owl-nav button{transform:translateX(0) !important;opacity:1}
.owlnav.owl-carousel .owl-nav button:hover{color:var(--main) !important}
.owldot .owl-dots{position:absolute;text-align:center;margin-top:20px; width:100%;bottom:12px}
.owldot .owl-dots button{outline:0}
.owldot .owl-dots span{opacity:.5;width: 12px;height: 12px;margin: 0px 4px;background: #fff;display: block;transition: opacity 200ms ease;border-radius: 50px;position: relative;}
.owldot .owl-dots button.active span,.owldot .owl-dots span:hover{opacity:1;}
.owldot .owl-dots span:before{position: absolute;right: 0;top: 0;width: 50%;height: 100%;background: #fff;}
.owldot .owl-dots button.active span:before{/* content:""; */}
.owldot .owl-dots span:hover:before{/* content:""; */}
/*khac*/

/*hotline-phone-ring-wrap*/
.hotline-phone-ring-wrap{position:fixed;bottom: 10px;left:0;z-index:999999}
.hotline-phone-ring-wrap.zalo{bottom:70px}.hotline-phone-ring-wrap.maps{bottom:130px}.hotline-phone-ring-wrap.whatapp{bottom:130px}.hotline-phone-ring-wrap.kakao{bottom:190px}
.hotline-phone-ring{position:relative;visibility:visible;background-color:transparent;width:60px;height:60px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;left:0;bottom:0;display:block}
.hotline-phone-ring-circle{width:60px;height:60px;top:0;left:0;position:absolute;background-color:red;border-radius:100%;border:2px solid red;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;transform-origin:50% 50%;opacity:.5}
.zalo .hotline-phone-ring-circle{background-color:#0182ca;border-color:#0182ca;}
.maps .hotline-phone-ring-circle{background-color:#fff;border-color:#fff;}
.whatapp .hotline-phone-ring-circle{background-color:#1bd741;border-color:#1bd741;}
.kakao .hotline-phone-ring-circle{background-color:#FEE500;border-color:#FEE500;}
.hotline-phone-ring-circle-fill{width:50px;height:50px;top:5px;left:5px;position:absolute;background-color:red;border-radius:100%;border:2px solid transparent;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;transform-origin:50% 50%}
.zalo .hotline-phone-ring-circle-fill{background-color:#0182ca;}
.maps .hotline-phone-ring-circle-fill{background-color:#fff;}
.whatapp .hotline-phone-ring-circle-fill{background-color:#1bd741;}
.kakao .hotline-phone-ring-circle-fill{background-color:#FEE500;}
.hotline-phone-ring-img-circle{background-color:red;width:40px;height:40px;top:10px;left:10px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;transform-origin:50% 50%;display:flex;align-items:center;justify-content:center}
.zalo .hotline-phone-ring-img-circle{background-color:#0182ca;}
.maps .hotline-phone-ring-img-circle{background-color:#fff;}
.whatapp .hotline-phone-ring-img-circle{background-color:#1bd741;color: #fff;font-size: 25px;}
.kakao .hotline-phone-ring-img-circle{background-color:#FEE500;}
/*hotline-phone-ring-wrap end*/

/*keyframes*/
@keyframes light-left {
0%{left:-5%;opacity:0}
50%{left:50%;opacity:1}
100%{left:105%;opacity:0}
}
@keyframes light-right {
0%{right:-5%;opacity:0}
50%{right:50%;opacity:1}
100%{right:105%;opacity:0}
}
@-webkit-keyframes phonering-alo-circle-anim {
0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);opacity:.1}
30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}
100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
/*keyframes end*/