.language-btn {

	height: 35px;

	padding: 10px 20px 0 20px;

	float: left;

	background-color: #efefef;

	font-size: 12px;

	/* margin-left: 300px; */

	z-index: 999;

}



#language-btn-active {

	    height: 35px;

    padding: 10px 10px 0 10px;

    float: left;

	background-color: #efefef;

	font-weight: bold;

	font-size: 12px;

}





#language-btn-active a:visited {

	color: #b88d60;

}



#language-btn-active a:link {

	color: #b88d60;

}





html{

	position: relative;

  	min-height: 100%;

}



body{

	margin-bottom:60px;	

}



a:focus , a:link, a:active {

	outline:none;	

}



hr.small {

	max-width: 100px;

	margin: 15px auto;

	border-width: 4px;

	border-color: #fff

}

.navbar-custom {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 999 !important;

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-weight: 400;

}



.navbar-custom .nav li a {

	text-transform: uppercase;

	font-size: 12px;

	letter-spacing: 1px;

	color:#ab8856;

	float:left;

	padding-top:20px;

	padding-left:10px;

	padding-right:10px;

}





.navbar-custom .nav li a:focus, .navbar-custom .nav li a:visited, .navbar-custom .nav li a:active{

	color:#ab8856;

}







.navbar-brand{

	height:auto !important;

	z-index:89 !important;

	position:absolute;

}





.nav-background{

	height:150px; 

	width:100%; 

	background-color:#f1efe8;	

}





.nav li img{

	padding-top: 25px;

}



.navbar-custom .nav li a:hover {

	color:#80571c;

}





h1 ,h2 , h3 ,h4, h5, p{

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}





.dropdown-menu li a {

	color:#e7cfae !important;

	float:none !important;

	padding:10px 20px 10px 20px !important;	 

}



.dropdown-menu li a:hover{

	 color: #80571c !important;

}





.dropdown-menu {

		background-image:url(../images/wood_texture.jpg);

		background-size:cover;

}









@media only screen and (min-width:768px) {

.navbar-custom {

	background: 0 0;

	border-bottom: 1px solid transparent;

}



.page-home .navbar-custom {

	border: 0;

	min-height: 250px;

	/* background: linear-gradient(to bottom, white 0%, transparent); */

}



.navbar-custom .navbar-brand {

	color: #fff;

	padding: 20px

}

.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {

	color: rgba(255,255,255,.8)

}



.navbar-custom .nav li a {

	

	/*padding: 20px*/

}









}

@media only screen and (min-width:1170px) {

.navbar-custom {

	-webkit-transition: background-color .3s;

	-moz-transition: background-color .3s;

	transition: background-color .3s;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.navbar-custom.is-fixed {

	position: fixed;

	top: -141px;

	background-color: rgba(255,255,255,.9);

	border-bottom: 1px solid #f2f2f2;

	-webkit-transition: -webkit-transform .3s;

	-moz-transition: -moz-transform .3s;

	transition: transform .3s

}

.navbar-custom.is-fixed .navbar-brand {

	color: #404040

}

.navbar-custom.is-fixed .navbar-brand:hover, .navbar-custom.is-fixed .navbar-brand:focus {

	color: #0085a1

}

.navbar-custom.is-fixed .nav li a {

	/*color: #404040*/

}

.navbar-custom.is-fixed .nav li a:hover, .navbar-custom.is-fixed .nav li a:focus {

	color: #ab8856

}

.navbar-custom.is-visible {

	-webkit-transform: translate3d(0, 100%, 0);

	-moz-transform: translate3d(0, 100%, 0);

	-ms-transform: translate3d(0, 100%, 0);

	-o-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0)

}

}

.intro-header {

	background-color: gray;

	background: no-repeat center center;

	background-attachment: scroll;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

	-o-background-size: cover;

	padding-bottom:100px;

}



.intro-header:before {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	height: 300px;

	background: linear-gradient(to bottom, white 0%, transparent);

}



.intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading {

	padding: 150px 0 50px;

	color: #ab8856;

}

@media only screen and (min-width:768px) {

.intro-header .site-heading, .intro-header .post-heading, .intro-header .page-heading {

	padding-bottom: 300px;

}

}

.intro-header .site-heading, .intro-header .page-heading {

	float:right;

}

.intro-header .site-heading h1, .intro-header .page-heading h1 {

	margin-top: 0;

	font-size: 50px

}



.intro-header .site-heading .subheading {

	font-size: 24px;

	line-height: 1.1;

	display: block;

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-weight: 300;

	margin: 0 0 10px;

	font-size:19px;

	letter-spacing:8px;

	position: relative;

	text-transform: uppercase;

}





@media only screen and (min-width:768px) {

.intro-header .site-heading h1, .intro-header .page-heading h1 {

	font-size: 80px

}

}

.intro-header .post-heading h1 {

	font-size: 35px

}

.intro-header .post-heading .subheading, .intro-header .post-heading .meta {

	line-height: 1.1;

	display: block

}

.intro-header .post-heading .subheading {

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-size: 24px;

	margin: 10px 0 30px;

	font-weight: 600

}

.intro-header .post-heading .meta {

	font-family: Lora, 'Times New Roman', serif;

	font-style: italic;

	font-weight: 300;

	font-size: 20px

}

.intro-header .post-heading .meta a {

	color: #fff

}

@media only screen and (min-width:768px) {

.intro-header .post-heading h1 {

	font-size: 55px

}

.intro-header .post-heading .subheading {

	font-size: 30px

}

}

.post-preview>a {

	color: #404040

}

.post-preview>a:hover, .post-preview>a:focus {

	text-decoration: none;

	color: #0085a1

}

.post-preview>a>.post-title {

	font-size: 30px;

	margin-top: 30px;

	margin-bottom: 10px

}

.post-preview>a>.post-subtitle {

	margin: 0;

	font-weight: 300;

	margin-bottom: 10px

}

.post-preview>.post-meta {

	color: gray;

	font-size: 18px;

	font-style: italic;

	margin-top: 0

}

.post-preview>.post-meta>a {

	text-decoration: none;

	color: #404040

}

.post-preview>.post-meta>a:hover, .post-preview>.post-meta>a:focus {

	color: #0085a1;

	text-decoration: underline

}

@media only screen and (min-width:768px) {

.post-preview>a>.post-title {

	font-size: 36px

}

}

.section-heading {

	font-size: 36px;

	margin-top: 60px;

	font-weight: 700

}

.caption {

	text-align: center;

	font-size: 14px;

	padding: 10px;

	font-style: italic;

	margin: 0;

	display: block;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px

}



footer {

	padding: 15px 0 15px 0;

	/*height:30px;*/

	position: absolute;

  	bottom: 0;

	width:100%;

}



footer .list-inline {

	margin: 0;

	padding: 0

}

footer .copyright {

	font-size: 12px;

	text-align: left;

	margin-bottom: 0

}

.floating-label-form-group {

	font-size: 14px;

	position: relative;

	margin-bottom: 0;

	padding-bottom: .5em;

	border-bottom: 1px solid #eee

}

.floating-label-form-group input, .floating-label-form-group textarea {

	z-index: 1;

	position: relative;

	padding-right: 0;

	padding-left: 0;

	border: none;

	border-radius: 0;

	font-size: 1.5em;

	background: 0 0;

	box-shadow: none!important;

	resize: none

}

.floating-label-form-group label {

	display: block;

	z-index: 0;

	position: relative;

	top: 2em;

	margin: 0;

	font-size: .85em;

	line-height: 1.764705882em;

	vertical-align: middle;

	vertical-align: baseline;

	opacity: 0;

	-webkit-transition: top .3s ease, opacity .3s ease;

	-moz-transition: top .3s ease, opacity .3s ease;

	-ms-transition: top .3s ease, opacity .3s ease;

	transition: top .3s ease, opacity .3s ease

}

.floating-label-form-group::not(:first-child) {

padding-left:14px;

border-left:1px solid #eee

}

.floating-label-form-group-with-value label {

	top: 0;

	opacity: 1

}

.floating-label-form-group-with-focus label {

	color: #0085a1

}

form .row:first-child .floating-label-form-group {

	border-top: 1px solid #eee

}

.btn {

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 800;

	/*letter-spacing: 1px;*/

	border-radius: 0;

	padding: 15px 25px

}

.btn-lg {

	font-size: 16px;

	padding: 25px 35px

}

.btn-default:hover, .btn-default:focus {

	background-color: #0085a1;

	border: 1px solid #0085a1;

	color: #fff

}

.pager {

	margin: 20px 0 0

}

.pager li>a, .pager li>span {

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 800;

	letter-spacing: 1px;

	padding: 15px 25px;

	background-color: #fff;

	border-radius: 0

}

.pager li>a:hover, .pager li>a:focus {

	color: #fff;

	background-color: #0085a1;

	border: 1px solid #0085a1

}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {

	color: gray;

	background-color: #404040;

	cursor: not-allowed

}

::-moz-selection {

color:#fff;

text-shadow:none;

background:#ab8856

}

::selection {

	color: #fff;

	text-shadow: none;

	background: #ab8856;

}

img::selection {

	color: #fff;

	background: 0 0

}

img::-moz-selection {

color:#fff;

background:0 0

}

body {

	webkit-tap-highlight-color: #0085a1

}



.concept-container{

	text-align: justify;

    text-justify: inter-word;

	max-width:340px;

	font-size:14px;

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



.cc-right{

	max-width:none;

	padding-left:100px;

}



.ccpadding{

	padding-top: 110px !important;

	padding-bottom: 110px !important;	

}



.ccpadding img {

	max-width: 100%;

}



.theme_font{

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}



.theme_darkcolor{

	color:#6d6e70;

}





#title_bottom{

	background-image:url(../images/wood_texture.jpg);

	background-position:bottom;

	width:100%;

	padding-bottom:10px;

	background-color:#999;

	

	position:relative;

	color:#FFF;

	text-align:center;

}



#title_bottom h5{

	margin-top:30px;

	font-size:20px;

	font-weight:400;

	letter-spacing:1px;

}



p{

	color:#6d6e70;	

}



#title_bottom p{

	font-size:15px;

	/*letter-spacing:1px;*/

	line-height:25px;

	color:#FFF;

}





.theme_color{

	color:#ab8856;

}





.title-bg{

	text-align:center;

	

	width:115px;

	height:117px;

	background-image:url(../images/title_bg.png);

	

	position:relative;

	left: 15px;

	margin:40px 0 40px 0;

}



.title-bg h4{

	padding-top:48px;

	font-weight:400;

}





.pattern-bg {

	background-position:bottom right;

	background-repeat:no-repeat;

	background-image:url(../images/pattern_bg.png);

	background-color:#f9f9f9;

	

	margin-right:0px;

	margin-left:0px;

	padding-bottom:50px;

}



.padding-bottom{

	padding-bottom: 40px;	

	padding-top: 30px;

}



#bottom-logo{

	width:120px;

	height:30px;

	background-size:cover;

	background-image:url(../images/ecoworld-logo.svg);

	float:right;

}



.banner_icon{

	position:absolute;

	top:-120px; 

}



.hide_anything{

	display:none;	

}



.con_subheading{

	font-size: 24px;

	line-height: 1.1;

	display: block;

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

	font-weight: 400;

	margin: 0 0 10px;

	font-size:19px;

	letter-spacing:8px;

	text-transform: uppercase;

}



h3{

	font-weight:400;	

}



#line1px{

	border-top:1px solid #ab8856 ;

	width:100px;

	height:1px;

	margin: 20px 0 50px 0;

	margin-left:auto;

	margin-right:auto;

}



.show991{

	display:none;	

}



footer a{

	color:#777;

	text-decoration:none;	

}



footer a:link{

	color:#777;

	text-decoration:none;	

}



footer a:hover, footer a:visited, footer a:active {

	color:#999;

	text-decoration:none ;	

}



@media (min-width: 992px) {

	.ccpadding .row {

		display: flex;

		align-items: center;

	}

}





@media (max-width: 991px){

	

	.hide991{

		display:none !important;	

	}

	

	.show991{

		display:block;

	}

	

	.ccpadding{

		padding-top:100px;

		padding-bottom:100px;	

	}

	

	.cc-right{

		padding-left:50px;

		padding-right:50px;	

	}

	

	.concept-container{

		max-width:550px;	

	}

	

	.padding20{

		padding-top:20px;	

	}

	

}



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

	.display-none{

		display:none;	

	}

	

	.navbar-custom .nav li a {

		float:none;

		padding-top:60px;

		text-align:center;

	}

	

	.banner_icon{

		top:-160px; 

}

	

	.language-btn {



	margin-left: 250px;

}

	

}



@media only screen and (max-width:768px) {

	#bottom-logo{

		float:none;

		margin-left: auto;

		margin-right: auto;

		margin-top:10px;

	}

	

	footer .copyright{

		text-align:center;	

	}

	

	.site-heading{

		padding-top:300px !important;	

	}

	

	.subheading{

		background-color:rgba(171,136,86,0.8);

		color:#FFF;

		padding:10px;

	}

	

	.hide768{

		display:none;	

	}

	

	.show768{

		display:block;	

	}

	

	.logo_small{

		width: 193px;

  		height: auto;

  		position: absolute;

		margin-left: -98px;

	/* margin-right: auto; */

  		left: 50%;

		margin-top:80px;

	}

	

	.navbar-custom .nav li a {

		padding-top: 10px;

	}

	

	.nav-background{

		height:0px; 

	}

	

	.paddingtop768{

		padding-top:200px;	

	}

	

	.dropdown-menu {

		background-image:none;

	}

	

		.language-btn {



	margin-left: 0px;

}

}





@media (min-width: 768px) {

	.dropdown:hover .dropdown-menu {

		display: block;

		

		background-image:url(../images/wood_texture.jpg);

		background-size:cover;

	}

	



}



/* WhatsApp Button

/* -------------------------------------------------------------------------- */

.whatsapp-btn {

	position: fixed;

	background-color: #25D366;

	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);

	fill: white;

	border-radius: 50%;

	width: 39px;

	height: 39px;

	z-index: 999;

	transition: 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;

	animation: 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) whatsapp-btn-intro forwards;

	position: fixed;

	bottom: 24px;

	right: 24px;

}

.whatsapp-btn:hover {

	background-color: #19ab50;

}

.whatsapp-btn:focus {

	background-color: #19ab50;

}

.whatsapp-btn svg {

	width: 23px;

	height: 23px;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}

@keyframes whatsapp-btn-intro {

	0% {

		transform: translateX(100%);

		opacity: 0;

	}

	100% {

		transform: none;

		opacity: 1;

	}

} 



/* Facebook Button */



.facebook-btn {

	position: fixed;

	width: 57px;

	z-index: 999;

	transition: 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) all;

	animation: 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) facebook-btn-intro forwards;

	bottom: 25px;

	right: 93px;

}



.facebook-btn:hover {

	background-color: #203d7c;

}

.facebook-btn:focus {

	background-color: #203d7c;

}



.facebook-btn img {

	position: absolute;

	bottom: 0px;

	right: -25px;

	max-width: 38px;

	width: 100%;

	height: auto;

}



@keyframes facebook-btn-intro {

	0% {

		transform: translateX(100%);

		opacity: 0;

	}

	100% {

		transform: none;

		opacity: 1;

	}

} 



/********************************Animation**********************************/



.move {

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-out; /** Chrome & Safari **/

    -moz-transition: all 0.5s ease-out; /** Firefox **/

    -o-transition: all 0.5s ease-out; /** Opera **/

}



#icon-features:hover {

   	transform: translate(0,-20px);

    -webkit-transform: translate(0,-20px);

    -o-transform: translate(0,-20px); 

    -moz-transform: translate(0,-20px);

}



.container-e-brochure {

	margin-top: 50px !important;

	margin-bottom: 80px !important;

}



.e-brochure-share {

	font-size: 28px !important;

	margin-right: 3px;

	color: #ab8856;

	margin-bottom: 20px;

	/* color: #0e76bc; */

}


/* Custom for FB messenger */
.facebook-btn{
	bottom:unset;
	top:50px;
}

.whatsapp-btn{
	bottom: unset;
	top: 12px;
}


@media screen and (max-width: 768px) {
	.facebook-btn{
			bottom:unset;
			top:100px;
	}
	.whatsapp-btn{
			bottom: unset;
			top: 62px;
	}
}