@charset "UTF-8";
/*
Theme Name: Sri Lanka Tea Board
Theme URI: https://redfluence.com
Author URI: https://redfluence.com
Description: Sri Lanka Tea Board by Redfluence
Version: 1.0
Text Domain: redfluence
*/

/*
font-family: 'Work Sans', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Oswald', sans-serif;
*/

:root {
  --defaultsm: 14px;
  --defaultmd: 16px;
  --default: 18px;
  --defaultlg: 20px;
  --herocaption: 120px;
  --titlemain: 100px;
  --title: 60px;
  --titlesm: 30px;
  --subtitle: 26px;

  --defaultlh:28px;
  
  --pagetitle: 60px;
  
  --defaultff: 'Poppins', sans-serif;
  /* --tff:'Merriweather', serif; */
  --htff:'Oswald', sans-serif;
  /*--tff:'EB Garamond', serif;*/
  --latoff:'Oswald', sans-serif;

  --brand-color-main: #adce49;
  --brand-color-dark: #004610;
  --brand-color-secondary: #7d230b;
  --brand-color-red: #ff1100;
}
@media (max-width: 2000px) {
  :root {
    --defaultsm: 12px;
    --defaultmd: 14px;
    --default: 16px;
    --defaultlg: 18px;
    --herocaption: 100px;
    --titlemain: 60px;
    --title: 50px;
    --titlesm: 25px;
    --subtitle: 24px;

    --defaultlh:26px;
	
	--pagetitle: 40px;
  }

  /* html[lang="si-LK"] {
    --titlemain: 60px;
    --title: 50px;
  } */

  html[lang="ta-IN"] {
    --titlemain: 50px;
    --title: 40px;
  }

}
@media (max-width: 1440px) {
  :root {
    --defaultsm: 12px;
    --defaultmd: 14px;
    --default: 16px;
    --defaultlg: 18px;
    --herocaption: 100px;
    --titlemain: 50px;
    --title: 46px;
    --titlesm: 22px;
    --subtitle: 24px;

    --defaultlh:22px;
	
	  --pagetitle: 32px;
  }

  /* html[lang="si-LK"] {
    --titlemain: 60px;
    --title: 50px;
  } */

  html[lang="ta-IN"] {
    --titlemain: 40px;
    --title: 32px;
  }
}
@media (max-width: 992px) {
  :root {
	--pagetitle: 22px;
  }
}

@media (max-width: 768px) {
  :root {
  --pagetitle: 20px;
  --title: 30px;
  }
}

html{font-size:16px;scroll-behavior: smooth;overflow-y: scroll;}
@media (max-width: 2400px) {html{font-size:12px;}}
@media (max-width: 1920px) {html{font-size:12px;}}
@media (max-width: 1800px) {html{font-size:10px;}}
@media (max-width: 1600px) {html{font-size:9px;}}
@media (max-width: 1400px) {html{font-size:9px;}}
@media (max-width: 1201px) {html{font-size:10px;}}
@media (max-width: 992px){html{font-size:10px;}}
body{margin: 0;padding: 0;color:#111;font-family: 'Poppins', sans-serif;font-weight:300;font-size:var(--default);overflow-x: hidden;overflow-y: scroll;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */}
/* body::-webkit-scrollbar {display: none;} */
p{line-height: calc(var(--defaultlh) + 10px);}
h2{font-family: var(--htff);}
h3{font-family: var(--htff);}

a{color:#333;}
a:hover{color:#adce49;}


.site{overflow: hidden;position: fixed;height: 100%;width: 100%;top:5rem;left: 0;right: 0;bottom: 0;background: #fff;transition:all 0.4s ease 0s;}
.page-inner .site{top:17.5rem;}
.site.scrolled{top: 7.5rem;}
.site-container {position: absolute;  overflow: hidden;width: 100%}
/* body > div.site > div.site-container {transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);} */

.site.staticscroll{overflow: visible;position: static;height: 100%;width: 100%;top: 12.5rem;left: 0;right: 0;bottom: 0;background: #fff;margin-top:12.5rem;}
.site.staticscroll.scrolled{margin-top: 7.5rem;}
.staticscroll .site-container {position: static;}

@media (max-width: 768px) {
  .site{top:5rem;}
  .site.staticscroll{margin-top: 5rem;}
}

@media (max-width: 680px) {
  .site{top:7.5rem;}
  .site.staticscroll{margin-top: 7.5rem;}
}


#header-wrapper{color: #333;position: absolute;left: 0;top: 0;right: 0;}
#header-wrapper header{background:#ffffff00;transition: all 0.4s ease 0s;}
/* #header-wrapper header > div.header-top{height: 5rem;background: #fff;}
#header-wrapper header > div.header-top img{width: 100%;} */


#header-wrapper header div.header-top{height: 5rem;background: #f7f7f7;}
#header-wrapper header div.header-top .header-top-inner{display: grid;grid-template-columns: 1fr auto;}
#header-wrapper header div.header-top .header-top-left{display: flex;gap: 1rem;margin-left: 8.125rem;}
#header-wrapper header div.header-top .header-top-left *{height: 5rem;}
#header-wrapper header div.header-top .header-top-left .header-logo{display: flex;box-sizing: border-box;gap: 0.5rem;text-decoration: none;}
#header-wrapper header div.header-top .header-top-left .header-logo:hover{filter: brightness(110%);}
#header-wrapper header div.header-top .header-top-left .header-logo img{max-height: 5rem;}
#header-wrapper header div.header-top .header-top-left .header-logo .caption{line-height: 5rem;color: #004610;font-weight: 500;font-size: 1.125rem;}


#header-wrapper header div.header-top .header-top-right{margin-right: 8.125rem;text-align: right;}

#header-wrapper header div.header-top .header-top-right .hotline{line-height: 5rem;display: inline-block;vertical-align: middle;margin-right: 1rem;}
#header-wrapper header div.header-top .header-top-right .hotline a{background: var(--brand-color-main);color: white;border-radius: 100px;padding: 5px 1.5rem;text-decoration: none;}
#header-wrapper header div.header-top .header-top-right .hotline a:hover{background: #111;}

#header-wrapper header div.header-top .header-top-right .social-media{display: inline-block;vertical-align: middle;}
#header-wrapper header div.header-top .header-top-right .social-media a{display: inline-block;line-height: 5rem;text-decoration: none;color: #626262;margin: 0 10px;}
#header-wrapper header div.header-top .header-top-right .social-media a:hover{color:#000}

#header-wrapper header div.header-top .header-top-right  .language-switcher{display: inline-block;max-width: 120px;}

#header-wrapper header div.header-top .header-top-right  .language-switcher .wpml-ls-legacy-dropdown-click a{border: none;}
#header-wrapper header div.header-top .header-top-right  .language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{border-top: 1px solid #f5f5f5;}

@media (max-width: 1200px) {
  #header-wrapper header div.header-top .header-top-left{display: none;}

  #header-wrapper header div.header-top .header-top-right{align-items: flex-end;}
}


/* #header-wrapper header > div.header-main{display: grid;grid-template-columns: 1fr 1fr 4fr 12.5rem;align-items: center;transition: all 0.5s ease 0s;position: relative;} */
#header-wrapper header > div.header-main{display: grid;grid-template-columns: 1fr 1fr 4fr;align-items: center;transition: all 0.5s ease 0s;position: relative;} /* background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); */
#header-wrapper header > div.header-main::before{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 13.5rem;background: #fff;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
#header-wrapper.small header::before{bottom: 0;}
#header-wrapper.small header{background:#ffffffff;}


#header-wrapper header .site-logo{grid-column: 1/2;grid-row: 1/2;padding-left: 8.125rem;z-index: 1000;line-height: 0;}
#header-wrapper header .site-logo a{color: inherit;text-decoration: none;font-weight: 300;}
#header-wrapper header .site-logo a img{height: 10.0rem;transition: transform 0.5s ease 0s;transition: all 0.5s ease 0s;}
#header-wrapper.small header .site-logo a img{height: 7.5rem;}
#header-wrapper.small header .site-logo a img{filter: grayscale(0) brightness(0%);}
.page-inner #header-wrapper header .site-logo a img{filter: grayscale(0) brightness(0%);}

#header-wrapper header nav{grid-column: 3/4;color: #000;font-family: var(--htff);}
#header-wrapper header nav ul{margin: 0 3rem 0 3rem;padding: 0;list-style: none;text-align: right;}
#header-wrapper header nav ul li{display: inline-block;padding: 0 1.5rem;position: relative;}
#header-wrapper header nav ul li a{text-transform: uppercase;text-decoration: none;font-weight: 400;color: inherit;position: relative;overflow: hidden;transition: color 0.5s cubic-bezier(0.500, 0, 0, 0.900) 0s;padding: 14px 0;}
#header-wrapper header nav ul li a::before{content: "";position: absolute;display: block;left: 0;bottom: 12px;width: 100%;height: 2px;background: #91bd0c;transform: scaleX(0);transition: transform 0.5s cubic-bezier(0.500, 0, 0, 0.900) 0s;hero-home-carousel: transform;transform-origin: right;}
#header-wrapper header nav ul li a:hover{color: #000;}
#header-wrapper header nav ul li a:hover::before{transform: scaleX(1);transform-origin: left;}
#header-wrapper header nav ul li.call-us{float:right;margin-right:5rem;font-size:2.5rem;height: 0;transform: translateY(-1.125rem);}
#header-wrapper header nav ul li.call-us a i{margin-right:1rem;transform:rotate(100deg);color:#000;}


/* #header-wrapper header nav{color: #000;font-family: var(--htff);}
#header-wrapper header nav ul{margin: 0 3rem 0 3rem;padding: 0;list-style: none;text-align: right;}
#header-wrapper header nav ul li{display: inline-block;padding: 0 1.5rem;position: relative;}
#header-wrapper header nav ul li a{text-decoration: none;font-weight: 400;color: inherit;position: relative;overflow: hidden;transition: color 0.5s cubic-bezier(0.500, 0, 0, 0.900) 0s;padding: 14px 0;} 
#header-wrapper header nav ul li a::before{content: "";position: absolute;display: block;left: 0;bottom: 12px;width: 100%;height: 2px;background: #91bd0c;transform: scaleX(0);transition: transform 0.5s cubic-bezier(0.500, 0, 0, 0.900) 0s;hero-home-carousel: transform;transform-origin: right;}
#header-wrapper header nav ul li:hover > a{color: var(--brand-color-main);}
#header-wrapper header nav ul li a:hover{color: var(--brand-color-main);}
#header-wrapper header nav ul li a:hover::before{transform: scaleX(1);transform-origin: left;}
#header-wrapper header nav ul li.call-us{float:right;margin-right:5rem;font-size:2.5rem;height: 0;transform: translateY(-1.125rem);}
#header-wrapper header nav ul li.call-us a i{margin-right:1rem;transform:rotate(100deg);color:#000;} */


#header-wrapper header nav ul li.menu-item-has-children{}
#header-wrapper header nav ul li.menu-item-has-children > a{padding-right:0.5rem;}
#header-wrapper header nav ul li.menu-item-has-children::after{content: "\f0d7";position: absolute;top:50%;right: 0;color: #111;transform: translate(-100%,-50%);font-family: "FontAwesome";font-size: 1rem;}
#header-wrapper header nav ul li.menu-item-has-children:hover::after{color: var(--brand-color-dark);}
#header-wrapper header nav ul li .nav-expand{display: none;}


@media (min-width: 1200px) {
  #header-wrapper header > div.header-main{padding-right: 12.5rem;}
}

@media (min-width: 992px) and (max-width: 1200px) {
    #header-wrapper header > div.header-main{padding-right: 8rem;}
}

@media (min-width: 992px) {
/* sub menus*/
#header-wrapper header nav > ul > li > ul{position: absolute;left: 0;top:auto;padding: 1rem 0;margin: 0;width: max-content;visibility: hidden;opacity: 0;background: var(--brand-color-dark);border-radius: 5px;transition: all 0.4s ease 0s;transform: translateY(25px);pointer-events: none;box-shadow: 0 5px 5px 5px rgba(0,0,0,0.025);}
#header-wrapper header nav > ul > li > ul::before{content: "";position: absolute;left: 35px;top:0;background: var(--brand-color-dark);width: 10px;height: 10px;transform: translateY(-50%) rotate(45deg);}
#header-wrapper header nav > ul > li:hover > ul{visibility: visible;opacity: 1;transform: translateY(15px);pointer-events: auto;}
#header-wrapper header nav > ul > li > ul > li{display: block;width: auto!important;text-align: left;}
#header-wrapper header nav > ul > li > ul > li a{display: block;text-transform: none;padding: 12px 1rem;color: #fff;transition: all 0.2s ease 0s;}
#header-wrapper header nav > ul > li > ul > li:hover{background: rgba(255,255,255,0.05);}
#header-wrapper header nav > ul > li > ul > li:hover a{color: #fff;}
#header-wrapper header nav > ul > li > ul > li a:hover{color: #fff;transform: translateX(5px);}

#header-wrapper header nav > ul > li > ul > li.menu-item-has-children > a{padding-right:1.5rem;}
#header-wrapper header nav > ul > li > ul > li.menu-item-has-children::after{content: "\f0da";position: absolute;top:50%;right: 10px;color: #fff;transform: translate(-100%,-50%);font-family: "FontAwesome";font-size: 1rem;}
#header-wrapper header nav > ul > li > ul > li.menu-item-has-children:hover::after{color: #fff;}



#header-wrapper header nav > ul > li > ul > li > ul{position: absolute;left: 100%;right: auto;top:0;padding: 1rem 0;margin: 0;width: max-content;visibility: hidden;opacity: 0;background: var(--brand-color-dark);border-radius: 5px;transform: translateX(-10px);transition: all 0.4s ease 0s;pointer-events: none;box-shadow: 0 5px 5px 5px rgba(0,0,0,0.025);border: solid 2px rgba(255,255,255,0.1);}
#header-wrapper header nav > ul > li > ul > li:hover > ul{visibility: visible;opacity: 1;transform: translateX(0);pointer-events: auto;}
#header-wrapper header nav > ul > li > ul > li > ul > li{display: block;width: auto!important;text-align: left;}
#header-wrapper header nav > ul > li > ul > li > ul > li a{display: block;text-transform: none;padding: 12px 1rem;color: #fff;transition: all 0.2s ease 0s;}
#header-wrapper header nav > ul > li > ul > li > ul > li:hover{background: rgba(255,255,255,0.05);}
#header-wrapper header nav > ul > li > ul > li > ul > li a:hover{color: #fff;transform: translateX(5px);}

}





#header-wrapper header .menu{display: flex;justify-content: flex-end;z-index: 10;}
#header-wrapper header .menu > span{display: flex;width: 12.5rem;height: 12.5rem;text-align: center;letter-spacing: 0.25rem;color: #000;justify-content: center;flex-direction: column;cursor: pointer;transition: all 0.4s ease 0.6s, color 0.2s ease 0s;}
#header-wrapper header .menu:hover > span{color:#000;}
#header-wrapper header .menu > span > span{}
#header-wrapper header .menu > span > span > span{display: block;width: 100%;padding-left: 0.1rem;}
#header-wrapper.small header .menu > span{height: 7.5rem;}


@media (max-width: 1440px) {
  #header-wrapper header > div.header-main{grid-template-columns: 1fr 1fr 12fr 12.5rem;}
  #header-wrapper header nav ul{margin: 0 1rem 0 1rem;}
  #header-wrapper header nav ul li{padding: 0 5px;}
	#header-wrapper header nav ul li a{font-size: var(--defaultmd);}
}


@media (max-width: 1201px) {
	#header-wrapper header .site-logo a img{height: 7.5rem;}
}

@media (max-width: 1101px) {
	#header-wrapper header nav ul li.call-us{display:none;}
}

@media (max-width: 1024px) {
  #header-wrapper header >  div.header-main{display: grid;grid-template-columns: 5fr 7.5rem;}
	/* #header-wrapper header nav{display: none;} */

  #header-wrapper header div.header-top .header-top-right{margin-right: 2.125rem;}
}

@media (min-width: 992px) {
  #header-wrapper header .menu{display: none;}
}

@media (max-width: 992px) {
  #header-wrapper header > div.header-main{padding: 0;}
  #header-wrapper header .header-main nav ul{margin: 0 1rem;}

  
  #header-wrapper header .menu{display: flex;grid-column: 2/3;}
  #header-wrapper header .menu.open{}
  #header-wrapper header .menu.open .fa-bars::before {content: "\f00d";}

  #header-wrapper header .site-logo{padding-left: 2rem;}

  #header-wrapper header nav{position: absolute;width: 100%;top:8rem;background: #fff;padding: 2rem 1rem 2rem 1rem;box-sizing: border-box;transform: translateY(-150%);transition: all 0.4s ease 0s;}
  #header-wrapper header nav.open{transform: translateY(0);transition: all 0.75s cubic-bezier(0, 0.87, 0, 1.35) 0s;grid-column: 1/4;}
  #header-wrapper header nav ul li{display: block;font-size: 16px;padding: 0;text-align: left;}
  #header-wrapper header nav ul li a{display: block;background: #f5f5f5;padding: 1.5rem 2rem;margin-bottom: 1px;}

  #header-wrapper header nav ul li.menu-item-has-children::after{display: none;}
  #header-wrapper header nav ul li.menu-item-has-children > a{width: calc(100% - 5rem);display: inline-block;box-sizing: border-box;vertical-align: middle;}
  #header-wrapper header nav ul li .nav-expand{display: inline-block;width: 5rem;height: 100%;padding: 1.5rem 2rem;box-sizing: border-box;background: #ccc;color: #fff;text-align: center;vertical-align: middle;cursor: pointer;font-size: 14px;}
  #header-wrapper header nav ul li.open > .nav-expand .fa-chevron-down::before{content: "\f077";}

  #header-wrapper header nav ul li ul{display: none;position: static;margin: 0!important;padding: 0 0 0 10px;background: #ddd;}
  #header-wrapper header nav ul li ul li a{background: #f0f0f0;}

  #header-wrapper header nav ul li ul li ul{background: #ccc;}
  
  

}



@media (max-width: 768px) {
  #header-wrapper header .site-logo a img{height: 7.5rem;filter: grayscale(0) brightness(0%);}


  #header-wrapper header nav ul li{font-size: 12px;}

  #header-wrapper header .menu > span{width: 7.5rem;height: 7.5rem;}
  
}

@media (max-width: 680px) {
  #header-wrapper header >  div.header-main{display: grid;grid-template-columns: 5fr 7.5rem;background: #fff;}

  #header-wrapper header .site-logo{padding-left:0;}
  #header-wrapper header .site-logo a img{height: 6.5rem;margin-left: 1rem;}

  /* #header-wrapper header nav{display: none;} */


}





#mega-menu{position: fixed;left: auto;top: 17.5rem;right: 8.125rem;bottom: 9rem;width: calc(100% - 16.25rem);background: #b09976;z-index: 9;display:none;color: #fff;transform-origin: right top;} /* background: #33333388; */
.small + #mega-menu{top: 12.5rem;}
#mega-menu .mega-menu-inner{position: absolute;left: 3rem;top: 3rem;right: 3rem;bottom: 3rem;background: #111;padding: 3rem;overflow: hidden;}
#mega-menu .mega-menu-inner::before{content: 'TEA';display:block;position: absolute;text-transform: uppercase;font-size: 10vw;font-weight: bold;;opacity: 0.015;bottom: 0;left:0;text-align: right;}
#mega-menu .mega-menu-inner ul{list-style: none;margin: 0;padding: 0;z-index: 1;}
#mega-menu .mega-menu-inner ul a{color: #ccc;text-decoration: none;overflow: hidden;transition: color 0.5s cubic-bezier(0.500, 0, 0, 0.900) 0s;padding: 0 0 14px;position: relative;}
#mega-menu .mega-menu-inner ul a::before{content: "";position: absolute;display: block;left: 0;bottom: 12px;width: 100%;height: 2px;background: #62b81d;transform: scaleX(0);transition: transform 0.5s cubic-bezier(0.500, 0, 0, 0.900) 0s;will-change: transform;transform-origin: right;}
#mega-menu .mega-menu-inner ul a:hover{color: #fff;transform: rotateZ(35deg);}
#mega-menu .mega-menu-inner ul a:hover::before{transform: scaleX(1);transform-origin: left;}
#mega-menu .mega-menu-inner > ul{display: grid;grid-auto-flow: column;}
#mega-menu .mega-menu-inner > ul > li{}
#mega-menu .mega-menu-inner > ul > li > a{font-size: var(--defaultlg);text-transform: uppercase;font-weight: bold;}
#mega-menu .mega-menu-inner > ul > li > ul{margin-top: 1rem;line-height: 2rem;}
#mega-menu .mega-menu-inner > ul > li > ul > li{font-size: var(--default);margin-bottom: 1rem;}

#mega-menu .mega-menu-inner > ul > li > ul li ul{margin: 1rem 0 0 2rem;transition: all 0.5s ease 0s;height: 0;overflow: hidden;opacity: 0;}
#mega-menu .mega-menu-inner > ul > li > ul li:hover ul{height: auto;opacity: 1;}

@media (max-width: 1400px) {
  #mega-menu .mega-menu-inner > ul > li > a{font-size: var(--defaultmd);}
}

@media (max-width: 1201px) {
	#mega-menu .mega-menu-inner > ul{display: block;}
	#mega-menu .mega-menu-inner ul li{display: block;margin-bottom: 1.5rem;}
	#mega-menu .mega-menu-inner > ul > li > ul{display: none;}
}

@media (max-width: 768px) {
  #mega-menu{position: fixed;left: auto;top: 12.5rem;right: 7.5rem;width: calc(100% - 15.625rem);}
  #mega-menu .mega-menu-inner > ul{display: block;}
  #mega-menu .mega-menu-inner ul li{display: block;margin-bottom: 1.5rem;}
  #mega-menu .mega-menu-inner > ul > li > ul{display: none;}
}

@media (max-width: 680px) {
  #mega-menu{position: fixed;left: auto;top: 12.5rem;right: 0;width: 100%;}
  #mega-menu .mega-menu-inner > ul > li > a{font-size: 14px;}
}





.hero{position: relative;width: 100%;display: grid;}
/* .hero::before{content: '';position: absolute;display: block;left:5vw;right: 10vw;bottom: -1vw;height:5vw;background: #333;transform: rotate(1deg);} */

.hore-left{}
.hero .social-media{position: absolute;;left:0;bottom:0;z-index: 1;}
.hero .social-media::before{content: 'Follow us';position: absolute;left:50%;transform: translateX(-50%) rotate(180deg);top:-14.5rem;z-index: 1;writing-mode: vertical-rl;font-family: var(--htff);font-weight: 700;font-size: 1.5rem;text-transform: uppercase;} /* writing-mode: sideways-lr - not working on chrome */
.hero .social-media a{display:block;color: #000;background: #fff;font-size: 2rem;width: 8.125rem;height: 8.125rem;text-align: center;line-height: 9rem;transition: all 0.2s ease 0s;}
.hero .social-media a:hover{background: #fff;}
.hero .social-media a.facebook:hover{color: #3B61B1;}
.hero .social-media a.twitter:hover{color: #1da1f2;}
.hero .social-media a.instagram:hover{color: #e1306c;}
.hero .social-media a.youtube:hover{color: #ff0000 ;}


.hero-mid{position: relative;display:grid;grid-gap:1rem;}


#hero-home-carousel{position: relative;overflow:hidden;}
#hero-home-carousel .item{position: relative;}
#hero-home-carousel .item img{object-fit: cover;width: 100%;height: calc(100vh - 5rem);transition: transform 70s ease 0s;}
#hero-home-carousel .active .item img{transform: scale(1);} /*transform: scale(1.5); */

#hero-home-carousel::before{content: '';position: absolute;inset: 0;z-index: 1;pointer-events: none;background: linear-gradient(186deg,#fff 0%,#fff0 35%);}


#hero-home-carousel .item .text{position: absolute;left: 8.33vw;top:40%;text-align: left;color: #fff;width: 35vw;}
#hero-home-carousel .item .text .text-large{font-size:var(--titlemain);color:inherit;font-family: var(--htff);font-weight: 900;opacity: 0;transition: opacity 2s ease 1s, transform 1s ease 1s;will-change: opacity, transform;transform: translateX(-10px);line-height: 1.2;}
#hero-home-carousel .item .text .text-small{font-size:calc(var(--title) - 5px);color:inherit;font-family: var(--htff);font-weight: 400;opacity: 0;transition: opacity 2s ease 1.2s, transform 1s ease 1.2s;will-change: opacity, transform;transform: translateX(-10px);line-height: 1.2;}
#hero-home-carousel .item .text .description{color: inherit;opacity: 0;transition: opacity 2s ease 1.5s, transform 1s ease 1.5s;will-change: opacity transform;transform: translateX(-10px);line-height: 1.2;}
#hero-home-carousel .item .text .btn-holder{opacity: 0;transition: opacity 2s ease 1.2s, transform 1s ease 1.6s;will-change: opacity, transform;transform: translateX(-10px);}
#hero-home-carousel .item .text .btn-holder a{text-decoration: none;color:#fff;font-size: var(--defaultmd);text-transform: uppercase;transition: all 0.4s ease 0s;font-weight: 500;}
#hero-home-carousel .item .text .btn-holder a:hover{color:#a0bc43;}

#hero-home-carousel .active .item .text .text-large{opacity: 1;transform: translateX(0);}
#hero-home-carousel .active .item .text .text-small{opacity: 1;transform: translateX(0);}
#hero-home-carousel .active .item .text .description{opacity: 1;transform: translateX(0);}
#hero-home-carousel .active .item .text .btn-holder{opacity: 1;transform: translateX(0);}

#hero-home-carousel.owl-theme .owl-dots{position: absolute;right: 3.5rem;bottom:5rem;counter-reset: dots;padding: 1rem 0 1rem;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot{margin-bottom: 0;margin-right:2rem;;width: 3rem;height: 3rem;transition: all 0.2s ease 0s;position:relative;cursor:pointer;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot.active{background:none;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot:hover{background: none;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot::before {counter-increment: dots;content: counters(dots, ".", decimal-leading-zero);font-family: var(--htff);color: #fff;font-weight: 600;font-size: 1.125rem;line-height: 3rem;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot.active:before {color: #fff;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot.active::after {content:"";position:absolute;display:block;width:2rem;height:0.35rem;background:#fff;left:0.5rem;bottom:-0.175rem;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot:hover::before {color: #fff;}
#hero-home-carousel.owl-theme .owl-dots .owl-dot span{width: 0;height: 0;}

#hero-home-carousel.owl-theme .owl-nav{position:absolute;left:auto;left:-15rem;bottom:3.5rem;width: 6rem;padding: 0 0 5rem;background: #fff;display:none;}
#hero-home-carousel.owl-theme .owl-nav::after{content: '';display: block;position: absolute;top: 0;height: calc(100vh - 28rem);background: #000;width: 1px;left: 50%;transform: translateX(-50%);z-index: -1;}
#hero-home-carousel.owl-theme .owl-nav [class*="owl-"]{color: #fff;margin:0;padding: 2.5rem 3rem;display: block;cursor: pointer;border-radius: 0;transition:all 0.4s ease 0s;border: solid 1px #fff;line-height: 0;background: #fff;opacity: 1}
#hero-home-carousel.owl-theme .owl-nav [class*="owl-"]:hover{background:#ea3c53;}

#hero-home-carousel .owl-prev{left:0;opacity:0.75;margin-bottom: 25px!important;}
#hero-home-carousel .owl-prev:hover{opacity:1;}
#hero-home-carousel .owl-prev svg{width:1rem;height:1rem;transform:rotate(180deg);margin: 0 0 0 -0.5rem;}
#hero-home-carousel .owl-next{right:0;opacity:0.75;}
#hero-home-carousel .owl-next:hover{opacity:1;}
#hero-home-carousel .owl-next svg{width:1rem;height:1rem;margin: 0 0 0 -0.5rem;}


.hero .logo-top{position: absolute;z-index: 1;opacity: 0.5;mix-blend-mode: overlay;}
.hero .logo-top img{width: 40vw!important;height: auto!important;}
.hero .logo-top.right{right:-4vw;bottom:0;}
.hero .logo-top.left{left:-4vw;bottom:0;}


@media (max-width: 1200px) {
    #hero-home-carousel .item .text{position: absolute;left: 8.33vw;top:30%;text-align: left;color: #fff;width: 65vw;}
}


@media (max-width: 768px) {
  .hero{}
	
  .hero-mid{position: relative;display:block;}	

 .hero .social-media{display: none;}
	
  #hero-home-carousel .item img{object-fit: cover;width: 100%;height: calc(100vh - 7.5rem);transition:none;}
  #hero-home-carousel .active .item img{transform: scale(1);}
  #hero-home-carousel.owl-theme .owl-dots{position: absolute;left:0;right:0;bottom:0;counter-reset: dots;padding: 6rem 0 9rem;}


  #hero-home-carousel.owl-theme .owl-nav{position:absolute;left:auto;right:-6.75rem;top:3.5rem;width: 6rem;padding: 0 0 5rem;background: #fff;}
  #hero-home-carousel.owl-theme .owl-nav::after{display: none;}
  #hero-home-carousel .owl-prev{left:0;opacity:0.75;margin-bottom: 5px!important;}
}

@media (max-width: 680px) {
  .hero{display: block;}
  
  .hero .social-media{position: absolute;;left:0;bottom:5rem;z-index: 1;}
  .hero .social-media::before{color: #fff;top:-10.5rem;}
  .hero .social-media a{display: block;color: #fff;background: none;font-size: 1.5rem;width: 4rem;height: 4rem;text-align: center;line-height: 4rem;transition: all 0.2s ease 0s;}
  .hero .social-media a:hover{background: none;}	
	
  #hero-home-carousel .item .text{top: 40%;}
	#hero-home-carousel .item .text .description{display: none;}
  #hero-home-carousel .item .text .btn-holder{margin-top: 1rem;}
	
	
  #hero-home-carousel .item .text .caption{font-size: 3.5rem;}

  #hero-home-carousel.owl-theme .owl-nav{right:0;top:auto;top: 50%;bottom: auto;background: none;width: 4rem;}
  #hero-home-carousel.owl-theme .owl-nav [class*="owl-"]{color: #fff;margin:0;border: solid 1px #ffffff88;line-height: 0;background: #ffffff88;width: 1rem;padding: 1rem;}
  #hero-home-carousel .owl-prev svg{width:1rem;height:1rem;transform:rotate(180deg);margin: 0;}
  #hero-home-carousel .owl-next svg{width:1rem;height:1rem;margin: 0;}
	
	
  body.home #tawkchat-container iframe {inset: auto 30px 14px auto !important;}

}




.hero .mouse{position: absolute;left: 50%;transform: translateX(-50%);top: 75%;z-index: 1;text-align: center;}
.hero .mouse svg{width: 3rem;height: auto;animation: float 2s ease-in-out infinite;clear: both;}
.hero .mouse span{text-align: center;color: #fff;display: block;font-size: 14px;animation: float 2s ease-in-out infinite;}

@keyframes float {
	0% {transform: translateY(0px);}
	50% {transform: translateY(-10px);}
	100% {transform: translateY(0px);}
}





.hero .home-newscroller{position: absolute;left: 4rem;bottom:0;z-index: 1;text-align: left;width: 70%;overflow: hidden;}
.hero .home-newscroller .home-newscroller-inner{display: grid;grid-template-columns: 5rem auto;padding: 1rem 2rem;background: rgba( 1, 71, 17, 0.75 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 5px );
  -webkit-backdrop-filter: blur( 5px );
  border-radius: 10px 10px 0 0;}

.hero .home-newscroller .home-newscroller-inner > img{width: 3rem;}

.hero .home-newscroller .home-newslider-wrapper{min-width: 100%;}

.hero .home-newscroller .home-newslider{}
.hero .home-newscroller .home-newslider .newsline{color: #fff;line-height: 3rem;}
.hero .home-newscroller .home-newslider .newsline a{color: #fff;text-decoration: none;}


@media (max-width: 768px) {
  .hero .home-newscroller{width: 90vw;}
  .hero .home-newscroller .home-newslider .newsline{font-size: 14px;}
}


@media (max-width: 680px) {
  .hero .home-newscroller{position: absolute;left: 2rem;right: 2rem;bottom:0;z-index: 1;text-align: left;width: auto;}
  .hero .home-newscroller .home-newslider .newsline{font-size: 14px;}
}





.hero .home-tea-updates{position: absolute;left: calc(4rem + 70% + 20px);bottom:0;z-index: 1;text-align: left;width: calc(100% - 4rem - 70% - 20px - 4rem);overflow: hidden;}
.hero .home-tea-updates .home-tea-updates-inner{display: grid;grid-template-columns: 5rem auto;padding: 1rem 2rem;background: #be932a;
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 5px );
  -webkit-backdrop-filter: blur( 5px );
  border-radius: 10px 10px 0 0;}

.hero .home-tea-updates .home-tea-updates-inner > img{width: 3rem;}

.hero .home-tea-updates .home-newslider-wrapper{min-width: 100%;}

.hero .home-tea-updates .home-newslider{}
.hero .home-tea-updates .home-newslider .newsline{color: #fff;line-height: 3rem;}
.hero .home-tea-updates .home-newslider .newsline a{color: #fff;text-decoration: none;}

@media (max-width: 1024px) {
  .hero .home-tea-updates{display: none;}
}

@media (max-width: 768px) {
  .hero .home-tea-updates{width: 90vw;display: none;}
  .hero .home-tea-updates .home-newslider .newsline{font-size: 14px;}
}


@media (max-width: 680px) {
  .hero .home-tea-updates{position: absolute;left: 2rem;right: 2rem;bottom:0;z-index: 1;text-align: left;width: auto;}
  .hero .home-tea-updates .home-newslider .newsline{font-size: 14px;}
}














.hero .home-newsletter{position: absolute;right:1.25vw;bottom: 20%;z-index: 1;color: #fff;writing-mode: vertical-lr;font-family: var(--htff);}
.hero .home-newsletter a{color: inherit;text-decoration: none;transform-style: preserve-3d;}

.hero .inquire{position: absolute;right:0;bottom:0;z-index:1;}
.hero .inquire a{display: inline-block;border-radius: 0;color: #fff;text-decoration: none;padding: 3rem 4.5rem;position:relative;font-family: var(--htff);font-weight:bold;transition: all 0.4s ease 0s;}
.hero .inquire a.btn-dark{background: #151515;}
.hero .inquire a.btn-light{background: #2a2a2a;}
.hero .inquire a span:first-child{z-index:1;position: relative;}
.hero .inquire a span:last-child{display:block;position: absolute;left: 0;bottom: 0;top: 0;width: 0;transition: all 0.4s ease 0s;background: #f8ce00;z-index: 0;}
.hero .inquire a:hover{color: #151515;}
.hero .inquire a::before{content: '';display: block;position: absolute;right: 0;bottom: 0;width: 0;height: 2px;background: #ffe879;transition: all 0.4s ease 0s;z-index: 2;}
.hero .inquire a:hover::before{width: 100%;}
.hero .inquire a:hover span:last-child{width: 100%;}
.hero .inquire a:hover{}

  @media (max-width: 768px) {
    .hero .inquire a{padding: 1.25rem 2.5rem;font-size: 12px;}
  }

  @media (max-width: 680px) {
    .hero .inquire a{padding: 1.25rem 2.5rem;font-size: 12px;}
  }

  @media (max-width: 580px) {
    .hero .inquire a{padding: 1rem 1.5rem;font-size: 10px;}
  }





  #footer{}

  
  .footer-content{color: #686868;font-weight: 400;font-size: var(--defaultmd);}
  .footer-content-inner{display: grid;grid-template-columns: 1fr 2fr 4fr 2fr 2fr;background: #f6f6f6;}
  
  .footer-content-inner ul{margin: 0 0 0 2em;padding: 0;list-style: none;}
  .footer-content-inner ul li{margin-bottom: 0.5rem;}
  .footer-content-inner ul li:before {content: "";border-color: transparent #adce49;border-style: solid;border-width: 0.4em 0 0.4em 0.5em;display: block;height: 0;width: 0;left: -2em;top: 1em;position: relative;}
  .footer-content-inner ul li a{color: inherit;text-decoration: none;}
  .footer-content-inner ul li a:hover{color: #adce49;text-decoration: none;}
  
  .footer-content-inner .social-media-wrapper{text-align: center;height: 100%;}
  .footer-content-inner .social-media-wrapper .social-media{background: #adce49;display: inline-block;height: 100%;}
  .footer-content-inner .social-media-wrapper .social-media a{display: block;color: #fff;font-size: 1.75rem;padding: 1rem;}
  .footer-content-inner .social-media-wrapper .social-media a:first-child{margin-top: 7rem;}
  .footer-content-inner .social-media-wrapper .social-media a i{}
  .footer-content-inner .social-media-wrapper .social-media a:hover{color: #fff;}
  
  .footer-contacts-wrapper{padding: 4rem 0 2rem;}
  .footer-contacts{}
  .footer-contacts h3{font-size: var(--default);color: #191e2c;text-transform: uppercase;font-weight: 400;margin: 0 0 2rem;}
  .contact-row{display: flex;margin-bottom: 2rem;}
  .contact-row .icon{width: 3.5rem;color: #adce49;font-size: 1.5rem;}
  .contact-row .details{font-style:normal;}
  .contact-row .details a{color: inherit;text-decoration: none;}
  
  
  .footer-cities-wrapper{padding: 4rem 0 2rem;}
  .footer-cities{padding: 0 10vw 0 5vw;}
  .footer-cities h3{font-size: var(--default);color: #191e2c;text-transform: uppercase;font-weight: 400;margin: 0 0 2rem;}
  .footer-cities ul{}
  
  .footer-nav-wrapper{padding: 4rem 0 2rem;}
  .footer-nav{padding: 0;}
  .footer-nav h3{font-size: var(--default);color: #191e2c;text-transform: uppercase;font-weight: 400;margin: 0 0 2rem;}
  
  .footer-newsletter-wrapper{padding: 4rem 0 2rem;}
  .footer-newsletter{padding: 0;}
  .footer-newsletter h3{font-size: var(--default);color: #191e2c;text-transform: uppercase;font-weight: 400;margin: 0 0 2rem;}
  
  
  
  
  @media (max-width: 992px) {
    .footer-content-inner{display: grid;grid-template-columns: 1fr 2fr 2fr;}
    .footer-nav-wrapper{grid-column: 1/3;text-align: center;}
    .footer-nav-wrapper ul{display: inline-block;text-align: left;}
  }
  
  @media (max-width: 680px) {
    .footer-content-inner{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
  
    .footer-content-inner .social-media-wrapper{grid-column: 1/2;}
    .footer-contacts-wrapper{grid-column: 2/5;}
  
    .footer-cities-wrapper{grid-column: 1/3;}
    .footer-cities{padding: 0 2vw 0 5vw;}
    .footer-nav-wrapper{grid-column: 3/5;}
  
    .footer-newsletter-wrapper{grid-column: 1/5;text-align: center;}
  }
  
  @media (max-width: 540px) {
    .footer-content-inner{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
  
    .footer-content-inner .social-media-wrapper{grid-column: 1/2;}
    .footer-contacts-wrapper{grid-column: 2/5;padding-left: 2rem;}
  
    .footer-cities-wrapper{grid-column: 1/5;text-align: center;display: none;}
    .footer-cities{padding: 0 4vw 0 4vw;}
    .footer-cities ul{display: inline-block;column-count: 1;}
    .footer-nav-wrapper{grid-column: 1/5;}
  
    .footer-nav-wrapper{display: none;}
  
    .footer-newsletter-wrapper{grid-column: 1/5;text-align: center;}
  }
  
  
  
  
  
  
  .footer-bottom{display: grid;grid-template-columns:3fr 6fr 3fr;text-align: center;color: #686868;font-weight: 400;font-size: var(--defaultmd);background: #151515;border-top:solid 1px #333;}
  .footer-bottom > div{padding: 2rem;}
  .footer-bottom > div a{text-decoration: none;color: inherit;}
  .footer-bottom > div a:hover{text-decoration: underline;}
  
  .footer-bottom-links{}
  
  .footer-bottom-copyright{}
  
  .footer-bottom-company{}
  .footer-bottom-company a:hover{text-decoration: none;color: #fff;}
  .footer-bottom-company span{display: inline-block;vertical-align: middle;}
  .footer-bottom-company span:first-child{margin-right: 0.75rem;}
  .footer-bottom-company img{width: 2.25rem;text-decoration: none;outline: none;}
  
  
  @media (max-width: 992px) {
    .footer-bottom{display: block;}
  }




/* #footer{}

.footer-nav{padding:4rem 8.2rem;}
.footer-nav ul{margin:0;padding:0;list-style:none;}
.footer-nav ul li{display:inline-block;padding:0 0.5rem;margin:0.75rem 0.25rem;}
.footer-nav ul li a{color:#000000;text-decoration:none;font-weight:400;}
.footer-nav ul li a:hover{text-decoration:underline;}


@media (max-width: 992px) {

}

@media (max-width: 680px) {

}

@media (max-width: 540px) {

}



.footer-map{padding:0 0 0 9.375rem;}
.footer-map > div{}
.footer-map > div img{width:100%;}

.footer-map address{padding:0  9.375rem 0 0;font-style:normal;font-weight:600;font-size:2rem;text-align:right;}





.footer-bottom{display: grid;grid-template-columns:3fr 6fr 3fr;text-align: center;color: #686868;font-weight: 400;font-size: var(--defaultmd);background: #f6f6f6;border-top:solid 1px #f6f6f6;}
.footer-bottom > div{padding: 2rem;}
.footer-bottom > div a{text-decoration: none;color: inherit;}
.footer-bottom > div a:hover{text-decoration: underline;color:#000;}

.footer-bottom-links{}

.footer-bottom-copyright{}

.footer-bottom-company{}
.footer-bottom-company a:hover{text-decoration: none;color: #fff;}
.footer-bottom-company span{display: inline-block;vertical-align: middle;}
.footer-bottom-company span:first-child{margin-right: 0.75rem;}
.footer-bottom-company img{width: 2.25rem;text-decoration: none;outline: none;}


@media (max-width: 992px) {
	.footer-bottom{display: block;}
} */




.pop-up{position:fixed;top:40%;right:-110%;z-index:8;padding:1rem;background:#fff;box-shadow: 1px 0 4px rgba(0,0,0,0.2);transition:all 1s ease 0s;}
.pop-up.visible{right:1rem;}
.pop-up-inner{position:relative;}
.pop-up-inner img{width:18.75rem;}
.pop-up-inner span.close{position:absolute;top:0;right:0;display:block;width:20px;height:20px;background:#000;color:#fff;text-align:center;border-radius:50%;cursor:pointer;font-size:16px;transition:all 0.2s ease 0s;}
.pop-up-inner span.close:hover{background:#ffda21;}



#triggerpop{display:none;}
#inlinepopwrapper{display: none;}
#inlinepop{overflow: auto;width: 1200px;max-width:100%;height:auto;text-align:center;padding:1rem;}
#inlinepop img{max-width:100%;}
	
@media (max-width: 1400px) {
	#inlinepop{overflow: auto;width: 1000px;}
}	

/*  */
.otgs-development-site-front-end{display: none !important;}