/* Header Styles */
#HeaderZone {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
}

.down-scroll:not(.mm-open) .fixed #HeaderZone {
    pointer-events: none;
}

.cms-enabled #HeaderZone {
    position: static;
}

.header-area .sticky-box {
    background-color: #FFFFFF;
    transition: box-shadow .5s ease 0s, background-color .5s ease 0s, transform .5s ease 0s;
    padding-top: 1.112em;
}

.down-scroll .fixed .header-area .sticky-box {
	box-shadow: none;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.header-area > .request-appointment {
    box-shadow: 0px -1.27em 2.56em rgba(0, 0, 0, 0.16);
    position: fixed;
    bottom: 0;
    font-size: 1rem;
    text-align: center;
    color: var(--white-color);
    background-color: var(--click1-color);
    display: none;
    width: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 600;
    transition: box-shadow .5s ease 0s, transform .5s ease 0s;
    line-height: 1.56;
    font-family: var(--font-2);
    padding: 0.5em 1em 0.5em;
}

.down-scroll .header-area > .request-appointment {
	-webkit-transform: translateY(calc(100% + 1px));
    -ms-transform: translateY(calc(100% + 1px));
    transform: translateY(calc(100% + 1px));
    box-shadow: none;
}

.header-area .main {
	max-width: 100%;
}

.header-area .top-logo {
	padding: 0 2.22em 1em 0;
	max-width: 20%;
}

.header-area .desktop-nav > li > .el-tab {
	display: none;
}

.header-area .desktop-nav > li > a {
	color: var(--primary-color);
	font-weight: 600;
	line-height: 1.63;
	padding: 1em 1.71em;
	letter-spacing: 0.05em;
	font-family: var(--font-2);
	text-transform: uppercase;
}

.header-area .desktop-nav > li:last-child > a {
	padding-right: 0;
}

.header-area .contact-box svg {
	fill: var(--click1-color);
	margin-right: 0.2em;
	font-size: 1.4rem;
}

.header-area img {
	width: 100%;
}

.header-area .contact-box .contact {
	color: var(--text-color);
}

.header-area .contact-box .phone-link svg {
	color: var(--click2-color);
	stroke: var(--click2-color);
	font-size: 1.33em;
	pointer-events: none;
}

.header-area .contact-box .phone-link span {
	display: block;
}

.header-area .contact-box .btn {
	margin-left: 3.33rem;
}

.header-area .nav-bar {
	align-items: flex-end !important;
}

.header-area.v1 .nav-bar span:hover {
	text-decoration: underline;
    cursor: pointer;
}
/* Header Styles */

/* Responsive Min-Width 1025px */
@media screen and (min-width: 1025px) {
	.header-area .desktop-nav > li > a:hover, .header-area .desktop-nav > li > a:focus {
		color: var(--click1-color);
	}
}
/* End Responsive Min-Width 1025px */

/* Responsive Width 1600px */
@media screen and (max-width: 1600px) {
	.header-area .top-logo {
		padding-right: 1.11em;
	}
	
	.header-area .desktop-nav > li > a {
		padding: .55em;
	}
	
	.header-area .contact-box .btn {
		margin-left: 1.11rem;
	}
	
	.header-area .contact-box .btn span {
		display: none;
	}
	
	.header-area .contact-box .phone-link span {
		display: none;
	}
}
/* End Responsive Width 1600px */

/* Responsive Width 1024px */
@media screen and (max-width: 1024px) {
	.header-area .top-logo {
		max-width: 60%;
	}
	
	.header-area .nav-bar {
		justify-content: flex-end;
	}
	
	.header-area .top-nav {
		display: none;
	}
	
	.header-area .contact-box .phone-link span {
		display: block;
	}
}
/* End Responsive Width 1024px */

/* Responsive Width 800px */
@media screen and (max-width: 800px) {
	.header-area .contact-box .btn {
		display: none;
	}
	
	.header-area > .request-appointment {
		display: block;
	}
	
	.header-area .top-logo {
		max-width: 30%;
	}
	
	.header-area.v1 .contact-box span {
		font-size: 0.9rem;
	}
}
/* End Responsive Width 800px */

/* Responsive Width 500px */
@media screen and (max-width: 500px) {
	.header-area .main {
		padding-right: 0;
	}
	
	.header-area .contact-box {
	    height: 100%;
	    padding-bottom: 0.556em;
	    display: flex;
	    align-items: flex-end;
	}
	
	.header-area .contact-box .btn {
		display: none;
	}
	
	.header-area .contact-box .phone-link {
		background-color: var(--click1-color);
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    height: 100%;
	    padding: 1.1em 1.4em;
	}
	
	.header-area .contact-box .phone-link span {
		display: none;
	}
	
	.header-area .contact-box .phone-link svg {
		color: var(--white-color);
		stroke: var(--white-color);
		font-size: 2.22em;
	}
	
	.header-area .nav-bar .contact-box span {
		display: none;
	}
	
	.header-area .top-logo {
		max-width: 65%;
	}
	
	.header-area.v1 .sticky-box .width {
		align-items: center;
	}
}
/* End Responsive Width 500px */