*,
*::before,
*::after {
  box-sizing: border-box;
  margin:0;
  padding:0;
}
/* PAGE CENTERING */
body {
  margin:0;
}
header {
	position: -webkit-sticky;
	position: sticky;
	width:100%;
	height: 40px;
	top: 0;
	border:0 solid red;
	z-index: 1;
}

/* MAIN CONTAINER */
.main {
  width: 100%;
  max-width: 1000px;
  padding: 20px;
  border: 0 solid #1a8e1a;
  margin: 0 auto;   /* THIS centers it */
}



.style16 {width:100%;
min-width:330px;
margin-top:0px;
border-left:2px ridge green;
border-right:2px ridge green;
border-bottom:2px ridge green;
background-color:#e0f0ff;
padding:10px;
}
h1{font-family: 'Oswald', sans-serif;
	font-size:23px;
	text-shadow: 1px 0 0 #000000;}
  
h2{
	font-family: 'Oswald', sans-serif;
	font-size:21px;
	text-align: center;
	text-shadow: 1px 0 0 #000000;}
	
.style17 {font-family: Georgia ,Arial serif;
font-weight: 600;
font-size:30px;
color:#ffcc00;
margin-left:42px;
text-shadow:2px 1px 2px #000000;
			}
.style18 {color:red;font-weight:700;font-size:25px;border:0 ridge green; 
  display: block;
  margin-bottom: 10px;
}
.style19 {font-weight: 700;
font-size:25px;
padding-left:35px;
color:red;
border:0 ridge green;}

.style23 {font-size:16px;color:#8B0000;
font-weight:600;
margin: 20px auto;
border:0 ridge green;}

.style666 {margin-left:45px;}

.style244 {
  margin: 10px auto;
  display: block;
}
.style57 {margin:0 auto;
text-align:center;
border-left:2px solid #000080;
border-right:2px solid #000080;
border-bottom:2px solid #000080;
max-width:450px;
min-width:300px;
margin-top: 0;
padding-left:15px;padding-right:15px;
padding-top:15px;background:url(clouds8.jpg);
}

.style100 {
  margin: 0px auto;
  text-align: center;
  font-size:17px;color:#111;
font-weight:500;
}
.trust {
  font-size: 14px;
  color: #555;
  margin-bottom: 10px;
}

.left, .right {
	width: 50%;
}	
.left1, .right1 {
  max-width: 420px;
  width: 100%;
}


.right2 {padding-right:10%; border:0 solid purple; }
.right3 { padding-right:10%; border:1px solid purple; }


textarea {
  width:100%;
}

input, textarea {
  width: 100%;
  max-width: 420px;
  margin: 0 auto 15px auto;
  display: block;
}



.style26 {
  display: flex;
  gap: 20px;
  flex-wrap: wrap; /* allows stacking on small screens */
}
.button-row {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 10px;
}


.row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.button-group {
  display: flex;
  gap: 55px; /* ?? controls space between buttons */
}

.column {
  flex: 1;
  min-width: 300px; /* prevents squashing on mobile */

}


.style260 {min-width:310px;padding-right:10px;border:0 solid #b22222;margin-left:10px;
 text-align: left;
}
/*Keep*/
.w3-input{padding:6px;
    border: 1px solid #333333;
	color:#000080;
	margin-bottom:18px;
	margin-left:42px;
	display:block;
	font:normal 16.5px "Georgia", "Arial";
	width:290px;
	}
	
/*Keep*/
.w3-border{box-shadow: 
               1px 1px #75899d, 0 1px #75899d,
               2px 2px #75899d, 1px 2px #75899d,
               3px 3px #75899d, 2px 3px #75899d,
               4px 4px #75899d, 3px 4px #75899d,
               5px 5px #75899d, 4px 5px #75899d,
               6px 6px #333333, 5px 6px #333333,
			   -40px -50px 10px -48px rgba(0,0,0,0.6) inset;
			   }
	

	
	.italic {
  font-family: Georgia, Arial, serif;
  font-style: italic;
  font-size:17px;
  margin: 12px auto 0;
  display: block;
  text-align: center;
}
	
 .buttons {
	  display: flex;
    flex-direction: column;
	margin-left:33px;
  }

.span5 {color:red; 
   font-style:italic;
   font-weight:500;
   text-shadow: 1px 0 0 #333333;
}
.span66{
	font-family: 'Raleway', sans-serif;
	font-size:17px;
	padding-left:0px;
	color:#333333;
	font-weight:500;
	width:100%;
	border: 0 solid red;
	}
	
.span67 {margin-left:42px;
font-family: 'Raleway', sans-serif;
	font-size:17px;
	padding-left:0px;
	color:#333333;
	font-weight:500;
}
	.pt11{padding:8px;}
	.pt12{font-family: 'Oswald', sans-serif;
	font-size:18px;
	font-weight:500; }
	
	.pt13 {color:navy; 
	font-family:Arial;
	text-align:center;}
	
.main-thanks {
	width:100%;
	height:650px;
     position: -webkit-sticky;
	position:sticky;
	top:0;}	
	
.bgthanks1 {
  background: url("https://www.cemeterycleaners.co.nz/bgtissue11.jpg") no-repeat center center;
  background-size: cover;
}	
 .vw{
position: relative;
 font-family: Arial, sans-serif;
 font-weight: 600;
 color: #ffdf00;
 font-size: 48px;
 margin-bottom: 10px;
padding-bottom:1px;
border :0 solid #ebc200;
text-shadow: 3px 2px 2px #333333;
}
.style34 {text-align:center;}
p {
	font-family: 'Raleway', sans-serif;
	font-size:16.6px;
	line-height:22px;
	text-indent:0;
	text-align:left;
	color:#111111;
	font-weight:500; 
	 text-shadow: 0.7px 0 0 #333333;
	}
	
/*Keep*/
.pt010 {font-family: 'Raleway', sans-serif;
font-weight:500;
font-style: normal;
font-size:20px;
color:#007700; 
margin-left:42px;
}	
.pt09 {font-family: 'Raleway', sans-serif;font-style: normal;font-size:16.5px;line-height:20px;text-align:left;color: #1a0dab;font-weight:400;text-shadow: 1px 0 0 #333333; 
}
.pt09:hover {font-size:18px;color:#8d4254;font-weight:600;
}
.btn2 {
	border: 1.5px solid #111111;
	border-radius: 6px 8px 0 0;
	width:55px;
	height:20px;
	color:#ffffff;
	font-size: 14px;
	text-align:center;
	background-color:#39af4c;/*#33cc00*/
	position:absolute;
	right:10px;
	top:-23px;
font-weight:500;}
	

	.w3-btn {
  border-radius:8px;
  color:#ffffff;
  padding:6px;
  text-shadow: 1px 1px 1px #111111;
  background-color: #299B1B;
  font-weight:600;
  font-family:"Georgia",arial,sans-serif;
  font-size:14px;
  height:35px;
  border:green solid 5px;
  margin: 0;
}

.w3-btn:hover{
	background-color: #610ca9;
	padding:3px;
	width:auto;
	padding:6px;
	border:green solid 5px;
    font-size: 14px;
}
/*Keep*/
.cool-link {
	font-family: 'Raleway', sans-serif;
    display: inline-block;
	color:#ffffff;
	height: 26px;
    text-decoration: none;
	font-size:15px; /*font size in nav bar. Home Cleaning etc*/ 
	font-weight:700;
	text-shadow: 1px 1px 1px #111111;
}	
/* all Microsoft Edge versions */
    @supports (-ms-ime-align:auto) {
 .cool-link {font-size:17px;}  
    }
.cool-link:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
	-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s;	
}
.cool-link:hover::after {
    width: 100%;
	background-color:#1c232c;
	transition: width 1s;
} 

nav {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	overflow:hidden;
	width:100%;
    border: 2px solid #111111;
	height: 40px;
	padding: 5px 0;
	text-align:center;
	background-color:#299B1B;
    }
	.nav2 {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	overflow:hidden;
	max-width:450px;min-width:310px;
	margin: 0 auto;color: white;
    border: 2px solid #111111;
	height:40px;
	padding: 5px 0;
	text-align:center;
	background-color: #299B1B ;
    }
     ul li::marker{
     color: #299B1B ;
	 font-size:20px;}
	 
	.nav2 .cool-link2 {
  color: #fff;
   text-decoration: none;
}
ul.d{ 
list-style-type: "\2726\0020"; /*greentriangle*/
  padding: 3px 10px 10px 30px;
 border-radius: 15px;
   width:100%;
   border :2px solid green;
   background-color:#eaeaea;
}


li.b {
	 display: inline-block;
	padding:5px 5px 5px 5px;
	border: 0 solid red;
}

.linebreak {height:10px;}
.linebreak2 {height:7px;}
	
	nav li.b :hover {
	background-color:#eaeaea;
	color: #8d4254;
	margin: -1px -9px;
	padding:0 8px 5px 8px;
	border-radius: 6px;
	border: 1px solid #1c232c;
	text-shadow: 0px 0px 0px #000080;font-size:15px;
	}	
.nav2 li.b :hover {
	background-color:#eaeaea;
	color: #8d4254;
	padding:5px 8px 5px 8px;
	border-radius: 6px;
	border: 1px solid #1c232c;
	}	
#menu-icon {
	position:absolute;
	border-radius: 50%;
	border:1.5px solid #111111;
	right:12px;top:-66px;
	display:none;}


/* Create two unequal columns that floats next to each other */

.style22 {
  width: 100%;
  max-width: 800px;   /* or whatever size you want */
  margin: 20px auto;  /* THIS centers it */
  border-left: 0px ridge red;
}

.style222 {
 width: 100%;
 padding-left:60px;
  max-width: 500px;   /* or whatever size you want */
  margin: 20px auto;  /* THIS centers it */
  border: 2px ridge #111;
  background-image:url("https://www.cemeterycleaners.co.nz/bgtissue.jpg");
}

.style220 {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
	
.hr {
	width:90%;
	height:3px;
	margin-left:-20px;
}	

.bglightgreen {background-color:#299B1B ;}

	

@media (max-width: 600px) {
  .main {
    padding: 15px;
  }

  .row {
    flex-direction: column;
  }

  input, textarea {
    max-width: 100%;
  }

  .button-row {
    flex-direction: column;
    align-items: center;
  }
}

/* all Microsoft Edge versions */
    @supports (-ms-ime-align: auto){	
.cool-link {font-size:17px;}
 nav li.b:hover {font-size:17px;} 

.btn2 {
	right:10px;
	top:-21px;} }
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
  }