@charset "UTF-8";

/* CSS Document */
/* build for ### by MP Web Design */

/* reset */
* { margin: 0; padding:0; }
img { border:none; width:100%; height:auto; }
body { background:#FFF; font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, #header, hgroup, menu, nav, section { display:block; }
object { outline:none; }
#header, #container,#footer, #news {width:90%; max-width:960px; margin:0 auto}

/* type + classes */
p, ul, ol { font-size:0.95em; line-height:20px; margin:0 0 10px; color:#3d3d3d; -webkit-font-smoothing: antialiased; }
p a, ul a, ol a { text-decoration:underline; color:#234b87; }
p a:hover { color:#333333; }
.first { padding:30px 0 0;}
.clear {
   clear: both;
}
.italic {font-style:italic;}

h1, h2 { font-size:1.15em; margin-bottom:10px;  color:#a7cf5a; }
h3 { color:#fff;}
h3.aside-title { font-size:1.15em; color:#a7cf5a; margin-bottom:10px; }
h1, h2, h3, h4 { font-family:Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; }
h4 {color:#FFF;}
.cdetails { background:#898989; color:#a7cf5a; padding:5px; text-align:center;}

.bold { font-weight:bold;}
.none { display:none; }
.left { float:left;}
/*buttons*/
.button { padding:5px 0 10px;}
iframe { border:none;}
.list1 { width:100%; float:left; margin:5px 0 15px; }
.list1 li a { list-style:none; color:#898989; padding:0 0 6px; }
.list1 a:hover { color:#333333;}

/* -------------------- header -------------------- */
#headerwrap { width:100%; height:px; background:url(../images/bg-header-rep.jpg) repeat-x; }
#logo { float:left;}
#header { height:auto; overflow:hidden; }
#social { float:right; position:relative; padding:10px 0 0;  min-width: 37%;}
#social a { color:#898989; text-decoration:none;}
#social p {  font-family: 'Carrois Gothic SC', sans-serif; text-transform:uppercase; font-size:0.85em; color:#898989; float:left; line-height:26px; margin: 8px 10px; }
#icons { float: left;}
.large { font-size:1.4em; }
.large a { text-decoration:underline !important;}
#toggle { display: none; }

/* jquery */
#map {width:98%; margin:0 auto; height:auto; overflow:hidden;}
#wrapper {	width:98%;height:282px; margin:0 auto; z-index:-99999; overflow:hidden; }
#services-image {width:98%; margin:0 auto; z-index:-99999; overflow:hidden;}
#wrapper div { width:100%; height:282px; margin:0 auto;}
.bg1 {	background:url(../images/1.jpg) no-repeat;}
.bg2 {	background:url(../images/2.jpg) no-repeat;}
.bg3 {	background:url(../images/3.jpg) no-repeat;}
.bg1 span { color:#fff; font-size:1.2em; text-transform:uppercase; font-family: 'Carrois Gothic SC', sans-serif; background:#a0e026; padding:10px; float:right;  }
.bg2 span { color:#fff; font-size:1.2em; text-transform:uppercase; font-family: 'Carrois Gothic SC', sans-serif; background:#a0e026; padding:10px; float:left;  }
.bg3 span { color:#fff; font-size:1.2em; text-transform:uppercase; font-family: 'Carrois Gothic SC', sans-serif; background:#a0e026; padding:10px; float:right; }

/* icons */

.icon-home, .icon-file-text-alt, .icon-refresh, .icon-bolt, .icon-comment, .icon-phone { font-size:2em;}
.icon-file-text-alt {padding-left: 46px;}
.icon-refresh { padding-left:11px;}
.icon-bolt {padding-left: 34px;}
.icon-phone { padding-left:9px;}

.icon-facebook, .icon-twitter, .icon-google-plus-sign, .icon-rss { font-size:1.5em; padding-right:10px;}
.icon-facebook:hover, .icon-twitter:hover, .icon-google-plus-sign:hover, .icon-rss:hover { color:#a0e026; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out;}
.icon-twitter { padding-left:15px;}

.fa {
	padding: 0 2px 0 8px !important;
}

/*picnav*/
#picnav { padding-top:20px; width:98%; height:auto; overflow:hidden; margin:0 auto;}
/*.ie8 .image-link { margin-left: -10px; }*/
.imagelink { float:left; width: 32%;height: 96px; text-align: center;}
.imagelink a:link, .imagelink a:visited {width: 100%;height: 96px;display: block;font-family: 'Carrois Gothic SC', sans-serif; font-size:1.5em; color:#b9f446; text-decoration: none;text-transform: uppercase;position: relative;}
#link1 { background:url(../images/picnav1.jpg)  no-repeat ; background-size:cover;}
#link2 { background:url(../images/picnav1.jpg)  no-repeat ;   background-size:cover; margin-right: 2%;}
#link3 { background:url(../images/picnav3.jpg)  no-repeat ;  background-size:cover;  margin-right: 2%;}
.imagelink a:link span, .imagelink a:visited span { display: block;position: absolute;width: 100%;top: 35px;left: 0; }
.imagelink a { background-color:#666; background:rgba(43, 54, 65, 0.6);}
.imagelink a:hover { background:none;  -moz-transition: all .3s linear;  -webkit-transition: all .3s linear;  -ms-transition: all .3s linear;  -o-transition: all .3s linear;  transition: all .3s linear;}
.imagelink a:hover span, .imagelink a:active span {display:none;}
.imagelink a:hover, .imagelink a:active { }
.picnav1 { background:url(../images/picnav1.jpg) no-repeat; background-size:100%; margin-left:0 !important; }
.picnav2 { background:url(../images/picnav2.jpg) no-repeat; background-size:100%; }
.picnav3 { background:url(../images/picnav3.jpg) no-repeat; background-size:100%; }
.picnav {float: left; width: 31.3%; height:95px; margin-right: 3%; }
.end { float:left; margin-right:0;}
.tint { cursor:pointer; position:relative; height:95px;}
.tint:before {display: block;   position: absolute;content: "";   top: 0;  bottom: 0;  left: 0;  right: 0; background: rgba(0,0,0, 0.5);  -moz-transition: all .3s linear;  -webkit-transition: all .3s linear;  -ms-transition: all .3s linear;  -o-transition: all .3s linear;  transition: all .3s linear; }
.tint:hover:before { background: none; }
.tint:hover figcaption { opacity:0;  -moz-transition: all .3s linear;  -webkit-transition: all .3s linear;  -ms-transition: all .3s linear;  -o-transition: all .3s linear;  transition: all .3s linear; }
figcaption { text-align:center; font-family: 'Carrois Gothic SC', sans-serif; font-size:1.5em; color:#b9f446; top:0; line-height:90px; height:95px; position:absolute; width: 100%;}
figcaption:before { display:none;}


/* -------------------- news -------------------- */
#col2 ul {float: left; width: 48%; margin-right:2%; background: #D9F3A8; margin-bottom: 15px;}
.frontpostdate { background:#a0e026; padding:5px; float:left; margin-right: 5px; clear:both; width:37px; }
.news-post { margin-bottom:10px; height:auto; overflow:hidden;}
.date, .month { color:#fff; font-weight:bold; font-size:1.2em;}
.month {width: 19px; margin: 0 auto;}
#col2 ul p { padding-top:7px; margin:0; font-size:0.8em;}
#col2 ul a { color:#a7cf5a;}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:23px;
    right:26px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
}

/* -------------------- content -------------------- */

#top { width:98%; height:auto; overflow:hidden; margin:0 auto; padding:25px 0 10px; border-bottom:#dbdbdb 1px solid; }
#content { width:98%; height:auto; overflow:hidden; margin:0 auto; padding:30px 0 30px; }
#col1  { width:49%; height:auto; overflow:hidden; float:left; padding-right:1%}
#col2 { width:50%; height:auto; overflow:hidden; float:right;}
#frontcol1  { width:65%; height:auto; overflow:hidden; float:left; padding-right:1%}
#frontcol2 { width:32%; height:auto; overflow:hidden; float:right;}
#col3 { width:32%; height:auto; overflow:hidden; float:left; padding-right:2%;}
#col3 ul, #contcol2 ul, #contcol1 ul { width:100%; font-size:0.85em; color:#a7cf5a; font-weight:bold; float: left; padding-left: 32px; clear:both; padding-bottom:25PX;}
#col3 li {list-style:decimal;}
#col4 { width:32%; height:auto; overflow:hidden; float:left; }
#col5 { width:32%; height:auto; overflow:hidden; float:right; }
#col5 ul {padding: 10px 0 10px; clear:both;}
#callback {width:93%; background:#d9f3a8; height:224px; padding: 3.4%}
#contcol1 { width:48%; float:left; height:auto; overflow:hidden;}
#contactcol1,#contactcol3 { width:70%; float:left; height:auto; overflow:hidden;}
#contcol2 { width:48%; float:right; height:auto; overflow:hidden;}
#contactcol2 { width:26%; float:right; height:auto; background:#eeeeee; padding:10px; overflow:hidden;}
#contcol2 ul { padding-bottom:10px;}


#quoterequest {width:93%; background:#d9f3a8; padding: 3.4%; height: 500px}
#quoterequest label {float:left; width: 60px; font-size: 0.95em; line-height: 20px; margin: 0 0 10px; color: #3d3d3d;}

/*News*/

#newswrap { width:100%; height:100px; background:#aeaeae;}
#news { width:98%; height:auto; overflow:hidden; margin:0 auto; padding: 10px 0 10px;}


/* Callback Form */
#label-box { width:80px; height:105px; float:left; padding:6px 0 0; }
#input-box { width:162px; height:105px; float:right; }
.expose2 { width:244px; height:105px; font-size:0.7em; padding-top:5px; }
.call { width:80px; color:#646464; font-size:1.1em; display:block; cursor:pointer; padding-bottom:6px; }
.box2 { width:156px; height:22px; background:url(../images/input.jpg) no-repeat; border:none; color:#404040; margin-bottom:11px; padding:3px; }
.asterisk2 { color:#646464; font-size:0.85em; }
#button-box { width:68px; height:22px; float:right; padding-top:13px; }
.buttonSubmit2 { width:68px; height:22px; background:url(../images/button-submit.jpg) no-repeat; cursor:pointer; border:none; }



/* Contact Form */
.contact-box, .contact-box2 { width:480px; height:auto; overflow:hidden; margin:0 auto; padding:10px 10px 25px; }
.contact-box { border-bottom:1px dotted #002145; }
.leftform, .rightform { width:226px; height:auto; }
.leftform { float:left; padding:5px 14px 0 0; clear:left; }
.rightform { float:right; padding:5px 0 0 14px; }
.bottomform { width:480px; height:auto; overflow:hidden; padding:5px 0 0; float:left; }
.bot-left { width:162px; height:auto; float:left; }
.bot-mid { width:108px; height:auto; float:left; text-align:center; padding:35px 0 0; }
.bot-right { width:128px; height:41px; float:right; padding:45px 0 0; }
.other { width:180px; height:20px; margin:8px 0 0; }
input, textarea { background-color:#fff; border:none; padding:2px; color:#404040; margin:0; }
input { width:100%; height:30px; margin:2px 0 5px;  	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	color:#b4b4b4;
}

input[type='radio'] {width: 20%; height: auto;}


.asterisk { color:#0d5bb4; font-size:1.1em; }

.quotebox {width: 100%; height: 70px;}


/* Contact Form - Spam Box */
.secure { float:left; width:100px; height:18px; margin:5px 0 0; padding:2px; }
.secureimg { float:left; margin:11px 10px 0 0; padding:0; }
.new a { font-size:0.7em; float:left; color:#5b76b0; margin:8px 0 0; }
.new a:hover { color:#2e3a60; }
.buttonSubmit { width:26%; height:28px; cursor:pointer; float:right; border:none; margin:7px 0 0; background:#a0e026; color:#FFF; }
.buttonSubmit:hover { background:#fff; color:#a0e026;  -moz-transition: all .3s linear;  -webkit-transition: all .3s linear;  -ms-transition: all .3s linear;  -o-transition: all .3s linear;  transition: all .3s linear; }

/* Contact Process */
.sent-enquiry { font-size:0.7em; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; text-transform:uppercase; margin:0; }
.sent-enquiry a { color:#000; text-decoration:underline; }
.sent-enquiry a:hover { color:#333; }
.crossredbox, .tickgreenbox { width:88%; height:auto; overflow:hidden; padding:15px 25px; }
.crossredbox { border:1px #d51e1e solid; }
.tickgreenbox { border:1px #60ba38 solid; }
.label-box { width:40px; height:auto; overflow:hidden; float:left; margin:0 15px 0 0; }


.icon {
display:inline-block; zoom:1; *display:inline;
width: 99%;
height: auto;
min-width: 16px;
padding: 4px 5px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
color:#898989;
z-index:3;
}

#signup { width:96%; height:auto; overflow:hidden; background-color: #eeeeee; padding:10px; border-radius:10px;}
#signup input {width:90%; margin:8px 0  5px;}

.icon textarea { font-size:0.75em !important; color:#b4b4b4;}

.icon:focus {  color:#a0e026; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out;}

.icon-user, .icon-envelope, .icon-phone-sign, .icon-book, .icon-pencil { float:left; padding:5px; font-size:2em; padding-right:0 !important;}
.icon .icon-pencil {padding-top: 50px;}

/* -------------------- footer -------------------- */
#triangle { margin:0 auto; height:28px; width:9.4%; background:url(../images/triangle.png) no-repeat; margin-top: -29px;}
#footerwrap {width:100%; background:#767676; height:auto; overflow:hidden;}
#footer { width:98%; height:auto; overflow:hidden; background:#767676; margin:0 auto; padding: 1%; }
#footerleft { float:left; width:47%; padding-right:6%; }
#footerleft ul { font-size:0.7em; text-transform:uppercase; padding:4% 0 0 2%; width: 87%; float:left;}
#footerleft li { list-style:none; display:inline-block; zoom:1; *display:inline; padding-right:4%; padding-bottom: 4%;}
#footerleft li a, #footerright a { color:#FFF; text-decoration:none;}
#footerleft li a:hover, #footerright a:hover {  color:#a0e026; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out;}
#footerright { float:right; width:47%;}
#footerright p { color:#FFF; font-size:0.7em; text-transform:uppercase;}
#footerright a { text-decoration:underline;}
.footpad {padding-top: 2.5%;}
#footersocial { float:right;}
#footersocial a { text-decoration:none;}
#address li { display:inline-block; zoom:1; *display:inline;  font-size:0.7em; color:#fff; text-transform:uppercase;}
#address { padding-bottom:4%;}
#address1 li { font-size:0.85em; color:#898989; list-style:none;}
#address1 { padding-bottom:4%;}
.add1 { margin:0;}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#eeeeee;
	padding:18px;
}

#contact-form label span {
	cursor:pointer;
	color:#898989;
	display:block;
	margin:5px 0;
	font-size:0.8em;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#a0e026;
	color:#FFF;
	text-transform:uppercase;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background:#79aa1c;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}

#cookie {
  width: 100%;
  max-width: 240px;
  padding: 20px;
  font-family: #414141;
  font-size: 12px;
  line-height: 1.7em;
  color: #414141;
  background: #ededed;
  z-index: 99997;
  border-bottom: 2px solid #b9b9b9;
  position: fixed;
  right: 20px;
  bottom: 20px;
}
#cookie p {
  margin-bottom: 20px;
  color: black;
}
.ie8 #cookie {
  left: 20px;
  right: auto;
}

.cookie--close, .cookie--info {
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: -moz-inline-stack;
  display: inline-block; zoom:1; *display:inline;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cookie--close {
  width: 108px;
  color: white;
  padding: 10px 20px;
  margin-right: 6px;
  background: #00ad1b;
  -webkit-box-shadow: #007a13 0 -2px 0 inset;
  -moz-box-shadow: #007a13 0 -2px 0 inset;
  box-shadow: #007a13 0 -2px 0 inset;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cookie--close:hover {
  color: white;
  background: #414141;
  -webkit-box-shadow: #0e0e0e 0 -2px 0 inset;
  -moz-box-shadow: #0e0e0e 0 -2px 0 inset;
  box-shadow: #0e0e0e 0 -2px 0 inset;
}

.cookie--info {
  color: #8e7d00;
  font-size: 20px;
  padding: 10px 17px;
  background: #f4d700;
  -webkit-box-shadow: #c1aa00 0 -2px 0 inset;
  -moz-box-shadow: #c1aa00 0 -2px 0 inset;
  box-shadow: #c1aa00 0 -2px 0 inset;
}
.cookie--info:hover {
  color: white;
  background: #c1aa00;
  -webkit-box-shadow: #8e7d00 0 -2px 0 inset;
  -moz-box-shadow: #8e7d00 0 -2px 0 inset;
  box-shadow: #8e7d00 0 -2px 0 inset;
}

#cookies-table td, #cookies-table th {
  color: #454545;
  background: #FFF;
  border: 1px solid #000;
  font-size: 0.75em;
  text-align: left;
  padding: 6px 6px 6px 12px;
}

#cookies-table {
  width: 96%;
  margin: 10px 0;
}

.list1  {
 text-decoration:none;
    color:black;
    padding-bottom:10px;
}

.list1 li a {
     text-decoration:none;
    color:black;
}

/* Contact Button */

.contact-button {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background: #a7cf5a;
	margin: 10px 0;
	text-align: center;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.contact-button a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 22px;
}

.contact-button:hover {
	background: #86BD1C;
}


@media screen and (max-width: 768px) {
		#logo { width:31%; margin:0 auto; float:none; padding-top:2%;}
		#header { width:100%;}
		nav { border-bottom:none; background:#a0e026; float:none;  width:100%;}
		nav ul {font-size:1.1em;}
		nav li a { width:100%;}
		nav li:hover { background:#063;}
		.bg1 span, .bg2 span , .bg3 span  { text-align:center;}
		#example-one a { float:none;}
		  #example-one li { display: inline-block; zoom:1; *display:inline; padding:5px; width:100%; border-bottom:1px #a7cf5a solid;	}
	  #example-one li a { color:#fff; display:block; }
.current_page_item a { color: #fff !important; }
		  #toggle {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		display: block !important;
		width: 100%;
		height: 34px;
		text-indent: -9999px;
		overflow: hidden;
        background:#a0e026 url(../images/hamburger.gif) no-repeat 50%; }
	  #signup { width:93%;}
	  #signup input {
	  width: 80%;}
	   iframe {width: 100%;}
	  .icon-home, .icon-file-text-alt, .icon-refresh, .icon-bolt, .icon-comment, .icon-phone { float: left; font-size:1.1em; padding-right:10px; padding-left:0;}
	  #example-one a:hover { color:#fff	; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out;}
	   #social { margin:0 auto; float:none; width:100%;}
	  #social p { text-align: center; width: 100%;}
	  #picnav { width:100%; height:auto;}
	  .picnav { width:31%; height:66px;}
	  .tint { height:51px; max-height:60px;}
	  #contactcol2 { float:left; margin-top:20px;}
	figcaption { font-size:0.9em; height:66px; top:22px; line-height:17px; }
	#icons i { text-align:center;}
	.large { font-size:2em;}
	.icon-facebook, .icon-twitter, .icon-google-plus-sign, .icon-rss { font-size:2em; padding-right:10px;}
	#triangle {width: 14.4%;}
	#news, #footer { width:90%;}
	#link1, #link2, #link3 { background-size:100%; background-size:cover; margin-right:5px; padding-right:0;} 
	.widget-area {width: 22.041667%;}
}


@media screen and (max-width: 480px) {
	#wrapper { width:100%;}
	#services-image {width:100%;}
	#logo { width:50%; margin:0 auto; float:none;}
	#social { margin:0 auto; float:none; width:88%;}
	.picnav { width:100%; margin:0; height:auto; margin-bottom:10px;}
	figcaption { font-size:1.2em; height:99px; top:0; line-height:68px; }
	.tint { height:90px;}
	 #col1, #col2, #col3, #col4, #col5, #contcol1, #contcol2, #contactcol1, #contactcol2, #frontcol1, #frontcol2 { width:100%;}
	#triangle { width:28%;}
	figcaption { font-size:1.5em;}	
	#footerleft { display:none; }
	#footerright, #footersocial { float:none;width:100%}
	#footerright p {text-align:center; width:100%;}
	#address { text-align:center;}
	#footersocial p {text-align:center;}
	.cdetails {width: 91%;}
	.crossredbox, .tickgreenbox { width: 84%;}
	.imagelink { width:100%; margin-bottom:10px;}
	.widget-area { float:left !important; width:91% !important; margin:10px 0;}
	#contactcol3 { width:100%;}
	#col2 ul {width:100%;}
}



