/*
 * Text-editor configutation for various text-editors:
 * kate: replace-tabs off; indent-width 4;
 */

#header-base-background {
	background: white;
	content: '';
	left: 0;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
}
#header-background-overrider {left: 0; position: absolute; right: 0; z-index: 2}
header {
	position: fixed;
	top: 0;
	-webkit-transition: background-color 0.6s ease-in-out; transition: background-color 0.6s ease-in-out;
	width: 100%;
	z-index: 3;
}
header.detached {
	background: white;
	box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);
}

#logo {
	background: url('../images/layout-main/logo.png') center no-repeat;
	background-size: contain;
	display: block;
	height: 75px;
	position: absolute;
	width: 258px;
}

#menu-for-desktop {
	color: #0c3b45;
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	margin: 0 -8px -8px;
}

#menu-for-desktop a {
	color: inherit;
	display: inline-block;
	margin: 0 8px;
}
#menu-for-desktop a:hover, #menu-for-desktop a.chosen {color: #68b12c}
#menu-for-desktop a.chosen {position: relative}
#menu-for-desktop a.chosen::before {
	background: #68b12c;
	bottom: 0px;
	content: "";
	height: 2px;
	left: 12.5%;
	margin: auto;
	position: absolute;
	width: 75%;
	z-index: 1;
}

#phone-for-desktop {
	color: #003d42;
	font-size: 17.6px;
	font-weight: bold;
}

#phone-for-desktop, #menu-for-desktop, #show-menu-for-mobile, #header-overlay, #menu-for-mobile {display: none}

@media (max-width: 819px) {
	header, #header-base-background, #header-placeholder {height: 100px}
	#header-background-overrider {padding-top: 100px}
	.one-page-nav-target {margin-top: -100px; padding-top: 100px}
	
	#header-overlay {
		background: #2a454e;
		display: block;
		height: 100%;
		position: absolute;
		width: 100%;
	}
	#logo-overlay {
		background: url('../images/layout-main/logo-white.png') center no-repeat;
		background-size: contain;
		display: block;
		height: 75px;
		position: absolute;
		width: 258px;
	}
	#logo, #logo-overlay {
		left: 15px;
		top: 15px;
		-webkit-transition: none; transition: none;
	}

	#show-menu-for-mobile, #hide-menu-for-mobile {
		display: block;
		height: 32px;
		position: absolute;
		right: 15px;
		top: 23px;
		width: 42px;
		border: none;
	}
	#show-menu-for-mobile {
		background: url('../images/layout-main/mobile-menu.png') center no-repeat;
		background-color: white;
		border-radius: 4px;
	}
	#show-menu-for-mobile:hover {background-color: #e96656}
	#hide-menu-for-mobile {background: url('../images/layout-main/mobile-menu-close.png') center no-repeat}

	#menu-for-mobile {
		background: #2a454e;
		border-top: 1px solid #405860;
		color: white;
		display: block;
		font-size: 18px;
		font-weight: bold;
		line-height: 32.4px;
		position: absolute;
		text-transform: uppercase;
		top: 100%;
		width: 100%;
	}
	#menu-for-mobile a {
		color: inherit;
		display: block;
		margin: 9px 20px 9px 10px;
		-webkit-transition: none; transition: none;
	}
	#menu-for-mobile a:first-child {margin-top: 20.5px}
	#menu-for-mobile a:last-child {margin-top: 36px; margin-bottom: 12.5px}

	#header-overlay {
		visibility: hidden;
		-webkit-transition: visibility 0.25s step-end; transition: visibility 0.25s step-end;
	}
	#menu-for-mobile {
		border-top-width: 0px;
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height 0.25s ease-in, border-top-width 0.25s ease-in; transition: max-height 0.25s ease-in, border-top-width 0.25s ease-in;
	}
	.mobile-menu-expanded #header-overlay {
		visibility: visible;
		-webkit-transition: visibility 0.25s step-start; transition: visibility 0.25s step-start;
	}
	.mobile-menu-expanded #menu-for-mobile {
		border-top-width: 1px;
		max-height: 300px;
		-webkit-transition: max-height 0.25s ease-out, border-top-width 0.25s ease-out; transition: max-height 0.25s ease-out, border-top-width 0.25s ease-out;
	}
}
@media (max-width: 479px) {
	header, #header-base-background, #header-placeholder {height: 76px}
	#header-background-overrider {padding-top: 76px}
	.one-page-nav-target {margin-top: -76px; padding-top: 76px}
	#logo, #logo-overlay {
		height: 43px;
		width: 146px;
	}
}

@media (min-width: 820px) {
	header, #header-base-background, #header-placeholder {height: 125px}
	#header-background-overrider {padding-top: 125px}
	.one-page-nav-target {margin-top: -125px; padding-top: 125px}
	#logo {
		left: 56px;
		top: 15px;
	}
	#menu-for-desktop {
		display: block;
		position: absolute;
		right: 50px;
		top: 90px;
	}
	#phone-for-desktop {
		display: block;
		position: absolute;
		right: 50px;
		top: 40px;
	}
}
@media (min-width: 1100px) {
	header, #header-base-background, #header-placeholder {height: 100px}
	#header-background-overrider {padding-top: 100px}
	.one-page-nav-target {margin-top: -100px; padding-top: 100px}
	#menu-for-desktop {top: 35px}
	#phone-for-desktop {top: 5px}
}
@media (min-width: 1280px) {
	#menu-for-desktop {font-size: 16px}
}
@media (min-width: 1350px) {
	#menu-for-desktop {right: 175px}
	#phone-for-desktop {top: 41px}
}

.buynow-menuitem, .callmeback-menu-item {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white!important;
    padding: 0px 8px!important;
}
.buynow-menuitem {background: #3ab0e2!important}
.buynow-menuitem:hover{background: #60d0ff!important}
.callmeback-menu-item {background: #e41616!important}
.callmeback-menu-item:hover{background: #ff6060!important}