/*------------------------------------------------------- Fonts Classes ---------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Raleway');
/*------------------------------------------------------- Global Classes ---------------------------------------------------------*/
 body {
  font-family: 'Raleway', sans-serif;
     font-size: 18px;
     color: #777777;
     line-height: 30px;
}
/*------------------------------------------------------- Typography Classes ---------------------------------------------------------*/

 p {
     margin: 0 0 20px;
     line-height: 30px;
}

/***********************************************************************************
 *	+ HEADER CONTAINER
 ***********************************************************************************/

	#header-container {
		/* position: relative; */
		z-index: 8080;
		/* top: 25px; */
		left: 0;
		right: 0;
		background:#fff;
	}

	nav{
	min-width:88%;
	max-width:88%;
	float:left;
	}

	@media (max-width: 767px) {

		#header-container {
			position: relative;
		}

	}

	#header {
		position: relative;
		padding: 0 30px;
	}

	#header [class^="col-"] {
		position: static;
	}

	@media (min-width: 1200px) {

		#header-container [class^="col-"] {
			position: relative;
		}

	}

	@media (max-width: 991px) {

		#header {
			padding: 0;
		}

	}

	#logo {
	min-width:12%;
		max-width: 12%;
		padding: 0px 0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
				float:left;
	}

	#logo a {
		display: inline-block;
		max-width:100%;
		text-align: center;
	}

	@media (max-width: 767px) {

		#logo {
			margin-right: 60px;
		}

	}


	/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 1000px) {
		#logo {
	min-width:20%;
		max-width: 20%;
		padding: 20px 0;
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
				float:none;
	}
/* Styles */
}


@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

		#logo {
			margin-right: 60px;
			float:none;
			display:none;
		}
/* Styles */
}

 	.menu,
	.menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.menu {
        /* margin-left: -39px!important; */
		float: right;
	}

	.menu > li {
		float: left;
	}

	.menu li a {
		display: block;
		padding: 10px 25px;
		/* margin: 5px 0; */
		color: #57391B;
    font-weight: 600;
		font-size: 12px;
		line-height: 34px;
		text-decoration: none;
		text-transform: uppercase;
		-webkit-transition: all 0.2s;
				transition: all 0.2s;
	}

	.menu > li > a {
		position: relative;
		padding: 33px 30px;
		margin: 0;
		margin-right:24px;
		font-size: 16px;
		line-height: 24px;
	}

	.menu > li > a:first-child {
		padding-left: 0;
	}

	.menu > li:last-child > a {
		margin-right: 0;
	}

	.menu li{ position:relative;}
	.menu li.dropdown ul {
		position: absolute;
		z-index: 2000;
		top: 100%;
		left: 0;
		display: none;
		width: 246px;
		background-color: #EAC3A0;
	}
  .menu li.dropdown ul li  {
    border-bottom:1px solid #7f5f4a;
  }
	.menu li.dropdown ul li a {
		position: relative;
	}

	.menu li.dropdown ul li a:before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -1px;
		border-left: 5px solid #7F5F4A;
		opacity: 0;
		content: "";
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}

	.menu li.dropdown ul li a:hover:before,
	.menu li.dropdown ul li.sfHover > a:before {
		opacity: 1;
	}

	.menu li.dropdown ul ul {
		top: 0px;
		left: 100%;
	}

	.menu li.dropdown:hover > ul {
		display: block;
	}

	.menu li.megamenu .megamenu-container {
		position: absolute;
		z-index: 2000;
		top: 100%;
		left: 0;
		display: none;
		padding: 20px 0;
		width: 100%;
		border: 1px solid #333;
		background-color: #1c0533;
	}

	.megamenu-container .section {
		float: left;
		width: 25%;
		border-right: 1px solid #333;
	}

	.megamenu-container .section:last-child {
		border-right: none;
	}

	.megamenu-container.col-2 .section {
		width: 50%;
	}

	.megamenu-container.col-3 .section {
		width: 33.33333333%;
	}

	.megamenu-container.col-4 .section {
		width: 25%;
	}

	.megamenu-container.col-5 .section {
		width: 20%;
	}

	.menu li.megamenu ul li a {
		position: relative;
	}

	.menu li.megamenu ul li a:before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -1px;
		border-left: 5px solid #7F5F4A;
		opacity: 0;
		content: "";
		-webkit-transition: all 0.3s;
				transition: all 0.3s;
	}

	.menu li.megamenu ul li a:hover:before {
		opacity: 1;
	}

	.menu li.megamenu:hover > .megamenu-container {
		display: block;
	}

	.sf-arrows .sf-with-ul:after {
		position: absolute;
		top: 53%;
		right: 18px;
		font-family: "FontAwesome";
		content: "\f107";
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}

	.sf-arrows > li:hover > .sf-with-ul:after {}

	.sf-arrows ul .sf-with-ul:after {
		right: 15px;
		content: "\f105";
	}

	.sf-arrows ul li:hover > .sf-with-ul:after {}

	.menu li a:hover,
	.menu li.active > a,
	.menu li.sfHover > a {
		color: #7F5F49;
		text-decoration: none;
	}

	@media (min-width: 768px) and (max-width: 991px) {

		.menu {
			display: none;
		}

	}

	@media (max-width: 767px) {

		.menu {
			display: none;
		}

	}

	#mobile-menu-button {
		position: absolute;
		top: 50px;
		right: 30px;
		display: none;
		font-size: 24px;
		line-height: 24px;
		color:#EAC3A0;
	}

	#mobile-menu-button:hover,
	#mobile-menu-button:focus {
		color: #EAC3A0;
	}

	#mobile-menu,
	#mobile-menu ul {
		list-style: none;
		display: none;
		margin: 0;
		background-color: #EAC3A0;
		padding:0px;
		margin:0px;
	}

	#mobile-menu {
		border-bottom: 1px solid #fff;
	}

	#mobile-menu li a {
		display: block;
		padding: 10px 20px;
		border-top: 1px solid #fff;
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#mobile-menu > li > a {
		font-size: 14px;
		font-weight: 500;
	}

	#mobile-menu ul a {
		padding-left: 40px;
	}

	#mobile-menu ul ul a {
		padding-left: 60px;
	}

	#mobile-menu .megamenu-container {
		display: none;
		margin-left: 0;
	}

	#mobile-menu .megamenu-container .section {
		float: none;
		width: 100%;
		margin-bottom: -1px;
		padding: 0 20px 20px 20px;
	}

	#mobile-menu .megamenu-container .section ul {
		display: block;
		margin: 0 -25px -20px;
	}

	#mobile-menu .megamenu-container .section ul a {
		padding-left: 40px;
	}

	#mobile-menu .megamenu-container .section > ul li a:before {
		display: none;
	}

	#mobile-menu .megamenu-container .section ul li:last-child a {
		border-bottom: 1px solid #fff;
	}

	#mobile-menu li.dropdown > a,
	#mobile-menu li.megamenu > a {
		position: relative;
	}

	#mobile-menu li.dropdown > a:after,
	#mobile-menu li.megamenu > a:after {
		position: absolute;
		top: 50%;
		right: 20px;
		font-family: "FontAwesome";
		font-size: 15px;
		content: "\f107";
		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}

	#mobile-menu li.dropdown > a.open:after,
	#mobile-menu li.megamenu > a.open:after {
		content: "\f106";
	}

	#mobile-menu li.search a {
		display: none;
	}

	@media (min-width: 768px) and (max-width: 991px) {

		#mobile-menu-button {
			display: block;
		}

	}

	@media (max-width: 767px) {

		#mobile-menu-button {
			display: block;
		}

	}

	#header-sticky [class^="col-"] {
		position: static;
	}

	#header-sticky.header-sticky-small #logo {
		/* padding: 10px 0; */
	}

	#header-sticky {
		position: fixed;
		z-index: 99999;
		top: 0;
		right: 0;
		left: 0;
		display: none;
		width: 100%;
		padding: 0 30px;
		margin: 0 auto;
		background-color: #ffffff;
		box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
	}

	#header-sticky.header-sticky-small .menu > li> a {

	}

	#header-sticky.header-sticky-small #search-form {
		top: 4px;
	}

	@media (min-width: 1200px) {

		#header-sticky:after {
			width: 35%;
		}

		#header-sticky [class^="col-"] {
			position: relative;
		}

	}

	@media (min-width: 768px) and (max-width: 991px) {

		#header-sticky {
			visibility: hidden;
		}

	}

	@media (max-width: 767px) {

		#header-sticky {
			visibility: hidden;
		}

	}
.bg1{
  /* background-color: #49836A; */
background-image: url(../img/bg.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
height: 60vh;
}
.bg1 h3{
  color: #fff;
  font-size:46px;
  margin-top:20vh;
  font-weight: 700;
  line-height: 60px;
}
.pad-100{
  padding-top: 100px!important;
  padding-bottom: 100px!important;
}
.packages h1{
  color:#756962;
}
.img-inline img{
border:1px solid #999;
margin-right: 20px;
/* width: 300px; */
height: 200px;
}
.mar-t-100{
  margin-top: 100px;
}
.mar-t-10{
  margin-top: 10px;
}
.mar-b-100{
  margin-bottom: 100px;
}
.styling h2{
  text-transform: uppercase;
color: #756962;
font-size: 35px;
font-weight: 700;
}
.bg2{
  /* background-color:#F6F6F6; */
}
.read-more{
  background-color: #927144;
  color: #fff;
  padding: 12px 20px;
}
.read-more:hover{
  text-decoration: none;
  color: #fff;
}
.pad-b-100{
  padding-bottom: 100px;
}
.mar-t-50{
  margin-top:50px;
}
.bg3{
  background-color:#F6F6F6;
}
.bg3 h2{
color: #756962;
font-size: 40px;
font-weight: 700;
}
.pad-50{
  padding-top: 70px;
  padding-bottom: 50px;
}
.pad-t-20{
  padding-top:20px;
}
.mar-t-30{
  margin-top:30px;
}
.pad-t-40{
  padding-top:40px;
}
.bg-head{
  background-color: #EAC3A0;
  padding: 12px;
}
.pad-10{
  padding-top: 3px;
  padding-bottom: 3px;
}
.number a{
  color: #7F5F49;
line-height:90px;
  vertical-align: middle;
}
.pad-r-10{
  padding-right: 6px;

}
.call{
  font-size:20px;
}
.videos{
  background-color: #EAC3A0;
}
.videos h2{
  color: #756962;
  font-size: 40px;
  font-weight: 700;
}
.foot{
  background-color:#7F5F49;
  color: #fff;
  padding: 25px 0px 0px 0px;
}
.more{
  color: #7F5F49;
margin-top:20px;
float: right;
font-size: 20px;
}
.mar-b-30{
  margin-bottom: 30px;
}


.bg-enquiry{
  background-image:  -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/p1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
/* padding: 30px; */
}
.bg-enquiry form .from1{
  height: 50px;
  border:none;
  border-radius: 0px!important;
  margin-bottom: 20px;
}
.bg-enquiry form .form-control{

  border-radius: 0px!important;

}
.button-submit{
background-color:#EAC3A0;
border-radius:0px;
border:none;
padding: 10px 30px;
}
.bg-enquiry h3{
color: #fff;
font-size:40px;
font-weight: 700;
margin-bottom:40px;
}
.bg-video{
  background-image:  -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/bg-video.jpg);

height: 30vh;
}
.bg-video h1{
  color: #fff;
  font-size: 40px;
  font-weight:700;
  margin-top: 12vh;
}
.h-text{
color: #fff;
font-size: 40px;
font-weight:700;
margin-top: 12vh;
text-transform:uppercase;
}

.bg-woodenpallets {
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/woodenpalletsmain.jpg);
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.bg-woodenpallets h1{
  text-shadow: 4px 4px #4C2D1A;
  color: #fff;
  font-size: 40px;
  font-weight:700;
  margin-top: 22vh;
}


.pad-10{
  padding:10px;
}
.pad-20{
  padding:20px;
}
.bg-woodencrates {
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/woodencrates12.jpg);
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.bg-woodencrates h1{
  text-shadow: 4px 4px #4C2D1A;
  color: #fff;
  font-size: 40px;
  font-weight:700;
  margin-top: 22vh;
}












.bg-woodenboxes {
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/wooden-packagingboxes-banner.jpg);
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


.bg-woodenboxes h1{
  text-shadow: 4px 4px #4C2D1A;
  color: #fff;
  font-size: 40px;
  font-weight:700;
  margin-top: 22vh;
}




.bg-plywood {
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/ply-woodbanner.jpg);
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bg-plywood h1{
  text-shadow: 4px 4px #4C2D1A;
  color: #fff;
  font-size: 40px;
  font-weight:700;
  margin-top: 22vh;
}
.bg-corrugated{
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/corrugatedboxes-12.jpg);
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bg-corrugated h1{
  text-shadow: 4px 4px #4C2D1A;
  color: #fff;
  font-size: 40px;
  font-weight:700;
  margin-top: 22vh;
}
.bg-about1{
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../img/woodenpackagingpallets11.jpg);
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-about1 h1{
  /* text-shadow: 4px 4px #4C2D1A; */
  text-shadow: 4px 4px #4C2D1A;
  color: #fff;
  font-size: 40px;
  font-weight:700;
  margin-top: 22vh;
}
.brown{
  color: #7F5F49;
  font-size: 30px;
  font-weight:700;
  /* margin-top: 12vh; */
}
.arrows{
  color: #EAC3A0;
  margin-right:5px;
  font-size: 20px;
}
.righarrows li{
  list-style: none;
}
.locate{
  font-size: 21px;
  border-radius: 50%;
  border: 3px solid #EAC3A0;
  padding: 7px 10px;
  color: #7f5f49;
}
.next-color{
  background-color: #EAC3A0;
  padding: 5px;
  margin-top: 5px;
}


/* .video-tags iframe{
	width: 360px;
} */