.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	background: #FFFFFF;
	z-index: 10000;
	height: 11.4vw;
	/*overflow: hidden;*/
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cbp-af-header .cbp-af-inner div.cw-logo img {
    width: 8.85vw;
}
.cw-social img {
    width: 2vw;
    opacity: 0.6;
}

.main-navigation.inner {
    /* padding: 1.5vw 0; */
}



/* Transitions and class for reduced height */
.cbp-af-header.cbp-af-header-shrink .main-navigation.inner {
    padding: 0.5vw 0;
}

.cbp-af-header.cbp-af-header-shrink {
	height: 7vw;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

/* cw */
.site {
    margin-top: 11.4vw;
}

body.page-template-default .site {
    margin-top: 9.5vw;
}

/*.is_mobile .site {
    margin-top: 0;
}*/


body.admin-bar header {
    margin-top: 32px;
}

body.admin-bar .site-content header {
    margin: 0;
}

.cbp-af-header img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


.cbp-af-inner div.col-3 {
    float: left;
width: -webkit-calc(100% / 3);
width: -moz-calc(100% / 3);
width: calc(100% / 3);
width: 33.3333%;
}

.cbp-af-header .cbp-af-inner div.cw-form {
    text-align: left;
}

.cbp-af-header .cbp-af-inner div.cw-logo {
    text-align: center;
}

.cbp-af-header .cbp-af-inner div.cw-social, 
.cbp-af-header .cbp-af-inner div.cw-phone,
.cbp-af-header .cbp-af-inner div.cw-search {
    text-align: right;
}

.cbp-af-header .cbp-af-inner div.col-3.first {
    padding: 1vw 0 0;
}

.cbp-af-header .cbp-af-inner div.col-3.middle {
    padding-top: 1vw;
}

.cbp-af-header .cbp-af-inner div.col-3.last {
    /* padding-top: 2.8vw; */
}

.cbp-af-header .cbp-af-inner div.col-3.last > div {
    padding: 1vw 0 0;
}
/* cw shrink */


.cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.cw-logo img {
    width: 4.7vw;
}

.cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.cw-form, 
.cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.cw-search {
	display: none;
}

.cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.cw-phone {
	float: none;
	text-align: left;
	position: absolute;
	margin: 1vw 0;
}

.cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.cw-social {
	float: right;
	text-align: right;
}

.is_phone .cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.cw-logo img {
    height: inherit;
}

.is_phone .cbp-af-header .cbp-af-inner div.cw-logo {
width: -webkit--calc(100% / 3);
width: -moz--calc(100% / 3);
width: -calc(100% / 3);
}

.is_phone .cbp-af-header .cbp-af-header-shrink .cbp-af-inner div.cw-logo {
width: -webkit-calc(100% / 5);
width: -moz-calc(100% / 5);
width: calc(100% / 5);
    margin: 0;
}

.is_phone .cbp-af-header .cbp-af-inner div.cw-phone {
width: -webkit-calc(100% / 1.5);
width: -moz-calc(100% / 1.5);
width: calc(100% / 1.5);
    float: right;
    position: relative;
    text-align: right;
}

.is_phone .cbp-af-header .cbp-af-header-shrink .cbp-af-inner div.cw-phone {
    width: -webkit-calc(100% / 3);
}


.is_phone .cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.cw-logo {
    margin-left: 0;
width: -webkit-calc(100% / 6);
width: -moz-calc(100% / 6);
width: calc(100% / 6);
}

.is_phone .cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.cw-phone {
    text-align: center;
width: -webkit-calc(100% / 1.3);
width: -moz-calc(100% / 1.3);
width: calc(100% / 1.3);
}

.cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.col-3.last {
    float: none;
    position: absolute;
    width: 68%;
    padding: 0;
    z-index: 0;
}

.cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.col-3.middle {
    padding-top: 0.2vw;
    z-index: 2;
    position: relative;
}

.cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.col-3.first {
    padding: 1px 0 0 0;
}

.cbp-af-header.cbp-af-header-shrink ul#primary-menu > li {
    padding: 0 0 1vw 0;
}

.isnt_phone .cbp-af-header.cbp-af-header-shrink .main-navigation li ul.sub-menu {
    margin-top: 0.8vw;
}

.isnt_phone .cbp-af-header.cbp-af-header-shrink .main-navigation li.product-menu ul.sub-menu {
    margin-top: 0;
    padding-top: 0.8vw;
}

/* Example Media Queries */
@media screen and (max-width: 1440px) {
	
.cbp-af-header.cbp-af-header-shrink .cbp-af-inner div.col-3.last {
    float: none;
    position: absolute;
    width: 68%;
    padding: 0;
    z-index: 0;
}

}