body {font-family: 'Roboto', sans-serif;} 

.submenu-item { position:fixed; top:0; left:0; padding-top:10rem;; z-index:9; width:100%; background:#ffffff}

.submenu-item p { border-bottom: 1px sold #ccc; padding-bottom:15px; font-size: 2.4rem;
    line-height: 2.8rem; color:#222222;}





.navbar { padding-top:20px; padding-bottom:20px}
	.wrapper { padding-top:0}
	.navbar { background-color: transparent;}
	
	.navbar.affix { background-color: #ffffff; }
	.navbar.affix .social-list a { color: #000000}
	.gradwrap {position: absolute; top:0; z-index:99; width:100%;  height:400px}
	.grad45 {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+50,000000+50,000000+100&1+0,0+50 */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
);
}
.pad0 { padding:0}
.img-responsive { width:100%;  height:auto !important}

.tcenter { position:absolute; top:50%; transform: translateY(-50%) }
.tcentermain {width: 100%;	 position:relative;}
.tp-bullet { display: none}

.footertable { margin-bottom:20px;}
.footertable td { padding:8px }

input[type='text'], input[type='address'], input[type='url'], input[type='password'], input[type='email'], input[type="search"], input[type="tel"], textarea, input.input-gray:focus, textarea.input-gray:focus { border:none; border-bottom: 1px solid #000000; background:#ffffff; padding-left:0; color:#000}
.form-group { margin-bottom:20px}
.navbar .social-list  { margin-right:0}
.navbar-2 .social-list { float:right}

.owl-nav { position: absolute; top:initial; bottom:5%; width:100%; max-width:50%; padding-left: 4.2857rem;
    padding-right: 4.2857rem; }
.owl-prev { float:left}
.owl-next { float:right}
.owl-prev, .owl-next { font-size:1.1rem}
.owl-prev:before { content:""}
.owl-next:before { content:""}
.owl-carousel { margin-top:60px}

.scroll-wraper {position:absolute; z-index:999; font-size:18px; color:#ffffff; bottom:12%; right:3.5rem}
	.scroll-box {text-transform:uppercase; -ms-transform: rotate(-90deg); 
  transform: rotate(90deg);}
  .scroll-wraper span {transform: rotate(-180deg);}
  .scrollhr {animation-name: scrollline;animation-iteration-count: infinite; 
  animation-duration: 3s; margin:0; border:none; border-bottom: 1px solid #fff; position:relative; top:-45px; right:-85px; display:inline-block; width:80px}
  .scrlltext { font-style:normal; -ms-transform: rotate(-180deg); display:inline-block;
  transform: rotate(-180deg) }

  
  /* The animation code */
@keyframes scrollline {
  0%   { width:1%}
  50%  {width:100%}
  100% { width:1%}
}

.slider-title { font-size:60px !important; line-height:1.1 !important}
.tpbtn { border-color:#ffffff; color:#ffffff}
.banner-title-wrap { position:absolute; left:7rem; top:50%; transform:translateY(-50%); z-index:2}
.banner-title-wrap h2 { color:#ffffff; font-size:60px}

.section-about-title {
    margin-bottom: 3rem !important; color:#231f20 !important; font-size: 2.5rem !important;
}
.social-list a { text-transform:uppercase; font-weight:500; color:#231f20; font-size: 1.3rem;}
footer .social-list a { font-size:1.8rem; color:#333132}
.social-list a:hover  { color:#231f20;}
.navbar-white .social-list a:hover {
    color: #ffffff;
}
p, blockquote {
    margin-bottom: 1.5rem; font-size:1.1rem; line-height:1.8;
}
	td { font-size:1.3rem; line-height:1.8; color:#666666 !important}
	footer h5 { color:#666666; padding:8px 0}
	footer p { color:#666666}
	
	::placeholder {  color:#666666 !important
}

:-ms-input-placeholder {  color:#666666 !important
}

::-ms-input-placeholder {  color:#666666 !important
}

input[type='text'], input[type='address'], input[type='url'], input[type='password'], input[type='email'], input[type="search"], input[type="tel"], textarea, input.input-gray:focus, textarea.input-gray:focus {font-size:1.3rem; line-height:1.8; color:#666666 !important; border-bottom:1px solid #666666}

.overlay-banner {
    display: block;
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5) no-repeat center;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
   
}
.hfull { height:100vh; overflow:hidden}
.footerbtn { margin-top:1.5rem}
.footertable .social-list { margin-bottom:1.5rem}
@media (min-width: 2000px) { p, blockquote { font-size:1.8rem; margin:2rem 0 2.5rem; } .owl-nav { bottom:15% }
.section-subtitle { font-size:1.8rem}
.btn-yellow { font-size:1.5rem}
.social-list a, .owl-prev, .owl-next { font-size:1.5rem}
td { font-size:1.5rem; }
input[type='text'], input[type='address'], input[type='url'], input[type='password'], input[type='email'], input[type="search"], input[type="tel"], textarea, input.input-gray:focus, textarea.input-gray:focus {font-size:1.5rem; }
footer p { font-size:1.5rem}

 }

@media (min-width: 1200px) {
	
	
 .section-4 .vertical-centred, .section-5 .vertical-centred, .section-6 .vertical-centred, .section-7 .vertical-centred {
    padding-top: 9rem;
    padding-bottom: 0;
}
.section-3 .vertical-centred {  padding-top: 0;
    padding-bottom: 0;}


	}
	
	
	
	
	.large-head { font-size:60px; text-transform:uppercase; font-weight:900; color:#000000; line-height:1; margin-bottom:1.5rem;}
	.large-head.bigtitle { font-size:60px; margin-top:1rem}
	.large-head.bigtitle-management { font-size:70px}
	.top-banner-section p { color:#111111}
	.hrline {width:100%; margin:30px 0; border:none; border-top:1px solid #ccc}
	.bb-box { background:#231f20; width:100%;  margin-bottom:30px; padding:0 15px 15px; min-height:240px;}
	.bb-box  img { max-width:100px; margin:auto;}
	.bb-box p { font-size:14px; color:#ffffff; margin-bottom:0;   }
	/*.bb-box-2 .section-about-title { font-size:3rem !important}*/
	
	.box-wraper1 {border:2px solid #ffffff; display:table; position:relative;     padding:0; transform: translateX(-16.67%)}
	.box-wraper1>div { display: table-cell; float:none}
	.bgw { background: rgba(255,255,255,0.6);  }
	.box-wraper1-inner { padding:20px 30px 25px}
	.box-wraper1-inner p { margin-bottom:0}
	.tabwraper	{  width:100%; max-width:940px; padding:50px 20px 20px; margin:auto; box-sizing:border-box}
	.tabwraper h2 { margin-top:0}
	.tabwraper ul { list-style:none; padding-left:15px}
	.tabwraper ul li { padding-left:15px; font-size: 1.3rem;
    line-height: 1.8; text-indent: -5px;}
	.tabwraper ul li:before  {content: "–";
  text-indent: 0;
    left: -10px;
    position: relative;}
	.featureboxpad>div { padding:0}
	
.flex-container {
  display: flex;
  align-items: center;
  background-color:#ffffff;
}

.flex-container > div {
  padding:20px;
  
}
	.featurebox-content-box .row { margin:0}
	.featurebox-img, .featurebox-content, .featurebox-content-box .row, .flex-container { height:380px;}
	.featurebox-img { background-color:#fff; padding:0; background-repeat:no-repeat; background-position:center; background-size: cover}
	.flex-container  h2 { margin-bottom:5px; margin-top:0; }
	.flex-container  p { margin:0}
	
	.featurebox-content .section-subtitle { position:absolute; top:20px; left:20px}
	a.viewmore { position:absolute; bottom:20px; left:20px; font-weight:400; font-size:20px; color:#000; text-decoration: none !important; text-transform: uppercase}
	a.viewmore img { position: relative; top:-3px; margin-left:10px}
	.featurebox-content.active { background:#ffcc00; color:#000000; }
	.featurebox-content.active .section-subtitle { color:#000000}
	.featurebox-content.active img {transform: rotate(90deg)}
	
	.featurebox-content::before {
		content:"";
		position:absolute; top:40px; left:-20px;
		border-top: solid 20px transparent; 
		  border-bottom: solid 20px transparent; 
		  border-right: solid 20px #fff; 
		  height: 0; 
		  width: 0; 
		
		}
		.featurebox-content.active::before { content:"";
		position:absolute; top:40px; left:-20px;
		border-top: solid 20px transparent; 
		  border-bottom: solid 20px transparent; 
		  border-right: solid 20px #ffcc00; 
		  height: 0; 
		  width: 0; }
		  /*.imghover  { overflow:hidden}
		  .imghover img { transition:all 0.6s ease-in-out; }
		  .imghover:hover img { transform:scale(1.1); opacity:0.95}*/
		  
		  .team-member { position:relative; margin:50px;  overflow: hidden}
		  .team-member .overlay-banner { transform: translateY(100%); transition:all 0.3s ease-in-out}
		  .team-member:hover .overlay-banner {transform: translateY(0);}
		  .teamwraperrow {}
		  .teamwraper { padding:0 65px}
		  .teamdetails { padding:20px}
		  .teamdetails h2 {margin-bottom:0 !important}
		 .teamdetails .subhead {font-weight:700; margin-top:0}
		 .teamdetails-1 { position:absolute; width:100%; display:block; bottom:20px; left:20px}
		 .teamdetails-1 h2 { margin-bottom:5px !important; font-size:20px; text-transform: uppercase; line-height:1.2}
		 .teamdetails-1 p { margin-bottom:0; font-size:16px; color:#777777; font-weight:500; line-height:1.2}
		 
		 
		 .tabcol { padding:0 2.5rem }
		 .tabcolcontainer { padding-left:3.57rem; padding-right:3.57rem}
		 /*.tabcol-1 { padding-left:0}
		 .tabcol-3 { padding-right:0}*/
		 .tabcol  .scrollable-content { position:relative}
		 
		 .tabcol .overlay-banner {
    background: rgba(0, 0, 0, 0.2) no-repeat center; }
	
	.tabdetails {background: rgba(215, 181, 5, 0.8) no-repeat center; padding:20px;; position:absolute; width:100%;  z-index:1;  bottom:0; left:0; white-space: normal;}
	.tabdetails h2 {margin-bottom:1rem; margin-top:0; font-weight:900; color:#000000}
	.tabdetails p {  color:#222222; line-height:1.5; min-height:6rem;}
	.tabdetails .viewmore {    font-weight: 400;
    font-size: 20px; display:inline-block;
    color: #000; 
    text-transform: uppercase;}
	.tabdetails .viewmore img { position:relative; top:-3px; margin-left:5px;     transform: rotate(90deg);}
	.tabhead { position:absolute;  z-index:9; opacity:1; transition: all 0.5s ease-in-out;  bottom:20px; left:20px}
		 .tabhead  h2{ margin-bottom:0; font-weight:900; color:#ffcc00}
		 .scrollabletab { overflow: hidden}
	.scrollabletab.active .tabhead, .scrollabletab:hover .tabhead { opacity:0; }
	.scrollabletab .tabdetails { transform: translateY(100%); transition: all 0.5s ease-in-out}
	.scrollabletab:hover .tabdetails { transform: translateY(0); }
	.scrollabletab.active .tabdetails { transform: translateY(0);}
	
	.loader {width:50px; height:50px; position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   z-index: 999;}
   .sustainability .section-6 .vertical-centred { padding-top:0}
	.xsimg { height:100vh; overflow:hidden}
	.xsimg.xsimg12 {height:120vh; overflow:hidden}
	
	/* new Menu  */
	/*.navbar-2 .navbar-bg { height:0 !important}
	.social-list>li { border-right: 1px solid #ccc; margin-left:-4px}
	.social-list>li:last-child { border: none}
	.social-list>li.susmenu { margin-left:-3px}
	.social-list>li>a {    font-size: 0.9rem; background: rgba(255,255,255,0.95); width:125px; text-align:center; float:left !important; padding:15px 5px}
	.navbar-white .social-list a { color: #231f20}
	.navbar-white .social-list a:hover {color: #231f20}
	.social-list>li>a:first-child { margin-left:0 !important}
	.navbar-white .social-list .dropdown-menu, .social-list .dropdown-menu { left:0 !important}
	.dropdown-menu { margin-top:-1px; border-radius:0; background: rgba(255,255,255,0.95); z-index:1}*/
	/* new Menu -------------end  */
	
	.social-list>li>a:first-child {
    margin-left: 1rem !important;}
	
	
	.social-list>li>a {    font-size: 1.1rem;}
	
	.oltdiv { margin-top:8rem}

.aboutus .pagepiling .section.footer,
.our-business .pagepiling .section.footer,
.sustainability .pagepiling .section.footer,
.management .pagepiling .section.footer,
.rd .pagepiling .section.footer,
.careers .pagepiling .section.footer  { padding-top:3.5rem}

.aboutus footer form button.btn,
.our-business footer form button.btn,
.sustainability footer form button.btn,
.management footer form button.btn,
.rd footer form button.btn,
.careers footer form button.btn { margin-bottom:1rem}

.management .pp-scrollable .vertical-centred { padding-top:5rem; padding-bottom:1rem}

.tabcolcontainer { padding-left:5rem; padding-right:5rem; overflow-x: hidden; }
.tabcolrow  { margin-left:-7.5rem; margin-right:-7.5rem}
footer .section-subtitle { display:block}

.btn-yellow { border-radius: 4px}
.bb-box {border-radius: 8px}
.box-wraper1 {border-radius: 8px}
.team-member img {border-radius: 8px}

  
		  
		  @media (max-width: 767px) {
			  
			  /* new Menu  */
			 /* .navbar-2 .navbar-bg { height:100% !important}*/
			  .oltdiv { margin-top:4rem}
			 ::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #ffffff;
}
			  
			  .home .navbar-white .navbar-toggle .icon-bar,
			  .aboutus .navbar-white .navbar-toggle .icon-bar,
			  .our-business .navbar-white .navbar-toggle .icon-bar,
			  .sustainability .navbar-white .navbar-toggle .icon-bar,
			  .management .navbar-white .navbar-toggle .icon-bar,
			  .rd .navbar-white .navbar-toggle .icon-bar,
			  .careers .navbar-white .navbar-toggle .icon-bar { background: #222222   }
			  .banner-title-wrap h2 { font-size:2.5rem}
			 .section-1 video { width: initial !important; height:100%}
			 .pp-scrollable .vertical-centred { padding-bottom:1rem; padding-top:3rem}
			 .home .pp-scrollable.section-2 .vertical-centred { padding-top:8rem; overflow-x:hidden}
			 .aboutus .pp-scrollable.section-7 .vertical-centred { padding-top:0}
			 .aboutus .section-8 .section-about-title { margin-bottom:25px !important; padding-top:30px}
			 .banner-title-wrap { left:3rem}
			 .section-about-title {     font-size: 2.5rem !important;}
			 .owl-nav { max-width:100%}
			  img.img-responsive.xs-mobile
			 { max-width: initial; width: initial !important; height:100% !important}
			 
			 .box-wraper1 {    transform: translateX(0); min-height:initial}
			 .box-wraper1>div { display:block; float: left}
			 .box-wraper1 { display: block; margin:10px}
			 .top-banner-section .boxed { padding-right:15px !important}
			 .management .pp-scrollable.section-8 .vertical-centred {    padding-top: 2rem;}
			 .management .tab-content .scrollable-content {padding:10px 0}
			 .management .tab-content .scrollable-content:before { height:initial; }
			 .teamwraperrow { display:none}
			 .teamwraper { padding:0 15px}
			 .teamdetails { padding:0}
			 .management .tab-content > .tab-pane { display:block !important; margin-bottom:30px}
			 .large-head { font-size:50px}
			 .large-head.bigtitle-management { font-size:40px}
			 .large-head.bigtitle { font-size:30px; margin-top:0}
			 header {    margin-left: -2px !important;}
			 
			 .our-business  {}
			.our-business .featurebox-img, .our-business .featurebox-content, .our-business .featurebox-content-box .row, .our-business .flex-container { height:initial}
			.our-business .featurebox-img, .our-business .featurebox-content { height:300px}
			.our-business .featureboxpad { margin-bottom:50px}
			
			.sustainability .featurebox-img, .sustainability .featurebox-content, .sustainability .featurebox-content-box .row, .sustainability .flex-container { height:initial}
			.sustainability .featurebox-img, .sustainability .featurebox-content { height:300px}
			.sustainability .featureboxpad { margin-bottom:50px}
			.head4875 { margin-top:8rem; padding-top:2rem; padding-bottom:2rem;}
			.head4875 p { line-height:1.2;}
			.imghover   { overflow:hidden}
			.navbar {    height: 9.5rem;}			
			
			.featurebox-content::before {
		content:"";
		position:absolute; top:-39px; left:40px;
		border-left: solid 20px transparent;
    	border-bottom: solid 20px #ffffff;
    	border-right: solid 20px transparent; 
		  height: 0; 
		  width: 0; 
		
		}
		.featurebox-content.active::before { content:"";
		position:absolute; top:-39px; left:40px;
		border-left: solid 20px transparent;
    border-bottom: solid 20px #ffcc00;
    border-right: solid 20px transparent; 
		  height: 0; 
		  width: 0; }
		  
		  
			  
			  .menu-list {
					bottom: 4rem;
				}

.menu-list > li { font-size:2rem; margin-top: 1.5rem;}
.menu-list > li a { color:#222222}
.menu-list ul li { font-size:1.4rem; padding-left:1.5rem}
.menu-list ul li:first-child {
    margin-top: 1.4rem;
}
.menu-list ul li:last-child {
    margin-bottom: 2rem;
}
	.brand img {height: 6rem;
    margin-top: 0.5rem;}
	
	.aboutus .scrollable-content:before,
	.our-business .scrollable-content:before, 
	.sustainability .scrollable-content:before,
	.rd .scrollable-content:before  { height: 50vh}
	.aboutus .pagepiling .section,
	.our-business .pagepiling .section, 
	.sustainability .pagepiling .section,
	.rd .pagepiling .section,
	.careers .pagepiling .section,
	.management .pagepiling .section  { padding-top:0; }
	.aboutus .pagepiling .section.footer, 
	.rd .pagepiling .section.footer,
	.careers .pagepiling .section.footer  { padding-top:4rem; padding-bottom:3rem}
	.rd .section-6 .vertical-centred { padding-top:3rem; padding-bottom:3rem}
	.aboutus  .pp-scrollable .vertical-centred.vercen {    padding-top: 0 !important; padding-bottom:3rem}
	.xsimg, .xsimg.xsimg12 { width:100%; height:300px; overflow:hidden}
	.xsimg.xsimg12 { margin-bottom:3rem}
	.tabcol-1, .tabcol-2, .tabcol-3 { padding:0; margin-bottom:2.5rem}
	.tabcol-3 { margin-bottom:0}
	.box-wraper1 { margin-top:3rem}
	footer form button.btn { margin-bottom:70px}
	.video-popup-link img { max-width:65px !important}
	.management .hfull { height:350px !important; margin-top:9rem}
	.management .box-wraper1 { margin-top:10rem}
	.management .pp-scrollable.top-banner-section .vertical-centred { padding-top:0}
	.sustainability .section-6 .vertical-centred { padding-top:3rem !important}
	.last-team { margin-bottom:3rem !important}
	footer .section-subtitle { margin-bottom:0 !important}
	
	.aboutus .pagepiling .section.footer, .our-business .pagepiling .section.footer, .sustainability .pagepiling .section.footer, .management .pagepiling .section.footer, .rd .pagepiling .section.footer, .careers .pagepiling .section.footer {
    padding-top: 3.5rem;
}

.tabcolcontainer { padding-left:15px; padding-right:15px; overflow-x: hidden; }
.tabcolrow  { margin-left: 15px; margin-right: 15px}
			  
			   }
			   
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px)  {
	
	
	/*  Home  */
	
	.home .section-1 video { width: auto !important}
	.navbar-2 .brand {
    width: 0;
}

.home .xsmobile.pp-scrollable .hfull {
    height: 50vh;
    overflow: hidden;
    margin-top: 9rem;
}
.home .section-3 .vertical-centred,
.home .section-4 .vertical-centred,
.home .section-5 .vertical-centred,
.home .section-6 .vertical-centred {padding-top: 4rem !important;}
.home .xsmobile.pp-scrollable .scrollable-content:before {
    height: initial;
    padding: 40px 0;
}
.home .section-4 .xs-mobile { transform: translateY(-150px) !important;}
.home .mobilefullvideo {
    width: 180% !important;
    right: 0 !important;
    top: 0 !important;
}
.home .mobilefullvideo.mobilefullvideo-50 {
    right: -50% !important;
}

/*  Abaut Us  */

.box-wraper1 {
    transform: translateX(0);
    min-height: initial;
}
.box-wraper1>div {
    display: block;
    float: none;
}
.boxed {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.aboutus .section-6 .scrollable-content.tiki50logo {
    height: 50vh;
    overflow: hidden;
    margin-top: 0;
}
.aboutus .section-6 .vertical-centred {padding-top: 4rem !important;}

.aboutus .pp-scrollable.section-6 .scrollable-content:before {
    height: initial;
    padding: 40px 0;
}

.aboutus .xsmobile.pp-scrollable .hfull {
    height: 50vh;
    overflow: hidden;
   
}

.aboutus .section-6 .vertical-centred {padding-top: 4rem !important;}
.aboutus .xsmobile.pp-scrollable .scrollable-content:before {
    height: initial;
    padding: 40px 0;
}

.managementfull.hfull {
    height: 40vh !important;
    max-height: 700px;
}	
.aboutus .section-8 .section-about-title {
    margin-bottom: 25px !important; 
}

.aboutus .videobg.videobg1 {
    position: absolute;
    width: 300%;
    right: -250px;
    top: -200px;
    min-height: 100%;
    min-width: 100%;
}

/*  Our Business  */

.our-business .videobg {
    position: absolute;
    width: 300%;
    right: -250px;
    top: -200px;
    min-height: 100%;
    min-width: 100%;
}

.our-business .section-8 .scrollable-content:before {
    height: 50vh;
}
.tabcol-1, .tabcol-2, .tabcol-3 {
    padding: 0;     margin-bottom: 2.5rem;
}
.tabcolrow {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.tabcolcontainer { padding:0}

/*  sustainability  */
.sustainability .videobg-banner {
    position: absolute;
    width: 300%;
    right: -550px;
    top: -100px;
    min-height: 100%;
    min-width: 100%;
}
.sustainability .xsimg { height: 50vh; }
.sustainability .top-banner-section .scrollable-content:before {height: 100vh; }
.sustainability  .scrollable-content:before { height: initial;
    padding: 40px 0;}
	
	.sustainability  .largevideo .hfull.hfullimg1,
	.sustainability  .largevideo .hfull.hfullimg2,
	.sustainability  .largevideo .hfull.hfullimg3 {
    height: 50vh; min-height:initial;
    overflow: hidden;
   
}

.sustainability .mobilefullvideo {
    width: 180% !important;
    right: -20% !important;
    top: -10% !important;
}

/*  sustainability  */

.rd .videobg.videobg1 {
    position: absolute;
    width: 300%;
    right: -250px;
    top: -200px;
    min-height: 100%;
    min-width: 100%;
}

.rd .top-banner-section .scrollable-content:before {height: 100vh; }
.rd  .scrollable-content:before { height: initial;
    padding: 40px 0;}
	.rd .xsmobile.pp-scrollable .hfull {
    height: 50vh;
    overflow: hidden;
}
.rd .section-6 .scrollable-content {  padding: 40px 0;} 
	/*  sustainability  */
	.careers .videobg {
    position: absolute;
    width: 300%;
    right: -650px;
    top: -200px;
    min-height: 100%;
    min-width: 100%;
}
.careers .mainbannervideo {    background: rgba(255,204,0,0.7) !important;}
.management .top8574 {background: rgba(255,204,0,0.8) !important;}
.popup_content {    width: 700px !important; margin-left:-25px !important }




	
	}
	
	@media only screen 
and (min-width : 1024px) 
and (max-width : 1199px)  { 

/*  Home  */
	
	.home .section-1 video { width: 300% !important}
	.navbar-2 .brand {
    width: 0;
}

.home .xsmobile.pp-scrollable .hfull {
    height: 50vh;
    overflow: hidden;
    margin-top: 9rem;
}
.home .section-3 .vertical-centred,
.home .section-4 .vertical-centred,
.home .section-5 .vertical-centred,
.home .section-6 .vertical-centred {padding-top: 4rem !important;}
.home .xsmobile.pp-scrollable .scrollable-content:before {
    height: initial;
    padding: 40px 0;
}
.home .section-4 .xs-mobile { transform: translateY(-150px) !important;}
.home .mobilefullvideo {
    width: 180% !important;
    right: 0 !important;
    top: 0 !important;
}
.home .mobilefullvideo.mobilefullvideo-50 {
    right: -50% !important;
}

/*  Abaut Us  */

.box-wraper1 {
    transform: translateX(0);
    min-height: initial;
}
.box-wraper1>div {
    display: block;
    float: none;
}
.boxed {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.aboutus .section-6 .scrollable-content.tiki50logo {
    height: 50vh;
    overflow: hidden;
    margin-top: 0;
}
.aboutus .section-6 .vertical-centred {padding-top: 4rem !important;}

.aboutus .pp-scrollable.section-6 .scrollable-content:before {
    height: initial;
    padding: 40px 0;
}

.aboutus .xsmobile.pp-scrollable .hfull {
    height: 50vh;
    overflow: hidden;
   
}

.aboutus .section-6 .vertical-centred {padding-top: 4rem !important;}
.aboutus .xsmobile.pp-scrollable .scrollable-content:before {
    height: initial;
    padding: 40px 0;
}

.managementfull.hfull {
    height: 40vh !important;
    max-height: 700px;
}	
.aboutus .section-8 .section-about-title {
    margin-bottom: 25px !important; 
}

.aboutus .videobg.videobg1 {
    position: absolute;
    width: 300%;
    right: -250px;
    top: -200px;
    min-height: 100%;
    min-width: 100%;
}

/*  Our Business  */

.our-business .videobg {
    position: absolute;
    width: 300%;
    right: -250px;
    top: -200px;
    min-height: 100%;
    min-width: 100%;
}

.our-business .section-8 .scrollable-content:before {
    height: 50vh;
}
.tabcol-1, .tabcol-2, .tabcol-3 {
    padding: 0;     margin-bottom: 2.5rem;
}
.tabcolrow {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.tabcolcontainer { padding:0}

/*  sustainability  */
.sustainability .videobg-banner {
    position: absolute;
    width: 300%;
    right: -550px;
    top: -100px;
    min-height: 100%;
    min-width: 100%;
}
.sustainability .xsimg { height: 50vh; }
.sustainability .top-banner-section .scrollable-content:before {height: 100vh; }
.sustainability  .scrollable-content:before { height: initial;
    padding: 40px 0;}
	
	.sustainability  .largevideo .hfull.hfullimg1,
	.sustainability  .largevideo .hfull.hfullimg2,
	.sustainability  .largevideo .hfull.hfullimg3 {
    height: 50vh; min-height:initial;
    overflow: hidden;
   
}

.sustainability .mobilefullvideo {
    width: 180% !important;
    right: -20% !important;
    top: -10% !important;
}

/*  sustainability  */

.rd .videobg.videobg1 {
    position: absolute;
    width: 300%;
    right: -250px;
    top: -200px;
    min-height: 100%;
    min-width: 100%;
}
.mobilefullvideo-40, .rd .videobg.videobg2 { right: -40% !important}

.rd .top-banner-section .scrollable-content:before {height: 100vh; }
.rd  .scrollable-content:before { height: initial;
    padding: 40px 0;}
	.rd .xsmobile.pp-scrollable .hfull {
    height: 50vh;
    overflow: hidden;
}
.rd .section-6 .scrollable-content {  padding: 40px 0;} 
	/*  sustainability  */
	.careers .videobg {
    position: absolute;
    width: 300%;
    right: -650px;
    top: -200px;
    min-height: 100%;
    min-width: 100%;
}
.careers .mainbannervideo {    background: rgba(255,204,0,0.7) !important;}
.management .top8574 {background: rgba(255,204,0,0.8) !important;}
.popup_content {    width: 700px !important; margin-left:-25px !important }
  }
  
  .footerleftside { text-align:center}
.footerleftside img { width:120px; margin-bottom:3rem;}
.follow { font-weight:700; text-transform: uppercase; font-size:15px; color:#333333; margin-bottom:10px}
.footer ul.footersocial { padding-left:0; margin-bottom:2rem}
.footersocial li { display: inline-block; border-right: 1px solid #999999;  }
.footersocial li a { padding:10px 15px; display:inline-block; font-size:20px; margin:0 20px}
.footersocial li:last-child { border:none}
.footerlinks .linkhead { font-weight:700; color:#333333; margin-bottom:1rem}
.footerlinks a { font-size:16px}
.sideline { border-right: 1px solid #999999}
.footerrightside { padding:0 40px}
.footer ul .active a, .footer ul li a:hover {
    color: #888888;
    text-decoration: none;
}
footer .form-subscribe {border:1px solid #333; border-radius:4px; overflow:hidden }
footer .form-group.form-subscribe input { border:none;   font-size:1rem; height:3rem; background:#ffffff; display:inline-block; width:180px; padding:0.5rem 1rem 0.5rem 1rem}
footer .form-group button { outline:none; border:none; border-left:1px solid #333;  font-size:1rem; height:3rem; margin-left:-5px;  outline: none !important; box-shadow: none !important; display:inline-block; background:#ffffff;  padding:0 1.2rem; transition: all 0.2s ease-in}
footer .form-group button:hover { background:#000000; color:#ffffff}
.home .footercopyright { transform: translateY(3rem)}

  @media (max-width: 767px) { .footerlinks .linkhead {     margin-top: 2rem;} }