span.bookmark { 
  margin-top: -225px;        /* Size of fixed header */
  padding-bottom: 225px; 
  display: block; 
}

body {
	margin: 0;
	background: #000000;
	font-family: arial, helvetica, sans-serif;
	color: white;
	font-size: 16px;
}

header {
	position: fixed; 
	top:0; 
	left: 0; 
	width: 100%; 
	z-index: 100
}

.kral7 {
	background-image: url('/images/kral7.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 48px 0;
}
.intro {
	width: 66%;
}
.intro .inner { padding: 10px; }

a { color: #f36521; }

img.fullW {
	display:block;
	width:100%;
}
img.halfW {
	display:block;
	float: left;
	width:50%;
}
div.headGap, img.headImg {
	margin-top: 225px;
}
img.logo {
	padding-left:10px;
}
#headFade {
	background-size: cover;
}
.smartChoice {
	position: absolute;
	bottom: 32px;
	left: 32px;
}

.cf:after {
  content: "";
  display: table;
  clear: both;
}

.wrap {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}
.wrap.full {
	max-width: 1260px;
}
.block {
	margin-top:32px;
}

.wrap.headBgnd {
	background-image: url('../images/head-bgnd.jpg');
	background-color: black;
	background-repeat: no-repeat;
	background-position: right;
	height: 122px;
}
#menuBtn {
	position: absolute;
	top: 10px;
	right: 10px;
	background-image: url('../images/menu-bars.png');
	width: 36px;
	height: 34px;
	display: none;
}

#menuBar {
	position: relative;
	height: 55px;
}
header .getQuote {
	position: absolute;
	top: 235px;
	right: 0px;
}
.gray {
	background: #a2a3a7;
}
.black {
	background: black;
}
.white {
	color: black;
	background: white;
}

.tagLine {
	font-size: 28px;
}

.menuMain {
	position: relative;
	float: left;
	width: 20%;
	color: #1c3a85;
	cursor: pointer;
	font-size: 16px;
	height: 55px;
}
.menuMain.sel a {
	color:black;
}

.menuMain a, .menuMainMob a {
	color: white;
	text-decoration: none;
}

.menuMain .inner {
	text-align: center;
	padding: 10px;
}
ul.menuSub {
	position: absolute;
	top: 53px;
	left: 0px;
	background: #9a9b9f;
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 100;
	display: none;
	border-bottom: 10px solid #ff6100;
	line-height: 32px;
	padding-bottom: 10px;
}
ul.menuSub li { padding: 0 10%; font-weight: bold; }
ul.menuSub li a { color: black; display:block; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }
ul.menuSub li:hover { background: #1c3a85; }
ul.menuSub li:hover a { color: #fff }

#mobileMenu { display: none; }
.menuMainMob {
	display: none;
	width: 100%;
	line-height: 32px;
	border-bottom: 1px solid black;
}
.menuMainMob .inner {
	margin-left: 32px;
}
.menuSubMob {
	margin-block-start: 0;
	margin-block-end: 0;
	background: #808080;
}
.menuSubMob li {
	list-style-type: none;
	margin: 0px 0 0 16px;
	padding: 0;
}

p.text { line-height: 28px; }

.contactEmail, .contactPhone {
	color: black;
	font-size: 24px;
	text-align: center;
	line-height: 48px;
}
.contactPhone {
	font-weight:bold;
}
.contactEmail a, .contactPhone a {
	color:black;
	text-decoration: none;
}

.vPad {
	padding: 48px 0;
}

.b50, .h50, .b60, .b40 {
	float: left;
	width: 50%;
}
.b50 .inner, .b60 .inner, .b40 .inner, .b100 .inner {
	position: relative;
	margin: 10px;
}
.b60 { width: 60%; }
.b40 { width: 40%; }

h2.home {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0;
	margin-block-start: 0;
	margin-block-end: 0;
	color: white;
	background-color: black;
    padding-bottom: 10px;
    font-size: 36px;
	font-weight: normal;
}
.white h2 {
	color: black;
	background-color: white;
}
h2 a {
	color: white;
	text-decoration: none;
}

.white h2 a { color: black; }

.social {
	position: relative;
	line-height: 40px;
	padding-left: 36px;
	font-size: 18px;
}
.social img {
	position: absolute;
	display: block;
	left: 0px;
	top: 4px;
}
footer {
	font-size: 18px;
}
footer a {
	color: white;
	text-decoration: none;
}
footer .b50 .inner {
	overflow-x: hidden;
}

label, input, textarea {
	font-size: 20px;
}

label {
	display:block;
	float:left;
	width:15%;
}
input, textarea {
	display: block;
	float: left;
	width: 75%;
	color: white;
	background: black;
	border: 2px solid white;
	border-radius: 4px;
}
input[type="submit"] {
	color: black;
	background: white;
}
input[type="text"].err, textarea.err {
	border: 2px solid red;
}

.formRow {
	padding: 10px 0;
}

.sprayGun {
	background-image: url('/images/spray-gun.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}

.panelIntro {
	float: left;
	width: 50%;
}

.map { margin-top: 80px; }

@media screen and (max-width:1023px) {
	footer, .social { font-size: 18px; }
	.kral7  { background-image:none; }
	.intro { width: 100%; }
	.sprayGun { background-position: top -50px right -200px; }
}

@media screen and (max-width:800px) {
	.b60, .b40 { width: 100%; }
	.map { margin-top: 0px; }
}

@media screen and (min-width:481px) and (max-width:640px) {
	.wrap.headBgnd { background-image: url('../images/head-bgnd-dark.jpg'); }
	header .getQuote { top: 180px; }
	.smartChoice { width: 75%; bottom: 24px; left: 24px; }
	div.headGap, img.headImg { margin-top: 170px; }
	span.bookmark {  margin-top: -170px; padding-bottom: 170px; }
	#mobileMenu { display: block; }
	#menuBar { display: none; }
	#menuBtn { display: block; }
	.b50 { width: 100%; }
	.panelIntro { width: 100%; }
	.sprayGun { background-image: none; }
	footer, .social { font-size: 16px; line-height:26px; }
	.social img { top: -4px; }
}

@media screen and (max-width:480px) {
	.wrap.headBgnd { background-image: url('../images/head-bgnd-dark.jpg'); }
	header .getQuote { top: 180px; }
	.smartChoice { width: 75%; bottom: 16px; left: 16px; }
	div.headGap, img.headImg { margin-top: 170px; }
	span.bookmark {  margin-top: -170px; padding-bottom: 170px; }
	#mobileMenu { display: block; }
	#menuBar { display: none; }
	#menuBtn { display: block; }
	.b50 { width: 100%; }
	.contactEmail, .contactPhone { font-size: 16px; }
	img.logo { width: 75%; }
	.panelIntro { width: 100%; }
	.sprayGun { background-image: none; }
	label, input, textarea { width: 96% }
	footer, .social { font-size: 16px; line-height:26px; }
	.social img { top: -4px; }
}