/******************************************************************
- Bootstrap overrides
******************************************************************/
.navbar-toggle[aria-expanded="true"] .icon-bar {
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-transform-origin: 68% 70%;
	        transform-origin: 68% 70%;
}
.navbar-toggle[aria-expanded="true"] .icon-bar:last-child {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.navbar-header button.navbar-toggle {
	background-color: rgb(51, 51, 51);
	border-radius: 0;
	padding: 18px;
	width: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: rgb(37, 37, 37);
}
.menu-item .dropdown-menu {
	background-color: rgb(238, 238, 238);
	border: none;
	border-radius: 0;
	padding: 40px 0;
	width: 100%;
}
.navbar-brand {
	padding: 20px 15px;
	height: auto;
}
.navbar-brand>img {
	width: 110px;
}
.navbar-default {
	background-color: rgb(255,255,255);
	-webkit-box-shadow: 0 3px 53px rgba(0, 0, 0, 0.11);
	        box-shadow: 0 3px 53px rgba(0, 0, 0, 0.11);
	border: none;
}
.nav>li {
	position: static;
}
.navbar {
	margin-bottom: 0;
	z-index: 1051;
}
.no-spacing {
	margin: 0;
	padding: 0;
}
#main-nav>li>a {
	line-height: 1;
	padding: 22px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.nav h1,
.nav h2,
.nav h3,
.nav h4,
.nav h5,
.nav h6 {
	font-family: "Heebo", sans-serif;
}
.menu-item:hover>a>h4 {
	color: #ff5252;
}
.profile-btn {
	background-color: rgb(102, 101, 101);
	border: none;
	border-radius: 100% !important;
	padding: 0;
	width: 40px;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	height: 40px;
}
.profile-btn:focus,
.profile-btn:hover {
	background-color: rgb(51, 51, 51) !important;
}
.profile-initials {
	color: rgb(255, 255, 255);
	font-size: 19px;
	font-weight: 700;
}
.navbar-default .navbar-nav>.user-menu.open>a,
.navbar-default .navbar-nav>.user-menu.open>a:focus,
.navbar-default .navbar-nav>.user-menu.open>a:hover {
	background-color: rgb(255,255,255) !important;
}
.js-cart .glyphicon-shopping-cart {
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.js-cart:focus .glyphicon-shopping-cart,
.js-cart:hover .glyphicon-shopping-cart {
	color: rgb(51, 51, 51) !important;
	cursor: pointer;
}
.user-menu.open .dropdown-menu {
	width: auto;
}
/******************************************************************
- Iconography
******************************************************************/
#icon-cart {
	width: 40px;
	height: 40px;
}
.dm-hi {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	width: 50px;
	height: 50px;
	margin-right: 30px;
}
.dm-hi--ntu {
	background-image: url(../img/menu-icons/custom/start-here.svg?v=3);
}
.dm-hi--sdc {
	background-image: url(../img/menu-icons/custom/catalog.svg?v=3);
}
.dm-hi--snp {
	background-image: url(../img/menu-icons/custom/start-project.svg?v=3);
}
.dd-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	margin: auto auto 12px;
	width: 55px;
	height: 55px;
}
.dd-icon--awr {
	background-image: url(../img/menu-icons/stock/awareness.svg?v=3);
}
.dd-icon--doc {
	background-image: url(../img/menu-icons/custom/catalog.svg?v=3);
}
.dd-icon--eth {
	background-image: url(../img/menu-icons/stock/couple.svg?v=3);
}
.dd-icon--evt {
	background-image: url(../img/menu-icons/stock/globe.svg?v=3?v=3);
}
.dd-icon--fam {
	background-image: url(../img/menu-icons/stock/family.svg?v=3);
}
.dd-icon--fcp {
	background-image: url(../img/menu-icons/custom/full-color.svg?v=312);
}
.dd-icon--fro {
	background-image: url(../img/menu-icons/custom/formula.svg?v=3);
}
.dd-icon--fss {
	background-image: url(../img/menu-icons/custom/free-samples.svg?v=3);
}
.dd-icon--gsn {
	background-image: url(../img/menu-icons/custom/get-started.svg?v=3);
}
.dd-icon--hld {
	background-image: url(../img/menu-icons/stock/calendar.svg?v=3);
}
.dd-icon--hmr {
	background-image: url(../img/menu-icons/stock/humor.svg?v=3);
}
.dd-icon--lfe {
	background-image: url(../img/menu-icons/stock/fishing.svg?v=3);
}
.dd-icon--loc {
	background-image: url(../img/menu-icons/stock/pin.svg?v=3);
}
.dd-icon--npn {
	background-image: url(../img/menu-icons/stock/name-numbers.svg?v=3);
}
.dd-icon--ocp {
	background-image: url(../img/menu-icons/custom/fifteen-cent.svg?v=3);
}
.dd-icon--org {
	background-image: url(../img/menu-icons/stock/medical.svg?v=3);
}
.dd-icon--sts {
	background-image: url(../img/menu-icons/stock/soccer.svg?v=3);
}
.dd-icon--uya {
	background-image: url(../img/menu-icons/custom/upload-art.svg?v=3);
}
.dd-icon--wht {
	background-image: url(../img/menu-icons/custom/product-matcher.svg?v=3);
}
.dd-icon--2cp {
	background-image: url(../img/menu-icons/custom/2c-program.svg?v=2134);
}
.dd-icon--vocp {
	background-image: url(../img/menu-icons/custom/vintage-program.svg?v=21);
}
.dd-icon--vkc {
	background-image: url(../img/menu-icons/custom/knowledge-center.svg?v=21);
}
.dd-icon--vdc {
	background-image: url(../img/menu-icons/custom/design-center.svg?v=21);
}
.dd-icon--wbp {
	background-image: url(../img/menu-icons/custom/waterbased-program.svg?v=21);
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
	max-height: 550px;
}
/******************************************************************
- Typography
******************************************************************/
.user-navbar a {
	color: rgb(102, 101, 101) !important;
}
.dropdown-menu a {
	display: block;
	width: 100%;
	height: 100%;
}
.dropdown-menu__callout h4 {
	margin: 0 0 5px;
}
#main-nav .dropdown-menu h3 {
	color: rgb(0,0,0);
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 0 10px;
}
.dropdown-menu p {
	color: rgba(255, 82, 82, 1);
	font-weight: 600;
	margin-bottom: 0;
}
.menu-item {
	text-align: center;
}

/*.zopim {
	display: none;
}*/

.menu-item>a>h4 {
	color: rgb(102, 101, 101);
	font-family: "Heebo", sans-serif !important;
	font-size: 15px;
	font-weight: 800;
	margin: 0 0 5px;
	text-transform: uppercase;
	-webkit-transition: color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out;
}
.menu-item>a>p {
	color: rgb(204, 191, 191);
	font-family: "Heebo", sans-serif !important;
	font-weight: 400 !important;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
}
/******************************************************************
- Dropdown Menu
******************************************************************/
.dropdown-menu__callout {
	background-color: #bfbfbf;
	border-left: solid 15px rgba(255, 82, 82, 1);
	color: #000;
	padding: 10px 20px;
	/* margin-top: 20px; */
	-webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
	transition: -webkit-box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
.dropdown-menu__callout:focus,
.dropdown-menu__callout:hover {
	color: black;
	-webkit-box-shadow: 0 11px 27px 6px rgb(37, 37, 37);
	        box-shadow: 0 11px 27px 6px rgb(37, 37, 37);
}
.new-nav-divider-block {
	height: 78px;
}
/******************************************************************
- Media Queries
******************************************************************/
@media all and (min-width: 1180px) {
	.nav-item {
		padding: 5px;
		height: 160px;
	}
	#main-nav .dropdown-menu h3 { 
		font-size: 24px;
	}
	.profile-initials {
		font-size: 22px;
	}
	.menu-item .dropdown-menu {
		padding: 20px 0 40px;
	}
	.navbar-default>.container-fluid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-line-pack: center;
		    align-content: center;
	}
	#bs-example-navbar-collapse-1 {
		margin: auto;
	}
	.navbar-header {
		margin: auto 0;
	}
	.navbar-right .dropdown-menu {
		right: 30px;
	}
	.menu-item.dropdown:hover ul {
		display: block;
	}
	.user-navbar {
		margin-right: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-line-pack: center;
		    align-content: center;
	}
	.user-navbar .dropdown {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-line-pack: center;
		    align-content: center;
		margin: auto;
	}
	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 0;
	}
	.user-navbar>li {
		margin: auto;
	}
	.user-navbar .glyphicon {
		font-size: 31px;
	}
	.navbar-toggle {
		display: none !important;
	}
	.dm-hi {
		display: inline-block;
	}
	.user-menu.open .dropdown-menu {
		right: 16px;
	}
}
@media (max-width: 1180px) {
	.nav-item {
		margin-top: 20px;
	}
	.dd-icon {
		width: 35px;
		height: 55px;
	}
	.menu-column:last-child {
		margin-top: 50px;
	}
	.navbar-default>.container-fluid {
		/* display: flex; */
		padding: 0;
	}
	.navbar-toggle {
		display: block !important;
	}
	.navbar-header {
		float: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 15px;
		/* width: 90%; */
	}
	.navbar-nav {
		float: none;
		margin: 0;
	}
	.navbar-brand {
		margin: auto !important;
	}

	.navbar-left,
	.navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
		        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}

	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-brand>img {
		width: 85px;
	}
	.user-navbar {
		float: none !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.user-navbar>li>a {
		padding: 0 8px;
		font-size: 26px;
	}
	.js-cart {
		font-size: 30px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.collapse.in {
		display: block !important;
		padding: 0;
	}

	#main-nav .open .dropdown-menu {
		border-width: 0 0 3px;
    border-color: #eee;
    border-style: solid;
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.user-navbar .open .dropdown-menu {
		position: absolute;
		background-color: #fff;
		top: 100%;
		right: 0;
		width: 150px;
		left: auto;
	}
	.dropdown-menu .col-md-6 {
		width: 100%;
	}
	.user-menu.open .dropdown-menu {
		width: 100%;
	}
}

@media all and (min-width: 768px) and (max-width: 1180px) {
	.navbar-collapse.in {
		overflow-y: auto !important;
	}
	.navbar-header {
		padding: 0;
	}
	.navbar-brand>img {
		width: 105px;
	}
	.user-navbar>li>a {
		font-size: 22px;
	}
	.navbar-header button.navbar-toggle {
		padding: 24px;
		width: 70px;
	}
	.profile-initials {
		font-size: 22px;
	}
	.user-navbar .glyphicon {
		font-size: 31px;
	}
}