.body-scroll{
	overflow-y:hidden;
}

#toggle-menu{
	display:none;
	float:right;
	width:28px;
	height:40px;
	margin-left:22px;
	font-size:28px;
}

	#toggle-menu:after{
		font-family: "Font Awesome 5 Free"; 
		font-weight: 900; 
		content: "\f0c9"; 
		float: right; 
		font-size: 28px; 
		margin: 4px; 
		cursor:pointer;
	}

	#toggle-menu.toggle-menu-active:after{
		content: "\f00d"; 
	}

#masthead{
	border-bottom: 1px solid #eee;
    padding: 20px 0 0 0;
    margin-bottom: 0;
    height: 80px;
}

#site-navigation{
	float:right;
}

.site-branding{
	z-index:9999;
	position: relative;
}

.site-description {
    font-size: 12.4px!important;
    color: #bdbdbd!important;
    margin-left: 32px;
}

.main-navigation ul{
	list-style-type:none;
	padding:0;
}

	.main-navigation ul li{
		display:inline-block;
		padding:6px 0 0;
	}

		.main-navigation ul li a{
			color:#454545;
		}

			.main-navigation ul li a:hover{
				color:var(--header-hover-color);
				text-decoration: underline!important;
			}

		.primary-menu a:first-child,
		.primary-menu-phcom a:first-child{
			font-weight:700;
			color:inherit;
			text-decoration:none;
			margin:0 15px;
		}

			.primary-menu .sub-menu,
			.primary-menu-phcom .sub-menu{
				display:none;
				background:white;
				height:auto;
				box-shadow: 0 4px 2px -2px #eee;
			    margin-top:0;
			    position:absolute;
			    z-index:900;
			}

			.primary-menu .secondary-menu,
			.primary-menu-phcom .secondary-menu{
				display:block;
				width:25%;
				float:left;
				overflow:hidden;
				position:relative;
				padding:8px;
			}

				.primary-menu .secondary-menu a,
				.primary-menu-phcom .secondary-menu a{
					display:block;
					width:100%;
					margin:0 0 12px 0;
				}

					.primary-menu .secondary-menu a:hover,
					.primary-menu-phcom .secondary-menu a:hover{
						text-decoration:none !important;
						color:#454545;
					}

					.primary-menu .secondary-menu .sub-menu,
					.primary-menu-phcom .secondary-menu .sub-menu{
						left:0;
						background:none;
						width:auto;
						position:relative;
						margin:0;
						padding:0;
						display:block !important;
						box-shadow: none !important;
					}

						.primary-menu .secondary-menu .sub-menu li,
						.primary-menu-phcom .secondary-menu .sub-menu li{
							margin:0 0 12px 0;
							padding:0;
						}

							.primary-menu .secondary-menu .sub-menu a,
							.primary-menu-phcom .secondary-menu .sub-menu a{
								font-weight:normal !important;
								margin:0;
								color: #A3A3A3;
								font-size: 16px!important;
    							font-weight: 400 !important;
							}

								.primary-menu .secondary-menu .sub-menu a:hover,
								.primary-menu-phcom .secondary-menu .sub-menu a:hover{
									color:var(--header-hover-color);
									text-decoration: underline!important;
								}

#cta-call{
	float:right;
	margin-left: 52px;
	position: relative;
	z-index: 99;
}

#cta-call a{
	color:  var(--header-cta-color);
	text-decoration:none;
	display: block;
	flex-direction: column;
	align-items: center;
	padding: 11px 20px;
	height: 44px;
	left: 861px;
	top: 20px;
	background: var(--header-cta-background);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
	border-radius: 6px;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
}

	#cta-call a i{
		display:none;
	}

#toggle-search{
	cursor: pointer;
	background:url(../assets/ios-search.svg) center center no-repeat transparent;
	background-size: cover;
	width:20px;
	height:20px;
	float:right;
	margin-top:14px;
	margin-left:52px;
}

@media (max-width: 1024px) {
    #cta-call,
    #toggle-search{
    	margin-left:22px !important;
    }

    #toggle-menu{
    	display:block;
    }

    #masthead .col-md-8{
    	position:absolute;
    	right:0;
    	max-width:100%;
    }

    #site-navigation{
    	height:100vh;
    	background:white;
    	display:none;
	    width:100%;
	    margin-top: 30px;
		float: none;
		position: absolute;
		left: 0;
		top:30px;
		z-index: 900;
		border-top: 1px solid #d4d4d4;
    }

	    #site-navigation li{
	    	width:100%;
	    	padding-bottom: 10px;
    		border-bottom: 1px solid #d4d4d4;
	    }

	    	.main-navigation ul li a{
	    		display: block;
	    		padding:10px 0;
	    	}

	    	#site-navigation li li{
	    		border-bottom:none !important;
	    		padding:0;
	    	}

			.primary-menu .sub-menu,
			.primary-menu-phcom .sub-menu{
				left:0;
				max-height: 65vh;
    			overflow: auto;
				padding:0 15px;
				position:relative;
				box-shadow:none;
				width:100%;
				margin:0;
			}

				.primary-menu .secondary-menu a[href^="#"],
				.primary-menu-phcom .secondary-menu a[href^="#"]{
					margin-top:20px;
					padding:0;
				}

					.primary-menu .secondary-menu .sub-menu li,
					.primary-menu-phcom .secondary-menu .sub-menu li{
						margin: 0 0 6px 0;
					}


						.primary-menu .secondary-menu .sub-menu li a,
						.primary-menu-phcom .secondary-menu .sub-menu li a{
							margin-top:0px;
							padding:0;
						}
}


@media (min-width: 320px) and (max-width: 767px) {
	.site-description{
		margin-left:0;
		font-size:12px !important;
		line-height:10px !important;
	}

	#cta-call a i,
	#toggle-menu{
		display:block;
	}

    #cta-call{
    	margin-left:0 !important;
    	top:2px;
    }

    	#cta-call a{
    		padding: 11px 16px;
    		height: 40px;
    	}

    #toggle-search{
    	margin-left:22px !important;
    }

	#cta-call a span{
		display:none;
	}

	.primary-menu .secondary-menu .sub-menu li a,
	.primary-menu-phcom .secondary-menu .sub-menu li a{
	    overflow: hidden;
	    font-size:16px !important;
	}
}