/* fonts
      font-family: "Open Sans", serif;   font-family: "Bai Jamjuree", serif;
*/ 


::-webkit-scrollbar {  width: 8px;  height: 8px; } 
::-webkit-scrollbar-track {  background-clip: content-box;  border: 2px solid transparent; }
::-webkit-scrollbar-thumb {  background-color: #272727; }
::-webkit-scrollbar-thumb:hover {  background-color:  #272727; }
::-webkit-scrollbar-corner, ::-webkit-scrollbar-track {  background-color: #fff; ; }
.hidden-title { width: 1px; height: 1px; overflow: hidden; }
.mobMenu, .btn-whatsapp-pulse, .home-res-title-mob, .hme-banner-small,.tilte-800, .sub-page .design, .mobile-nav-wrapp, .mobMenu-show { display: none; }
.hiddenTitle { width: 1px; height: 1px; overflow: hidden; padding: 0; margin: 0; }
/* -------------------------- Reset   -------------------------- */
*, *::before, *::after {     box-sizing: border-box;  }
* {    margin: 0;  }
body {    line-height: 1.5;    -webkit-font-smoothing: antialiased;   }
picture, video, canvas, svg {    display: block;    max-width: 100%; height: auto;  }
img, svg {  max-width: 100%; height: auto; vertical-align: top; }
input, button, textarea, select {    font: inherit;  }
p, h1, h2, h3, h4, h5, h6 {    overflow-wrap: break-word;  }
ul, li, p, h1, h2, h3, h4, h5, h6, img, figure, article, section, figure, img, address  { padding: 0; margin: 0;}
ul, li, ol { list-style-type: none; } a:link, a:visited { text-decoration: none; color: var(--color); display: inline-block;}
:root { --gutter:120px 0; --primBg:#f2eee5; --gutter80:80px 0; --gutter60:60px 0; --gutter40:40px 0; --color:#181818;  --border:1px solid #bebebe; --lightBg:#f5f5f5;  --linkColor:#544a2c }
.flex-container {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: normal;  align-content: normal; } 
.full-image { width: 100%; height: auto;}
/* -------------------------- Reset   -------------------------- */
body {   }
.text-center { text-align-last: center; text-align: justify !important;} .cap-text { text-transform: uppercase;} .middle-content { max-width: 1000px; margin:0 auto;} .clear { float:  none; clear: both;} .img-full { width: 100%; height: auto;} .round-img { border-radius: 50%;}
#page { color: var(--color);  font-size: 11pt; letter-spacing: 1px; text-align: justify; line-height: 24px;  font-weight: 400; }
body, #page { background-image: url(../images/page-bg.webp); font-family: "Open Sans", serif;   line-height: normal; }
p { line-height: 24px; padding: 5px 0; }  address { font-style: normal;  }
.flex-container {    display: flex;    flex-direction: row;    flex-wrap: wrap;    justify-content: space-between;    align-items: normal;     align-content: normal;  }
.container { max-width: calc(1500px - 0px); margin: 0 auto; padding: 0 0px; width: calc(100% - 0px);  }   
.container-full {  width: calc(100% - 0px); padding: 0 100px; max-width: calc(2000px - 0px); margin: 0 auto; }  
.header-wrapp { position: fixed; top: 0; left: 0; width: calc(100% - 0px); padding: 0 100px; z-index: 12000; transition: all 0.5s ease; background-color: rgba(255,255,255,0);}
.header-fix { background-color: rgba(255,255,255,1); } .white-header { background-color: rgba(255,255,255,1);}
.header-wrapp .align  { padding: 20px 0; align-items: center; transition: all 0.5s ease;}
.site-logo { transition: all 0.5s ease; width: 150px;} .header-fix .site-logo { width: 100px;} .header-wrapp.header-fix .align  { padding: 10px 0;}

.logoScrollActive { opacity: 0; position: absolute; top: 0; left: 0; z-index: 100; transition: all 1s ease;}
.header-fix .logoScrollActive { opacity: 1; } 
.header-wrapp:after { opacity: 0; content: ""; display: block; width: 100%; position: absolute; height: 15px; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.21+0,0+71,0+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.21) 0%,rgba(0,0,0,0) 71%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   bottom: -15px; left: 0; }   .header-fix.header-wrapp:after { opacity: 1;} .white-header .logoScrollActive { opacity: 1 !important; }
.site-logo a:link, .site-logo a:visited { display: block; position: relative;}
.home-header-anim, .animated-text , .animated-text-2  { opacity: 0; animation: fadeAnim 1s linear forwards; animation-delay: 4s; }
@keyframes fadeAnim {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
.banner-caption {position: absolute; top: 50%; left: 50%; width: calc(1000px - 0px); transform: translate(-50%, -50%); color: #fff; z-index: 1200; }
.banner-cap-border-left, .banner-cap-border-right { position: absolute; width: calc(50% - 0px); left: 0; top: 40px; }
.banner-cap-border-right {  left: auto; right: 0;}
.anim-border-bann { background-color: rgba(255,255,255,0.4); height: 1px; position: absolute; right: 320px; width: 0; animation: borderScale 3s ease forwards; animation-delay: 3.5s; }
.banner-cap-border-right .anim-border-bann { right: auto; left: 320px;}
@keyframes borderScale {
  0% {  width: 0;}
  100% {  width: 300px;}
}
.animated-text span, .animated-text-2 span {
  display: inline-block; opacity: 0;   transform: translateY(20px);  transition: all 0.5s ease;  transition-delay: 2.5s;
}

.animated-text-2 span {   transition-delay: 3.5s;}

.animated-text { animation-delay: 0.8s; } .animated-text-2  { animation-delay: 3.2s;}



.banner-wrapp-home, .home-slide-1, .home-slide-2, .home-slide-3 { position: relative; height: 100vh; width: 100%; }
.home-slide-1, .home-slide-2, .home-slide-3 { background-image: url(../images/banner/attic-studio-slide-1.webp); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.welcome-wrapp, .hme-what-we-wrapp, .hme-testi-wrapp, .hme-gallery-wrapp, .hme-our-projects-wrapp, .sub-content-wrapp { padding: var(--gutter); }
.hme-gallery-wrapp { padding-top: 0 ;}
.home-slide-2 { background-image: url(../images/banner/attic-studio-slide-2.webp); }
.home-slide-3 { background-image: url(../images/banner/attic-studio-slide-3.webp); } 



.welcome-wrapp .container, .align-center  { align-items: center;}
.welcome-content { width: calc(45% - 0px); } .welcome-content article { width: 480px; margin: 0 auto; text-align-last: center; }
.welcome-image { width: calc(55% - 0px);}

.hme-whate-we-two-colmn, .hme-pdcts-left, .hme-pdcts-right, .about-btm-image, .abt-btm-cnt { width: calc(50% - 0px);}

.welcome-image  { padding-right: 80px; padding-left: 55px;}

.hme-what-we-wrapp { background-color: var(--lightBg); }


.hme-what-we-align { padding: var(--gutter80); padding-bottom: 0;}
.hme-what-we-link { margin-top: 20px;}
.hme-what-we-link a:link, .hme-what-we-link aa:visited, .view-projects a:link, .view-projects a:visited, .proj-blk-link  { display: block; padding:0 0 10px 0; position: relative; }
.hme-what-we-link a:after, .view-projects a:after, .proj-blk-link::after { content: ""; display: block; background-image: url(../images/icon/what-we-link.webp); background-repeat: no-repeat; background-position: right bottom; width: 100px; height: 12px; position: absolute; right: 0; bottom: 0; }

.hme-resid-blk { padding-right: 160px; padding-bottom: 60px; }
.hme-hospitality-blk { padding:60px 160px 60px 230px;   }
.hme-interirors-blk { padding-top: 60px;}
.hme-comm-blk { padding: 60px 0;}
.hme-insti-blk { padding: 60px 0 60px 80px;}
.hme-landscape-blk { padding: 60px 150px 0 220px; }

.hme-pdts-title, .hme-gall-link, .footer-wrapp .container, .footer-mid-wrapp, .hme-pdts-left-btm, .gmap { position: relative;}


.hme-gall-link figcaption, .hme-gall-link a:link, .hme-gall-link  a:visited { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.hme-gall-link a:link, .hme-gall-link  a:visited { display: grid; justify-content: center; align-items: center; background-color: rgba(28,28,28,0.5);}

.hme-our-projects-wrapp { background-color: #272727; color: #ababab; padding: 200px 0; }
.hme-pdts-title h3 { position: absolute; width: 250px; left: 0; } .hme-pdts-title p { padding-left: 50px; padding-top: 50px; margin-left: 250px; border-left: var(--border);}
.hme-pdts-img-1 { padding: var(--gutter);}
.hme-pdcts-right { padding-left: 150px;  } .hme-pdts-img-2 { padding-bottom: 80px;} .hme-pdts-img-3 { padding-top: 80px;}

.footer-wrapp { padding: 160px 0; background-color: #ededed; position: relative; font-size: 11pt;  font-weight: 600; } .footer-top { text-align: center; align-items: flex-end; justify-content: center; }
.footer-top-right, .footer-btm-left { position: absolute; overflow: hidden;}
.footer-btm-left { left: 0; bottom: 0;} .footer-top-right { right: 0; top: 0;}
.footer-wrapp .container, .footer-mid-wrapp { z-index: 1200;} .footer-top address { padding: 0 100px;} .footer-top address figure { padding-bottom: 10px; }
.btn-cnt-icons { justify-content: center; gap:10px}
.footer-mid-wrapp { margin: var(--gutter80); border:var(--border); border-left: none; border-right: none; padding: 30px 0; position: relative; text-transform: uppercase; }
.footer-menu li a:link, .footer-menu li a:visited { display: block; padding: 10px 15px; font-weight: 600; font-size: 11pt;}

.hme-test-slider-block { max-width: 800px; margin: 0 auto; text-align: center;} .clientname { padding-top: 25px; }
.middle-text { max-width: 900px; margin: 0 auto; text-align-last: center; }
.sub-content { padding: var(--gutter40);} .about-main-image, .about-btm-cnt { padding: var(--gutter60);} .about-btm-cnt { padding-bottom: 0; }
.abt-btm-cnt article { text-align-last: center; padding: 0 150px;}
.sub-btm-what-we-wrapp { padding: var(--gutter80);  border-top: var(--border);}
.banner-wrapp-what, .banner-projects-what { height: 260px;  background-image: url(../images/banner/what-we-banner.webp); background-size: 100% auto; background-repeat: no-repeat; background-position: left center; margin-top: 126px;}
.banner-projects-what { background-image: url(../images/banner/projects-banner.webp);}
.banner-projects-contact { background-image: url(../images/banner/contact-banner.webp);}
.what-we-land { position: relative; margin-bottom: 80px;} .what-we-land:last-child { margin-bottom: 0;}
.what-we-land article { position: absolute; width: calc(560px - 0px); padding: 0 80px; right: 0; }
.what-we-land:nth-child(even) article { left: 0; display: flex; justify-content: flex-end; flex-wrap: wrap; } .what-we-land:nth-child(even) { justify-content: flex-end;}
.what-we-land:nth-child(even) article { text-align: right; }
.titleBrdr { width: 200px; position: absolute; left: -214px; background-color: #c3c3c3; height: 2px; top: 23px;}
.what-we-land:nth-child(even) .titleBrdr { left: auto; right: -212px; }

.sub-page .cpr-wrapp span { display: none; }

.prj-filter-items { justify-content: center; gap: 100px;}
.projItem { width: calc(50% - 50px);} .projItem img { width: 100%; height: auto; }

.prjFilt-menu ul { justify-content: center; } .prjFilt-menu { padding-bottom: 30px;}
.prjFilt-menu li { padding: 10px 15px; text-transform: uppercase; font-size: 11.5pt;}
.projItem { transition:all 0.5s ease;}
.contact-wrapp {   border: var(--border);}
.gmap-blk {  width: calc(50% - 0px);} .gmap {  height: 550px; } 
.gmap iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.contact-address { width: calc(50% - 0px); flex-direction: column; justify-content: center; text-align: center;}
.contact-logo img { width: 150px; } .contact-logo { padding-bottom: 20px;}
.contact-address span { text-transform: uppercase; font-weight: 600; font-size: 11.5pt;}

.hme-pdts-left-btm h4 { position: absolute; right: 0; top: 0; }

.prj-items-block { gap: 30px; justify-content: center;}

.project-item { width: calc(33.33% - 30px);}

.clients-wrapp ul { justify-content: center;}
.clients-wrapp li  { display: block; width: calc(20% - 20px); padding:0 10px 0 10px; border: var(--border); text-align: center; margin-left: -1px; margin-top: -1px;} .clients-wrapp p { padding-bottom: 10px;}


.test-item { padding: 30px; text-align: center; max-width: 1200px; border-bottom: var(--border); margin: 0 auto;}
.test-item:last-child { padding-bottom: 0; border: none;}

.quote-left, .quote-right { display: inline-block; background-image: url(../images/icon/quoe-left.webp); background-repeat: no-repeat; background-position: left center; padding-left: 40px;}
.quote-right { background-image: url(../images/icon/quoe-right.webp); padding-left: 0; padding-right: 40px; background-position: right center; }





/* ------------- primary menu ------------- */
.primary-menu li { display: inline-block; padding: 0px;} 
.primary-menu a:link, .primary-menu a:visited {  text-transform: uppercase; }
.primary-menu ul { position: relative; z-index: 1200;}
.primary-menu ul, .resorts-sing-menu ul {    margin: 0px;    padding: 0px;    list-style-type: none;    position: relative; }
.primary-menu ul {  padding: 0; }
.primary-menu ul li {    display: inline-block; }
.primary-menu ul li a:link, .primary-menu ul li a:visited { display: block; padding:20px 15px; color: #fff; font-size: 11pt; font-weight: 300;   }
.primary-menu ul li a:hover, .head-resort-menu a:hover, .primary-menu ul li a.active:link, .primary-menu ul li a.active:visited {  color: #cdc6c3;  }



.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul {    position: absolute;    min-width: auto;    width: 300px;    display: none; opacity: 0; box-shadow: 3px 3px 25px 0px rgba(0,0,0,0.45);  background:#fff; border-radius: 4px;    }
.primary-menu ul li.dpMenu ul::before, .resorts-sing-menu ul li.dpMenu ul::before { content: ""; display: block; position: relative; z-index: 120; 
  width: 0px;   height: 0px;  border-style: solid;  border-width: 0 9px 16px 9px;  border-color: transparent transparent #fff transparent;  transform: rotate(0deg); transform: translate(30px, -15px); display: none}
.primary-menu ul li.dpMenu-small ul, .resorts-sing-menu ul li.dpMenu-small ul,
.primary-menu ul li.dpMenu-small ul li a, .resorts-sing-menu ul li.dpMenu-small ul li a  { width: 190px; }
.primary-menu ul li.dpMenu ul li, .resorts-sing-menu ul li.dpMenu ul li {    display: block;      color: #000; }
.primary-menu ul li.dpMenu ul li:last-child a,  .resorts-sing-menu ul li.dpMenu ul li:last-child a { border: none !important; }
.primary-menu ul li.dpMenu:hover ul, .resorts-sing-menu ul li.dpMenu:hover ul {    display: block;  animation: mymove 0.5s forwards; animation-delay: 0.2s; opacity: 0; transform: translateY(-2px);} 
@keyframes mymove {
    0% { opacity: 0; transform: translateY(15px); }
    100% {opacity: 1; transform: translateY(-2px); }
}
.resorts-sing-menu ul li ul { padding: 30px 0 !important;  }
.primary-menu ul li .dpMenu:hover ul li, .resorts-sing-menu ul li .dpMenu:hover ul li { transition: all 0.5s ease; transform: translateY(100px); opacity: 1; padding: 60px; }
.primary-menu ul li ul li ul {    display: block !important; }
.primary-menu ul li ul li a, .resorts-sing-menu ul li ul li a {         padding:11px 20px !important;     border-bottom: var(--border); border-color: rgba(134, 102, 57, 0.2);; text-align:  left; }
.primary-menu ul li ul li.subDpMenu ul { display: none !important; }
.primary-menu ul li ul li.subDpMenu:hover ul { display: block !important; right: -196px; top: 40px;}
.dpMenu ul li a:link, .dpMenu ul li a:visited { color:var(--color) !important; letter-spacing: 0.5px;  font-size: 12pt !important; }
.dpMenu ul li a:link span, .dpMenu ul li a:visited span { color:#8c8c8c !important; text-transform: capitalize;}
.resorts-sing-menu ul li ul.valle-dpM { margin-top: 20px !important;}
.primary-menu ul li .dpMenu:hover ul li, .resorts-sing-menu ul li .dpMenu:hover ul li { display: none !important; opacity: 0 !important; background-color: red;}
.primary-menu ul li.dpmenuHotel ul li { padding: 0 !important;}
.primary-menu ul li.dpmenuHotel ul li a:link, .primary-menu ul li.dpmenuHotel ul li a:visited { padding: 2px 0 2px 40px !important; display: block; width: calc(100% - 0px); text-transform: uppercase; }
.primary-menu ul li.dpmenuHotel .hote-res-hd { padding-left: 0 !important; }
.primary-menu ul li.dpmenuHotel ul li { display: block;}
.nav-hotel-menu { top: 47px; }
.primary-menu ul li ul li a:link, .primary-menu ul li ul li a:visited {  font-size: 10pt !important; }
.primary-menu ul li.dpmenuHotel ul li a:hover, .hote-res-menu a:hover { color: #fff !important }
.primary-menu ul li ul li a:link, .primary-menu ul li ul li a:visited, .primary-menu ul li.dpmenuHotel ul li a:link, .primary-menu ul li.dpmenuHotel ul li a:visited, .hote-res-menu a:link, .hote-res-menu a:visited  {   text-transform: uppercase;  text-align: left }
.primary-menu ul li.dpMenu ul, .resorts-sing-menu ul li.dpMenu ul { padding: 10px 0 !important }


.header-fix .primary-menu a:link, .header-fix .primary-menu a:visited, .white-header .primary-menu a:link, .white-header .primary-menu a:visited { color: var(--color); font-weight: 600 !important;}

.header-fix .primary-menu ul li a:hover, .header-fix .primary-menu a.active:link, .header-fix .primary-menu a.active:visited,
.white-header .primary-menu ul li a:hover, .white-header .primary-menu a.active:link, .white-header .primary-menu a.active:visited

{  color:#787575 !important;  }


/* ------------- primary menu ------------- */
/* ------------- titles ------------- */
h1, h2, h3, h4, h5, h6, .hme-gall-link a:link, .hme-gall-link  a:visited, .view-projects a:link, .view-projects a:visited, .projItem  { font-weight: 400; text-transform: uppercase; letter-spacing: 4px; }
.welcome-title, .hme-what-title, .footer-wrapp, .banner-caption, .page-title { font-family: "Bai Jamjuree", serif; }
.welcome-title { font-size: 26pt; padding-bottom: 25px;  text-align: center; font-weight: 400; } .welcome-title span { display: block; font-size: 20pt; }
.hme-what-title { font-size: 14pt; text-align: center;  }
.hme-what-title span { display: block; width: 380px; height: 1px; background-color: #a4a4a4; margin:40px auto 0 auto; }
.hme-what-we-link { font-size: 12pt; text-transform: none; }
.what-we-title { font-size: 17pt; padding-bottom: 30px; position: relative; }
.widget-title { font-size: 18pt; padding-bottom: 25px; position: relative;} 
.widget-title span { display: block; width: 200px; height: 1px; background-color: #a1a1a1; margin: 25px auto 0 auto; }
.hme-gall-link a:link, .hme-gall-link  a:visited { color: #fff; text-transform: uppercase; font-size: 18pt;}
.footer-top span { text-transform: uppercase; font-weight: 700;}
.banner-caption { font-size: 18pt; font-weight: 100; text-transform: uppercase; text-align: center; letter-spacing: 4px; } .banner-caption p:nth-child(even) { display: inline-block; padding-left: 200px; padding-top: 15px;}
.page-title { font-size: 26pt; text-transform: uppercase;} .page-title span { display: block; font-size: 20pt; padding-top: 5px;}
.title-what-we-land { font-size: 24pt; position: relative; padding-bottom: 25px; text-transform: none; }
.view-projects a:link, .view-projects a:visited { padding-bottom: 0; text-transform: uppercase; font-size: 10.5pt; font-weight: 600;  margin-top: 40px; width: 305px; text-align: left !important; }
.sub-btm-what-we-wrapp h3 { font-size: 20pt; padding-bottom: 30px; font-weight: 500;}
.hme-pdts-left-btm h4  { font-size: 14pt; line-height: 26pt; }
.clientname { text-transform: uppercase; font-size: 14pt;} .clientname span { font-size: 11pt;}


/* ------------- btns and links ------------- */
.hme-what-we-link a:link, .hme-what-we-link a:visited, .proj-blk-link a:link, .proj-blk-link a:visited { display: block; padding: 0;}
.proj-blk-link a:link, .proj-blk-link a:visited  { font-size: 12pt; font-weight: 600; }
.proj-blk-link { padding-top: 20px;}
.projItem figure { position: relative;} .projItem figcaption { position: absolute; right: 0; top: 35px; z-index: 100; color: #fff; background-color: rgba(22,22,22,0.5); padding: 10px 15px; }


/* -------------------------------------- Owl slider --------------------------- */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* -------------------------------------- Owl slider --------------------------- */

/* -------------- Smo ----------------- */
.smo  { position: absolute; top: 50%;  transform: translateY(-50%); right: 0; }
.smo ul {  gap: 0px; } .smo svg {  fill: #333333 }
.smo a:link, .smo a:visited { width: 40px; height: 40px;; border-radius: 0; display: grid; align-items: center; justify-content: center; opacity: 1; padding: 0; margin: 0;}

.smo li svg {  width: 9px;  height: auto; }
.smo li:nth-child(2n) svg {  width: 18px; }
.smo li:nth-child(3n) svg {  width: 18px; }
.smo li:nth-child(4n) svg {  width: 22px; }
.other-menu .smo li:nth-child(2n) svg {
  width: 19px;
}



.header-btm .align { align-items: center;}
/* -------------- Smo ----------------- */
.owl-carousel {    display: block;} 
.owl-carousel .slide-owl-wrap:not(:first-child) {    display: none;}
.owl-carousel img {    width: 100%; }
.hpt { display: none;}
/* ---------------------- owl resets ------ */
/* .banner-slider .owl-prev, .banner-slider .owl-next { position: absolute; bottom: auto; left: 0;  top: 50%; width: 35px; height: 35px; transform: translateY(-50%); padding: 0; margin:0; background-color: red; }
.banner-slider .owl-next { left: auto; right: 30px;}
.banner-slider .owl-prev:hover, .banner-slider .owl-next:hover { background-color: transparent !important; font-size: 30pt;}
.banner-slider .owl-dots { position: absolute; width: 100%; left: 0; bottom: 50px; }
.banner-slider .owl-prev span, .banner-slider .owl-next span { font-size: 50pt !important; padding: 20px; color: #fff !important; opacity: 0.5;}
.banner-slider .owl-prev span:hover, .banner-slider .owl-next span:hover { opacity: 0.8;}
.owl-theme .owl-dots .owl-dot span { width: 35px; height: 5px; border-radius: 0;}
.owl-theme .owl-dots .owl-dot span { margin: 0;}  */
.fancybox__container { z-index: 20000 !important;}
.home-banner-slider .owl-dots  {position: absolute; bottom: 60px; left: 0; width: 100%;}
  .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; border: var(--border); background-color: transparent;}
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next:hover,  .owl-carousel .owl-nav button.owl-prev:hover { background-image: url(../images/icon/next.webp); background-repeat: no-repeat; width:40px; height: 40px; background-size: cover; background-repeat: no-repeat;}
  .owl-carousel .owl-nav button span { display: none;}
  .owl-carousel .owl-nav button.owl-prev,  .owl-carousel .owl-nav button.owl-prev:hover  { background-image: url(../images/icon/prev.webp);}
  .owl-carousel .owl-nav button.owl-next:hover,  .owl-carousel .owl-nav button.owl-prev:hover { background-color: transparent;}
  .owl-carousel .owl-nav button.owl-next,   .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 0; left: -100px; transform: translateY(50px);}
  .owl-carousel .owl-nav button.owl-next { left: auto; right: -100px;}