html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;background: transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html {box-sizing: border-box;}
*,*:before,*:after {box-sizing: inherit;}
img,object,embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;} 
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,label,input[type=button],input[type=submit],input[type=file],button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button,input[type=button] {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}
/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

body {
	background-color: #99cc66;
}
div.wrapper {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	max-width: 1500px;
	background-color: #99cc66;
}
div.center{
	margin: 0 auto;
	text-align: center;
}
/* Header --------------------------------------------------- Start */
header {
	background-color: #336633;
}
h1.norfolk-landscaping-and-fencing {
	font-size: 3em;
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	background-image: url('font-gold.png');
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
}
h2.call-norfolk-landscaping-and-fencing {
	display: inline;
	font-size: 1.5em;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
img.norfolk-landscaping-and-fencing {
	height: 175px;
	margin-top: 10px;
	}
img.call-norfolk-landscaping-and-fencing {
	display: inline;
}	
a.call-norfolk-landscaping-and-fencing:before {content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: white; visibility: hidden; -moz-transform: scaleX(0); -webkit-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} /*unvisited link*/
a.call-norfolk-landscaping-and-fencing:hover:before {visibility: visible; -moz-transform: scaleX(1); -webkit-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
a.call-norfolk-landscaping-and-fencing:link {text-decoration: none; color: black; position: relative;} /*unvisited link*/
a.call-norfolk-landscaping-and-fencing:visited {text-decoration: none;} /*visited link*/ 
a.call-norfolk-landscaping-and-fencing:focus {text-decoration: none;} /*when element is active*/
a.call-norfolk-landscaping-and-fencing:hover {color: white; text-decoration: none;} /*hover over link*/ 
a.call-norfolk-landscaping-and-fencing:active {text-decoration: none;} /*onclick link*/
/* Header --------------------------------------------------- End */

/* Nav --------------------------------------------------- Start */
nav.norfolk-landscaping-and-fencing-menu {
	width: 100%;
	text-align: center;
	padding: 1% 0 1% 0;
	border-bottom: 1px solid grey;
}
nav li.norfolk-landscaping-and-fencing-menu  {
	display: inline;
	padding-left: 1%; 
	padding-right: 1%; 
	font-size: 1.2em;
	line-height: 50px; 
	white-space: nowrap;
}
a.norfolk-landscaping-and-fencing-menu:link {border-radius: 25px; color:black; background-color:#336633; background-image: url('font-gold.png'); text-decoration: none; font-size: 1.25em; padding: 1% 4% 0.5% 4%; font-family: "Josefin Sans", sans-serif;} /*unvisited link*/
a.norfolk-landscaping-and-fencing-menu:visited {border-radius: 25px; color:black; background-color:#336633; background-image: url('font-gold.png'); text-decoration: none; } /*visited link*/ 
a.norfolk-landscaping-and-fencing-menu:focus {border-radius: 25px; color:white; background-color:#336633; background-image: url('font-gold.png'); text-decoration: none; } /*when element is active*/
a.norfolk-landscaping-and-fencing-menu:hover {border-radius: 25px; color:white; background-color:#336633; background-image: url('font-gold.png'); text-decoration: none; } /*hover over link*/ 
a.norfolk-landscaping-and-fencing-menu:active {border-radius: 25px; color:white; background-color:#336633; background-image: url('font-gold.png');; text-decoration: none; } /*onclick link*/
a.norfolk-landscaping-and-fencing-menu-selected {border-radius: 25px; color:white; background-color:#336633; background-image: none; text-decoration: none; font-size: 1.25em; padding: 1% 4% 0.5% 4%; font-family: "Josefin Sans", sans-serif;} /*selected link*/
/* Nav --------------------------------------------------- End */


/* Main --------------------------------------------------- Start */
article {
	width: 75%;
	float: left;
	padding-bottom: 2%;
}
a.article_links:link {font-size: 1.2em; font-family: "Josefin Sans", sans-serif; color: #336633;} /*unvisited link*/
a.article_links:visited {font-size: 1.2em; font-family: "Josefin Sans", sans-serif; color: #336633;} /*visited link*/ 
a.article_links:focus {font-size: 1.2em; font-family: "Josefin Sans", sans-serif; color: #336633;} /*when element is active*/
a.article_links:hover {font-size: 1.2em; font-family: "Josefin Sans", sans-serif; color: black;} /*hover over link*/ 
a.article_links:active {font-size: 1.2em; font-family: "Josefin Sans", sans-serif; color: black;} /*onclick link*/

li.slideshow {
	font-size: 1em;
	line-height: 1.5em;
	padding: 0;
	list-style: none;
}
h1.landscaping {
	padding: 2% 1.5% 2% 1.5%;
	font-size: 1.75em;
	font-family: "Josefin Sans", sans-serif;
	margin-top: 10px;
	}
h2.norfolk-landscaping-and-fencing {
	text-align: left;
	padding: 2% 0 0 3%;
	font-size: 1.5em;
	font-family: "Josefin Sans", sans-serif;
	text-decoration:underline;
}
article ul.norfolk-landscaping-and-fencing {
	padding: 1% 0 1% 0;
	margin-left: 10%;
	}
article li.norfolk-landscaping-and-fencing {
	position: relative;
	text-align: left;
	font-size: 1.25em;
	font-family: "Josefin Sans", sans-serif;
	list-style: disc;
	list-style-position: inside;
}
p.norfolk-landscaping-and-fencing {
	padding: 0 5% 2% 4%;
	font-size: 1.2em;
	font-family: "Josefin Sans", sans-serif;
	text-align: justify;
	}
p.norfolk-landscaping-and-fencing-address {
	padding: 0 2% 0 2%;
	font-size: 1em;
	font-family: "Josefin Sans", sans-serif;
}
img.landscaping-fencing {
	border:  1px solid black;
	border-radius: 5px;
	margin-top: 1%;
	margin-bottom: 1%;
	width: 30%;
}
p.rows3 {
	margin: 0;
	padding: 0 4% 0 4%;
	text-align: left;
}	
p.share { /*For AddToAny */
	font-family: "Josefin Sans", sans-serif; font-size: 1em; color: black;
}
#centered { display: flex; justify-content: center;} /*For AddToAny */
a.contact-norfolk-landscaping-and-fencing:link {font-size: 1.1em; text-decoration: underline; color: black;} /*unvisited link*/
a.contact-norfolk-landscaping-and-fencing:visited {text-decoration: underline; color: black;} /*visited link*/ 
a.contact-norfolk-landscaping-and-fencing:focus {text-decoration: underline;} /*when element is active*/
a.contact-norfolk-landscaping-and-fencing:hover {text-decoration: underline; font-weight: bold;} /*hover over link*/ 
a.contact-norfolk-landscaping-and-fencing:active {text-decoration: underline;} /*onclick link*/
iframe.google-map {
	padding-top: 1.5%;
	padding-bottom: 1.5%;
}

/* Main --------------------------------------------------- End */

/*Form -------------------------------------- Start*/
div.g-recaptcha {
  margin: 0 auto;
  width: 304px;
}
div.left {
	width: 425px;
	margin: 0 auto;
	text-align: left;
	}
form.contactform {
	display: block;
	}
input,textarea {
	margin-top: 0.25%;
	margin-bottom: 1%;
	padding: 0.2% 0.2% 0.4% 1%;
	border-style: none;
	line-height: 1.5em;
	border: 1px solid #336633;
	color: #336633;
}
input:focus,textarea:focus {
	background-color: #336633;
	color: white;
}
.button {
    width: 20%;
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.2em;
	padding: 0.5%;
	border: 2px solid white;
	background: #336633;
	border-radius: 25px;
	color: white;
}
.button:hover {
	text-decoration: underline;
	color: white;
	border: 2px solid #336633;
	}

.button:active {
	text-decoration: none;
	border: 2px solid white;
	color: lightgrey;
}
/*Form -------------------------------------- End*/

/* Aside --------------------------------------------------- Start */
aside {
	padding-top: 2%;
	width: 25%;
	float: right;
}
div.norfolk-landscaping-and-fencing-reviews {
	padding-top: 5%;
}
h3.norfolk-landscaping-and-fencing-reviews {
	color: #292f33;
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.5em;
	text-align: left;
	padding-left: 10px;
	}
div.google-reviews {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 1% 0 1% 0;
}

/* google reviews start */
span.review-profile-image {
    float: left;
        padding: 0px 15px 0px 0px;
}
span.review-profile-image img {
    width: 40px;
}
span.review-google-image {
    float: right;
        padding: 0px 0px 0px 15px;
}
span.review-google-image img {
    width: 40px;
}

a.google-reviews {text-decoration: none; color: black;}
#map-plug {display:none;}

#google-reviews {
padding-left: 5%;
padding-right: 5%;
display:flex;
flex-wrap:wrap;
//display: grid;
//grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));
}

.review-item {
border:solid 1px rgba(190,190,190,.35);
margin:0 auto;
padding:1em;
background-color: white;
flex: 1 1 20%;
}

@media ( max-width:1200px) {
  .review-item { flex: 1 1 40%; }
}

@media ( max-width:450px) {
  .review-item { flex: 1 1 90%; }
}

.review-meta, .review-stars {text-align:center; font-size:100%;}
.review-author {font-family: 'Archivo', sans-serif; font-style: normal; text-transform: capitalize; font-weight:bold; }
.review-date {font-family: 'Archivo', sans-serif; font-style: normal; opacity:.6; display:block;}
.review-text {font-family: 'Archivo', sans-serif; font-style: normal; font-size: 0.95em; padding-top: 2px; line-height:1.55; text-align:center; max-width:32em; margin:auto;}

.review-stars ul {
display: inline-block;
list-style: none;
margin:0;
padding:0;
}

.review-stars ul li {
float: left;
margin:0 1px 0 0;
padding:0;
line-height:1;
}

.review-stars ul li i {
color: #E4B248;
font-size: 1.4em;
font-style:normal;
margin:0;
padding:0;
}
.review-stars ul li i.inactive { color: #c6c6c6;}
.star:after { content: "\2605"; }
/* google reviews end */

/* google STATIC reviews start */
img.google-review-static {
	padding-top: 10px;
	width: 100%;
}
/* google STATIC reviews end */
	
/* facebook reviews start */
iframe.norfolk-landscaping-and-fencing-facebook-reviews {
	padding-top: 10px;
	width: 100%;
	max-width: 350px;
}
/* facebook reviews end */

/*Reviews -------------------------------------- End*/
/* Aside --------------------------------------------------- End */


/* Footer --------------------------------------------------- Start */
footer.norfolk-landscaping-and-fencing {
	clear: both;
	display: block;
	max-width: 100%;
	min-height: 100%;
	padding-top: 10px;
	padding-bottom: 0px;
	background-color: #336633;
}
#left-footer {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	max-width:500px;
	width: 32%;
	height: 100%;
}
#middle-footer {
	display: inline-block;
	text-align: top;
	vertical-align: top;
	max-width:500px;
	width: 32%;
	height: 100%;
}
#right-footer {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	max-width:500px;
	width: 32%;
	height: 100%;
}
h3 {
	font-size: 1em;
	font-family: "Josefin Sans", sans-serif;
}
h3.footer-address-1st-line{
	font-size: 1.2em;
	margin: 1.5% 0 0 0;
	padding: 0;
}
h3.footer-address{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
h3.call-us-for-a-free-quote {
	font-size: 1.2em;
	margin: 2.5% 0px 0px 0px;
	padding: 0;
	color: #ddd;
}
h3.footer-opening-times {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	color: #ddd;
}
a.footer-phone-number:before {content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: white; visibility: hidden; -moz-transform: scaleX(0); -webkit-transform: scaleX(0); -o-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
a.footer-phone-number:hover:before {visibility: visible; -moz-transform: scaleX(1); -webkit-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
a.footer-phone-number:link {font-family: "Josefin Sans", sans-serif; font-size: 1.5em; text-decoration: none; color: white; position: relative;} /*unvisited link*/
a.footer-phone-number:visited {text-decoration: none;} /*visited link*/ 
a.footer-phone-number:focus {text-decoration: none;} /*when element is active*/
a.footer-phone-number:hover {text-decoration: none;} /*hover over link*/ 
a.footer-phone-number:active {text-decoration: none;} /*onclick link*/

a.footer-address:link {font-family: "Josefin Sans", sans-serif; font-size: 1em; text-decoration: none; color: #dddddd; } /*unvisited link*/
a.footer-address:visited {text-decoration: none; color: white;} /*visited link*/ 
a.footer-address:focus {text-decoration: none; color: white; border-bottom: 2px solid white; padding-bottom: 2px;} /*when element is active*/
a.footer-address:hover {text-decoration: none; color: white; border-bottom: 2px solid white; padding-bottom: 2px;} /*hover over link*/ 
a.footer-address:active {text-decoration: none; color: white; border-bottom: 2px solid white; padding-bottom: 2px;} /*onclick link*/

h3.norfolk-landscaping-and-fencing-tag-line {
	font-size: 1em;
	margin: 1% 1% 0 1%;
	padding: 0 0 1% 0;
	color: #ddd;
}
a.footer-social-media {
	display: inline-block;
	text-decoration: none;
	margin: 2% 3% 0% 3%;
	padding: 0px;
	color: white;
}
img.footer-social-media {
	width: 45px;
	vertical-align: top;
	opacity: 0.6;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	border-bottom: 2px solid transparent; padding-bottom: 5px;
}
img.footer-social-media:hover {
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	border-bottom: 2px solid white; padding-bottom: 5px;
}

footer.norwich-it-mobile {
	display: none;
}	
footer.norwich-it {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 0px;
	padding-right: 1%;
	height: 100%;
	text-align: right;
	top: 0px;
	background-color: black;
}	
a.norwich-it:link { color: white; text-decoration: none; font-family: arial, sans-serif; font-style: normal; font-size: 0.7em; font-weight: normal; line-height:30px; background-color:black;}
a.norwich-it:visited { color: white; text-decoration: none; font-family: arial, sans-serif; font-style: normal; font-size: 0.7em; font-weight: normal; line-height:30px; background-color:black;} 
a.norwich-it:hover { color: white; text-decoration: underline; font-family: arial, sans-serif; font-style: normal; font-size: 0.7em; font-weight: normal; line-height:30px; background-color:black;}
img.norwich-it { 
	padding-right: 1.3%;
	max-width: 300px;
}
/* Footer --------------------------------------------------- End */


/* Media Queries --------------------------------------------------- Start */

/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width: 1024px) {
	#left-footer {
		display: inline-block;
		max-width:49%;
		width: 49%;
		padding-bottom: 2%;
	}
	#middle-footer {
		display: inline-block;
		max-width:49%;
		width: 49%;
		padding-bottom: 2%;
	}
	#right-footer {
		display: block;
		max-width:100%;
		width: 100%;
		padding-bottom: 1%;
	}
} 

/* for larger screens ----------- */
@media only screen and (max-width: 900px) {

	article {
		display: block;
		float: none;
		padding-left: 2%;
		padding-right: 2%;
		width: 100%;
	}
	aside {
		display: block;
		float: none;
		width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}
	div.norfolk-landscaping-and-fencing-reviews {
		padding-top: 7px;
		display: block;
		max-width: 500px;
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	iframe.norfolk-landscaping-and-fencing-facebook-reviews {
		padding-top: 14px;
		width: 100%;
		max-width: 500px;
	}
	h3.contact-address-1st-line {
	margin: 2% 0px 0px 0px;
	}
	div.left {
	width: 100%;
	text-align: center;
	}
	input,textarea {
	width: 80%;
	margin: 1% auto;
	}
	.button {
    width: 35%;
	}
}

/* iPhones and other mobiles ----------- */
@media only screen and (max-width: 767px) {
	h1.norfolk-landscaping-and-fencing {font-size: 2.2em;}
	h2.call-norfolk-landscaping-and-fencing {font-size: 1.3em;}
	nav li.norfolk-landscaping-and-fencing-menu  {font-size: 1.1em;}
	img.norfolk-landscaping-and-fencing {height: 160px;}
	a.norfolk-landscaping-and-fencing-menu:link {font-size: 1.1em;} /*unvisited link*/
	a.norfolk-landscaping-and-fencing-menu-selected {font-size: 1.1em;} /*selected link*/
	h1.landscaping {font-size: 1.8em;}
	h2.norfolk-landscaping-and-fencing {font-size: 1.3em;}
	article li.norfolk-landscaping-and-fencing {	font-size: 1.1em;}
	p.norfolk-landscaping-and-fencing {font-size: 1em;}
	p.norfolk-landscaping-and-fencing-or {font-size: 1em;}
	p.norfolk-landscaping-and-fencing-address {font-size: 1em;}
	p.share {font-size: 0.9em;}
	a.contact-norfolk-landscaping-and-fencing:link {font-size: 1.1em;} /*unvisited link*/
	
	#left-footer {
		display: block;
		width: 100%;
		max-width: 100%;
		padding-bottom: 3%;
	}
	#middle-footer {
		display: block;
		width: 100%;
		max-width: 100%;
		padding-bottom: 3%;
	}
	#right-footer {
		display: block;
		width: 100%;
		max-width: 100%;
		padding-bottom: 3%;
	}
	div.norfolk-landscaping-and-fencing-reviews {
		padding: 3% 0 1% 0;
		display: block;
		max-width: 500px;
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	iframe.norfolk-landscaping-and-fencing-facebook-reviews {
		padding-top: 4px;
	}
	h3.contact-address-1st-line {
		margin: 3% 0px 0px 0px;
	}
	footer.norwich-it-mobile {
		clear: both;
		display: block;
		width: 100%;
		margin-top: 0px;
		padding-right: 1%;
		height: 100%;
		text-align: center;
		top: 0px;
		background-color: black;
	}	
	footer.norwich-it {
		display: none;
	}	
	img.norwich-it {
		max-width: 60%;
	}
}

/* Mobiles (landscape) ----------- */
@media screen and (max-width: 480px) {
	h1.norfolk-landscaping-and-fencing {font-size: 2em;}
	h2.call-norfolk-landscaping-and-fencing {font-size: 1.2em;}
	nav li.norfolk-landscaping-and-fencing-menu  {font-size: 1em;}
	img.norfolk-landscaping-and-fencing {height: 150px;}
	a.norfolk-landscaping-and-fencing-menu:link {font-size: 1em;} /*unvisited link*/
	a.norfolk-landscaping-and-fencing-menu-selected {font-size: 1em;} /*selected link*/
	h1.decorator {font-size: 1.5em;}
	h2.norfolk-landscaping-and-fencing {font-size: 1.1em;}
	article li.norfolk-landscaping-and-fencing {	font-size: 1em;}
	p.norfolk-landscaping-and-fencing {font-size: 1em;}
	p.norfolk-landscaping-and-fencing-address {font-size: 1em;}
	p.share {font-size: 0.9em;}
	a.contact-norfolk-landscaping-and-fencing:link {font-size: 1.1em;} /*unvisited link*/
}

/* Media Queries --------------------------------------------------- End */