.cbp-af-header {
	z-index: 10000;
	-webkit-transition: height 0.1s!important;
	-moz-transition: height 0.1s!important;
	transition: height 0.1s!important;
}
.cbp-af-header .cbp-af-inner {
}

/* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header #logo, 
.cbp-af-header a, {
	line-height: 22px;
}

/* Transitions and class for reduced height */
.cbp-af-header #logo, 
.cbp-af-header a, 
.cbp-af-header .navigation {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.cbp-af-header.cbp-af-header-shrink {
	background: #3e87c4!important;
	height: auto!important;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
   	transition: all 0.3s ease-in;
   	top: 0!important;
}
/*.cbp-af-header.cbp-af-header-shrink #logo {
	line-height: 18px;
}*/

.cbp-af-header.cbp-af-header-shrink #shape4, 
.cbp-af-header.cbp-af-header-shrink #shape3, 
.cbp-af-header.cbp-af-header-shrink #shape2, 
.cbp-af-header.cbp-af-header-shrink #shape1 {
	display: none;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.cbp-af-header.cbp-af-header-shrink #logo {
	/*background-size: 136px 136px!important;*/
	width: 136px!important;
	height: auto!important;
	margin: -32px 0!important;
	overflow: hidden!important;
}
.cbp-af-header.cbp-af-header-shrink #tagline {
	width: 200px!important;
}
.cbp-af-header.cbp-af-header-shrink .navigation {
	padding: 27px 0 25px 0!important;
}
.cbp-af-header.cbp-af-header-shrink li .on, 
.cbp-af-header.cbp-af-header-shrink li a:hover {
	color: #92ceff!important;
}
@media screen and (max-width: 530px) {
    .cbp-af-header.cbp-af-header-shrink #logo {
        margin-left: -22px!important;
    }
}
@media screen and (max-width: 450px) {
    .cbp-af-header.cbp-af-header-shrink li a {
        padding: 0 6px!important;
        font-size: 16px!important;
    }
}
@media screen and (max-width: 440px) {
    .cbp-af-header.cbp-af-header-shrink .navigation {
        padding: 14px 0!important;
    }
}
@media screen and (max-width: 400px) {
    .cbp-af-header.cbp-af-header-shrink li a {
        font-size: 14px!important;
    }
}
@media screen and (max-width: 380px) {
    .cbp-af-header.cbp-af-header-shrink li a {
        font-size: 13px!important;
    }
}
@media screen and (max-width: 360px) {
    .cbp-af-header.cbp-af-header-shrink li a {
        padding: 0 4px!important;
    }
}
@media screen and (max-width: 350px) {
    .cbp-af-header.cbp-af-header-shrink li a {
        font-size: 12px!important;
    }
}
@media screen and (max-width: 330px) {
	.cbp-af-header.cbp-af-header-shrink #logo {
		width: 110px!important;
		margin: -19px -22px!important;
    }
}