.cbp-af-header {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 80%;
	z-index: 2;
	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;
	background: #434B81;
	text-align: center;
	padding: 0px 5% 0px 15%;
	height: 0;
}


.cbp-af-header.cbp-af-header-shrink {
	-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;
	background: #434B81;
	width: 80%;
	padding: 70px 5% 70px 15%;
}


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


.cbp-af-header.cbp-af-header-shrink ul{
	margin: 25px 0 0 0;
	-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: 150px;
	-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{
	text-shadow: none;
}




@media only screen and (min-width:0px) and (max-width:767px){
	
.cbp-af-header {
	left: 0;
	bottom: 0;
	width: 90%;
	padding: 70px 5% 70px 5%;
	height: 0;
}


.cbp-af-header.cbp-af-header-shrink {
	width: 90%;
	padding: 70px 5% 70px 5%;
}


	
}


@media only screen and (min-width:768px) and (max-width:1023px){
	
.cbp-af-header {
	left: 0;
	bottom: 0;
	width: 90%;
	padding: 70px 5% 70px 5%;
	height: 0;
}


.cbp-af-header.cbp-af-header-shrink {
	width: 90%;
	padding: 70px 5% 70px 5%;
}
	


}


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


}


@media only screen and (min-width:1200px) and (max-width:1499px){
	



}