@font-face {
font-family: "ptserif";
src: url("../fonts/ptserif.woff2") format("woff2");
src: url("../fonts/ptserif.woff") format("woff");
}

@font-face {
font-family: "ptserifbold";
src: url("../fonts/ptserifbold.woff2") format("woff2");
src: url("../fonts/ptserifbold.woff") format("woff");
}


@font-face {
font-family: "didotbold";
src: url("../fonts/didotbold.woff2") format("woff2");
src: url("../fonts/didotbold.woff") format("woff");
}

.ptserifbold {
	font-family: "ptserifbold";
}

.nav-link.menu-highlight {
	color:#efd443!important;
}
	

#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#fff;
  z-index:99999;
  
}
.video-container {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
  z-index:-1;
}

.video-container-mobile {
  position: absolute;
  top: 0;
  bottom:0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
z-index:1;  
}

		.video-container video, .video-container-mobile video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


body::-webkit-scrollbar {
  width: 8px;
}
 
body::-webkit-scrollbar-track {
  background:#023;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #818181;
  outline: 1px solid slategrey;
}

 button.defaultbutton {
	border:2px solid #fff;
	padding:8px 20px;
	font-family:'didotbold';
	color:#fff;
	margin-top:40px;
	background:transparent;
	transition:500ms ease-in-out;
	text-decoration:none;
	margin-top:40px;
	margin:auto;
    display:block;
    margin-top:40px;
	margin-bottom:40px;
}

button.defaultbutton:hover, .btn-default-active {
	border:2px solid #efd443!important;	
	color:#efd443!important;
	
}

focus {outline:0;!important}



.footercopyrightmobile {
	font-size:8px!important;
	padding:25px;
	padding-left:0px;
	padding-right:25px;
}

.footercopyrightmobile img {
	width:120px;margin-bottom:30px;
	margin-right:0px;
}

.footercopyrightmobile a {
	font-size:8px!important;
	display: inline!important;
	font-family:'ptserif'!important;
}

.footercopyrightmobile a:hover {
	color:black!important;
}

#menu-main-menu-1 li a:hover {
	color:black!important;
}


#status {
  width:73px;
  height:20px;
  position:absolute;
  left:50%;
  top:50%;
  background-image:url("../images/preloader.gif");
  z-index:9999;
  background-repeat:no-repeat;
  background-position:center;
  margin:-10px 0 0 -36px;
}


body {
font-family:'ptserif';
font-size:14px;
color:#1D1D1B;
}

.link-a {
	color:#1D1D1B!important;
	text-decoration:none;
}

.link-a:hover {
	color:#5B5B54!important;text-decoration:none;
}

h1 {
	font-family:'didotbold';
	letter-spacing:11px;
	font-size: 34px;
	margin-bottom:20px;
}

.hyellow {
	color:#efd443;
	font-family:'ptserifbold';
}

a.defaultbutton {
	border:2px solid #fff;
	padding:8px 20px;
	font-family:'ptserifbold';
	color:#fff;
	margin-top:40px;
	background:#000;
	transition:500ms ease-in-out;
	text-decoration:none;
	
}

a.defaultbutton:hover {
	border:2px solid #efd443;	
	color:#efd443;
}

.thecontent {
	padding-top:135px!important;
}

.thecontent p {
	text-align:justify;
}

.thecontent .bullet {
	text-align:left!important;
}

.navbar-container {
	position:fixed;width:100%;z-index:1111;height:85px;background:rgba(0,0,0,0.35);
	transition:200ms ease-in-out;
}

.navbar {
	max-width:1510px;margin:auto;
}

.navbar ul {
padding:0;
}

.navbar li:last-child {
	border-right:0;
}

.navbar-collapse {
	margin-top:33px;
}
.navbar li {
	border-right:1px solid #fff;
	height:13px;
	line-height:1;
}

.nav-link {
	padding:0 1rem;
	transition:0.5s;
}

.nav-link.active {

}

.navbar a {
	color:#fff!important;

	font-size:14px;
}

.col-xl-7.custom-width {
	flex: 0 0 69.333333%!important;
    max-width: 69.333333%!important;
}

.bgblack {
	background:black;
	color:#fff;
}

.bgblack h1 {
	color:#fff;
}

.bgwhite {
	background:white;
	color:#000;
}

.bgwhite a {
	color:#000!important;
	text-decoration:none;
}

.bgwhite a:hover {
	color:#666;
	text-decoration:none;
}

.bgwhite h1 {
	color:#000;
}

.nav-shrink {
}

img.logo {
	max-width:80px;
	transition:0.4s ease-in-out;
}

.navbar {
	font-family:'didotbold';
	text-transform:uppercase;
	color:#fff!important;
	z-index:9999;
	width:100%;

	transition:0.4s ease-in-out;
}

.nav-shrink.navbar {
	background:red;
	background:rgba(0,0,0,0.35);
}

.nav-shrink img.logo {
	max-width:90px!important;
}

.nav-shrink .navbar-collapse {
	margin-top:10px;
}


.bg {
	min-height:300px;
}


.socials a:first-child {
			margin-left:0px;
		}
		
		.socials a img {
			width:22px;
			height:22px;
			display:inline-block;
		}
		
		.socials a img {
			margin-left:12px;
			filter: none;
			-webkit-filter: grayscale(0);
			-webkit-transform: scale(1.01);
		}

		.socials a img:hover {
		filter: gray;
		-webkit-filter: grayscale(1);
		-webkit-transition: all .3s ease-in-out;  
		}


.vouchername h1, .vouchername h3 {
	font-family:'ptserifbold';
	letter-spacing:0;
}

.vouchername h1 {
	font-size:65px;
	margin-bottom:50px;
	line-height:1;
}

.vouchername h3 {
	margin-bottom:30px;
}

.scrollcontent::-webkit-scrollbar {
    width: 8px;
}

.scrollcontent::-webkit-scrollbar-track {
    background: transparent; 
    border-radius: 1px;
}

.scrollcontent::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background: rgba(255,255,255,1); 
}

.modal {
	z-index:9999999;
}

.whitetext {
	color:#fff;
}

.modal-content {
	min-height:600px;
	

}

.modal-dialog {
    max-width: 800px;
}

.modal-backdrop {
   background: rgba(255,255,255);
   opacity:0.9!important;
   z-index:9999;
}

.modal-content {
    background:rgba(0,0,0,0.9);
    border: none;
    border-radius: 0px;
}

.modal-header {
	border-bottom:0;
}

.close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

.close:hover {
	color:#eaeaea!important;
}

.mobilefooter {
	position:fixed;
	width:100%;
	background:#fff;
	z-index: 999;
	bottom: 0;
	text-align: center;
}
.mobilefooter img {
	margin-left:5px;
	margin-right:5px;
	width:40px;
}

/*mobile menu*/
.drop-down {
  padding: 20px;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,1.0);
  top: -150%;
  opacity:1;
  transition: top 0.4s ease-in-out;
  z-index:999999;
}

.drop-down ul {
	margin-top:61px;
	margin-right:25px!important;
	padding-left:59px;
}
.drop-down li {

  text-align: right;
  list-style:none;
}
.drop-down li:nth-child(1) {
  border-top: 0;
}
.drop-down li:nth-child(4) {
  border-bottom: 0;
}

.drop-down a {
  display: block;
  font-size: 16px;
  color: #939598;
  text-decoration: none;
  font-family: 'didotbold';
  line-height:1;
  margin-bottom:24px;
  text-transform:uppercase;
}

.down {
  top: 0;
  transition: top 0.4s ease-in-out;
}

.menu {
  box-sizing: content-box !important;
  position: fixed;
  top: -5px;
  right: 0;
  width: 75px;
  height: 75px;
  text-align: center;
  z-index: 9999999;
  color: #000;
}
.menu:hover {
  background: ligthen(#2980b9, 5%);
}
.menu a {
  display: block;
  text-decoration: none;
  font-size: 42pt;
  color: #000;
  margin: 0 auto;
}
.menu .close {
  display: none;
}

.trigger {
  animation: menu-spin-back 0.4s ease-in-out;
  animation-fill-mode: forwards;
}

.round {
  animation: menu-spin 0.4s ease-in-out;
  animation-fill-mode: forwards;
}

@-webkit-keyframes menu-spin {
  50% {
    border-radius: 100%;
  }
  100% {
    border-radius: 100%;
    transform: rotate(180deg);
  }
}
@-webkit-keyframes menu-spin-back {
  50% {
    border-radius: 0;
  }
  100% {
    border-radius: 0;
    transform: rotate(-180deg);
  }
}
.white {
  border-color: #fff;
  color: #fff !important;
}

		.mobilefooter {
			position:fixed;
			width:100%;
			background:#fff;
			z-index: 999;
			bottom: 0;
			text-align: center;
		}
		.mobilefooter img {
			margin-left:5px;
			margin-right:5px;
			width:40px;
		}


.business-comm-single-content {
	padding-right:90px!important;
}

@media (max-width: 1366px) {
	.bgblack h1 {
		font-size:28px; 
	}
	
}



  


@media (max-width: 1280px) {
.navbar a, .navbar span {
	font-size:10px!important;
}

.navbar-collapse {
	margin-top:20px;
}

.navbar-container {
	height:71px;
}

img.logo{
	width:70px!important;
}

.socials a:first-child {
			margin-left:10px;
		}
		
.thecontent {
	padding-top:90px!important;
}
}


@media (max-width: 991.98px) {
	
.mastheadtext {
	position:absolute;left:150px;top:300px;font-family:'didotbold';font-size:22px;text-transform:uppercase;letter-spacing:13px;
}
	
	
h1 {
	font-family:'didotbold';
	letter-spacing:4px;
	font-size: 26px;
	margin-bottom:35px;
}

.navbar {
display:none;
}

button.close {
	display:block!important;
}

.navbar-container {
	height:0px;
}

a.defaultbutton {
	border:1px solid rgba(255,255,255,0.5);
}
	
}

@media (max-width: 767.98px) {
	

.nav-link.menu-highlight {
	color:#1d1d1d!important; 
}

.section.page-contactus, .section.page-contactus, .section.page-aboutus {
	background:white;
}
	
	.featuredimg-square {
		position:relative;
		padding-top:100%;
	}
	
	.slider-square { 
		width:100%;
		position:relative;
	}
	
	.slider-square:after {
		content:"";
		display:block;
		padding-top:100%;
	}
	
	h1 {
	font-family:'didotbold';
	letter-spacing:4px;
	font-size: 22px;
	margin-bottom:35px;
}


	
body {
font-size:12px!important;
}

body::-webkit-scrollbar {
  width: 4px!important;
}

.scrollcontent::-webkit-scrollbar {
    width: 4px;
}

.section.page-contactus {
	border-top:1px solid #333;
}

h1 {
	margin-top:20px;
}

.thecontent {
	padding-bottom:70px;
	padding-top:20px!important;

}

.business-comm-single-content {
	padding-right:15px!important;
}

}


@media (min-width: 992px) { 
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}
}



@media (min-width: 768px) { 




.section > .fp-tableCell h1 {
	transform: translateY(-150px);
	opacity: 0;
	transition: transform 1.2s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity 1.2s ease-in-out;
}

.section.active > .fp-tableCell h1 {
	transform: translateY(0);
	opacity: 1;
}

.section > .fp-tableCell h3 {
	transform: translateY(-150px);
	opacity: 0;
	transition: transform 1.2s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity 1.2s ease-in-out;
}

.section.active > .fp-tableCell h3 {
	transform: translateY(0);
	opacity: 1;
}



.section > .fp-tableCell p {
	transform: translateY(-200px);
	opacity: 0;
	transition: transform 1.2s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity 1.2s ease-in-out;
}

.section.active > .fp-tableCell p {
	transform: translateY(0);
	opacity: 1;
}

.section > .fp-tableCell .social {
	transform: translateY(-200px);
	opacity: 0;
	transition: transform 1.2s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity 1.2s ease-in-out;
}

.section.active > .fp-tableCell .social {
	transform: translateY(0);
	opacity: 1;
}

.section > .fp-tableCell ul {
	transform: translateY(-200px);
	opacity: 0;
	transition: transform 1.2s cubic-bezier(0.16, 0.68, 0.43, 0.99),
				opacity 1.2s ease-in-out;
}

.section.active > .fp-tableCell ul {
	transform: translateY(0);
	opacity: 1;
}

 }



/* footer */
footer {
  height:50px;
  background:rgba(0,0,0,0.35);
  position:fixed;
  display:block;
  z-index:500;
  width:100%;
  bottom:0;
  color:#fff;
}

.footer a {
	color:#fff;
	text-decoration:none;
}

.footer a:hover {
	color:#eaeaea;
}

.footermenu {
	font-size:10px;
}

.footer img.ecoworldlogo {
	height:50px;
}
/* end footer */

@media (max-width: 600px) {
	.bgblack h1, .bgwhite h1 {
		font-size:7vw!important; 
	}
	
}


/*  Messaging buttons */

.contact-block{
position: fixed;
bottom: 24%;
right: 0px;
display:flex;
flex-direction:column;
background-color: #8f6d21;
/* padding: 15px 7px; */
padding: 10px 27px;
align-items: center;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
z-index:200;
}

.contact-block-link{
color:white;
text-decoration:none;
font-size: 14px;
padding-top: 7px;
/*padding-bottom: 13px;*/
}

.contact-block-link a{
color:white;
text-decoration:none;
} 

.message-block {
display: flex;
flex-direction: column;
align-items: center;
}

.contact-block1 {
position: fixed;
bottom: 18%;
right: 0px;
display: flex;
flex-direction: column;
background-color: transparent;
/* padding: 15px 7px; */
/* padding: 10px 27px; */
padding: 12px 24px;
align-items: center;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
z-index: 200;
}
.message-block1 {
display: flex;
flex-direction: column;
align-items: center;
}
.contact-block-link1{
padding-top:0px;
font-weight:bold;
}
.contact-block-link2{

font-weight:bold;
}

/*  End Messaging buttons */