/* header and primary nav */

.m2logo {
    color: #000;
    font-weight: 900;
    font-size: 1.1em;
}

.m2logoRed {
    color: #e8252d;
}

.header {
    border-bottom: 1px solid #e3e3e3;
    min-height: 140px;
    padding: 26px 0 0 0;
    background-color: #fff;
}

.header .logo {
    float: left;
    margin: 0 60px 0 40px;
    display: block;
}

.header .primaryNav {
    float: right;
    margin: 0 30px 0 0;
}

.header .primaryNav .pnav {
    width: 212px;
    height: 92px;
    float: left;
    cursor: pointer;
    text-align: center;
    color: #fff;
    margin: 0 10px 0 10px;
    text-decoration: none;
    transition: all 0.6s;
    font-weight: bold;
}

.header .primaryNav .pnav .pad {
    padding: 34px 0 0 0;
    display: block;
}

.header .primaryNav .pnav2 .pad, .header .primaryNav .pnav4 .pad {
    padding: 24px 0 0 0;
    display: block;
}

@media (max-width: 1480px) {
    .header .primaryNav .pnav {
        width: 160px;
        height: 70px;
        margin: 0 10px 0 10px;
    }
    .header .primaryNav .pnav .pad {
        padding-top: 24px;
    }
    .header .primaryNav .pnav2 .pad, .header .primaryNav .pnav4 .pad	 {
        padding-top: 14px;
    }
}


@media (max-width: 1212px) {
	.header .logo {
		margin-right: 32px;
	}
	.header .logo img {
		width: 120px;
	}
    .header .primaryNav .pnav {
        width: 110px;
        height: 60px;
        margin: 0 6px 0 6px;
		font-size: 12px;
    }
    .header .primaryNav .pnav .pad {
        padding-top: 22px;
    }
    .header .primaryNav .pnav2 .pad, .header .primaryNav .pnav4 .pad {
        padding-top: 14px !important;
    }
}




@media (max-width: 900px) {
    .header .primaryNav {
        display: none;
    }
}


.header .primaryNav .pnav1, .pnav1.active {
    background-image: url('../img/n1.jpg');
}

.header .primaryNav .pnav1:hover, .pnav1.active {
    background-image: url(../img/over/n1.jpg) !important;
}

.header .primaryNav .pnav2 {
    background-image: url(../img/n2.jpg);
}

.header .primaryNav .pnav2:hover, .pnav2.active {
    background-image: url(../img/over/n2.jpg) !important;
}

.header .primaryNav .pnav3 {
    background-image: url(../img/n3.jpg);
}

.header .primaryNav .pnav3:hover, .pnav3.active {
    background-image: url(../img/over/n3.jpg) !important;
}

.header .primaryNav .pnav4 {
    background-image: url(../img/n4.jpg);
}

.header .primaryNav .pnav4:hover, .pnav4.active {
    background-image: url(../img/over/n4.jpg) !important;
}

.header .primaryNav .pnav5 {
    background-image: url(../img/n5.jpg);
}

.header .primaryNav .pnav5:hover, .pnav5.active {
    background-image: url(../img/over/n5.jpg) !important;
}

.header .mobileNavControl {
    width: 50px;
    height: 45px;
    display: none;
    position: absolute;
    top: 34px;
    right: 34px;
    background-image: url(../img/mobile-nav-icon-o.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.header .mobileNavControlActive {
    background-image: url(../img/mobile-nav-icon-c.png);
}

@media (max-width: 900px) {
    .header .mobileNavControl {
        display: block;
    }
}

.mobileNav {
    border-top: 1px solid #2a2a2a;
	position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
	
}

.hideOnMobile {
    display: none;
}

.mobileNav .mnav {
    display: block;
    padding: 20px 34px;
    color: #fff;
    text-decoration: none;
    background-color: #545454;
    border-bottom: 1px solid #2a2a2a;
	font-size: 22px;
}

@media (min-width: 900px) {
    .mobileNav {
        display: none !important;
    }
}


/* /header and primary nav */