.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	height: 230px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}





.cbp-af-header.cbp-af-header-shrink {
	height: 90px;
	background: #414142;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


.cbp-af-header.cbp-af-header-shrink #logo{
	padding: 10px 0 0 3%;
}

.cbp-af-header.cbp-af-header-shrink ul{
	margin: 30px 0 0 3%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


.cbp-af-header.cbp-af-header-shrink #logo img{
	width: 120px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.cbp-af-header.cbp-af-header-shrink ul li a:hover, .cbp-af-header.cbp-af-header-shrink ul li a.active{
	color:#a6ac96;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


@media only screen and (min-width:0px) and (max-width:767px){
	
	
	.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	height: auto;
	overflow: auto;
}
	
	.cbp-af-header.cbp-af-header-shrink {
	height: 60px;
	background: #414142;
	overflow: auto;
}
	
.cbp-af-header.cbp-af-header-shrink.active {
	height: 220px;
}


.cbp-af-header.cbp-af-header-shrink #logo{
	padding: 0px 0 0 0;
	height: 42px;
	overflow: hidden;
	position: fixed;
	left: 0;
	text-align: left;
	pointer-events: none;
	z-index: 2;
}

.cbp-af-header.cbp-af-header-shrink ul{
	margin: 15px 0 0 0;
	top: 0;
}

	

.cbp-af-header.cbp-af-header-shrink #logo img{
	width: 170px;
	margin-top: -5px;
	margin-left: -50px;
}

.cbp-af-header.cbp-af-header-shrink ul li a:hover{
	color:#a6ac96;

}
	
.cbp-af-header.cbp-af-header-shrink ul li a.active{
	color:#fff;

}
	
.cbp-af-header.cbp-af-header-shrink ul li:first-child{
	text-align: right;
}
	
}