/****************************
 *--------FRAME WORK--------*
 ****************************/
body {

	/* Uncomment if using google fonts */
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	font-family: source-sans-pro, sans-serif;
	font-size:14px;
	line-height: 1.428571429;
	color: #333333;
	background-color: #fff;

}
#body{
    width: 100%;
	transition: all 1s ease 0s;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
}

section {
    margin: auto;
    width: 100%;
}

.holder {
	max-width: 960px;
	margin:auto;
}

cite {
	color:#fff !important;
	font-weight:bold !important;
	font-size:24px !important;
	font-style:normal !important;
	line-height:26px !important;
}

blockquote footer:before {
	display:none !important;
}

.ict-content p {
	margin-bottom:20px !important;
}

/****************************
 *--------HEADER STYLING--------*
 ****************************/
#header {
	 background:#000;
	 color:#fff;
	 width:100%;
	 min-height:160px;
}

@media (max-width:768px) {
	#header {
	 background:#000;
	 color:#fff;
	 width:100%;
	 padding-bottom:60px;
	 min-height:190px;
}
#contactdetails  {
	text-align:left !important;
	padding: 20px 10px 0 10px !important;
}
.logo  {
	padding: 40px 20px 10px;
}
}

.logo  {
	padding: 40px 20px 10px 46px;
}

#contactdetails  {
	font-weight: 500;
	letter-spacing: .09em;
	color: #ffffff;
	font-style:normal;
	font-family: source-sans-pro, sans-serif;
	font-size: 12px;
	padding:40px 0 10px 0;
	text-align:right;
}

#number {
	font-weight: bold;
	letter-spacing: .09em;
	color: #ffffff;
	font-style:normal;
	font-family: source-sans-pro, sans-serif;
	font-size: 21px;
	padding: 8px 0 4px 0;
	text-align:right;
}

@media (max-width:840px) {
	#number {
	letter-spacing: .0225em;
	}
}

@media (max-width:768px) {
	#number {
	font-size: 25px;
	letter-spacing: .09em;
	text-align:center !important;
	padding: 4px 0 4px 0;
}
#contactdetails  {
	text-align:center !important;
}
}

#mainimage {
	width:100%;
	padding:0px;
	height:auto;
	border-top:3px solid #fff;
	text-align: center;
}

.pagecontent{
	padding: 5px 20px 20px;
	Margin: auto;

}
.pagecontent h1 {
    font-size:24px;
	text-align: left;
}

.pagecontent h2 {
	font-size:24px;
	text-align: left;
}

@media (max-width:768px) {
	.pagecontent h1, .pagecontent h2 {
		text-align: center;
	}
}

.pagecontent a {
	color: #000;
}

#sidebar {
	margin:20px;
}


/****************************
 *--------NAV STYLING--------*
 ****************************/

#nav {
	/*fix for additional spacing added to inline block li*/
	font-size: 0;
	padding:0 0 20px 0;
	margin:0px;
    position: relative;
    z-index: 999999;
}

#nav ul{
	margin:0px;
	padding:0px;
	}

#nav li{

	/*IE inline-block display fix*/
	zoom: 1; *display: inline;
	position:relative;
	z-index: 9999;
}
#nav a{
	display:block;
	padding:5px 20px;
	text-decoration:none;
	font-size: 14px;
	border:0px;
	white-space: nowrap;
	font: source-sans-pro, sans-serif;
	color:#FFFFFF;
	text-transform: uppercase;
}
@media screen and (min-width: 770px) {
	#nav a {
		padding: 5px 4px;
	}
}
@media screen and (min-width: 800px) {
	#nav a {
		padding: 5px 7px;
	}
}
@media screen and (min-width: 960px) {
	#nav a {
		padding: 5px 13px;
		font-size: 14px;
	}
}

#nav li:hover a
{
	background-color: rgba(106,195,152, 0.25);
    color:#fff;
}


#nav li a{
	line-height:35px;
	font-weight:100;
}

#nav .current-menu-item a {
    background: #6ac398;
    color:#fff;
}

 /********************************************************************
  *Mobile Menu bits...
  ********************************************************************/
    #navtoggle {
        background-color: #868284;
        border: 1px solid transparent !important;
        border-radius: 0 10px 10px 0;
        color: #fff;
        display: none;
        height: 70px;
        left: 0;
        margin: 0;
        padding: 0;
        position: fixed;
        top: 60%;
        transition: all 1s ease 0s;
        z-index: 99999999 !important;
    }
	.bodyshift{
		margin-right: -200px !important;
	}
    .buttonshift {
        left: 200px !important;
    }
	.menuexpand {
		display:inline !important;
		margin-left: 200px !important;
        -webkit-box-shadow: -2px 0px 11px 6px rgba(0,0,0,0.27);
        -moz-box-shadow: -2px 0px 11px 6px rgba(0,0,0,0.27);
        box-shadow: -2px 0px 11px 6px rgba(0,0,0,0.27);

	}

	.menuexpand #navtoggle {
		right: 300px;
	}
	#navbarslideout{
			transition: margin 1s ease 0s;
            perspective: 1000px;
            transform-style: preserve-3d;
			width:100%;
	}


@media (max-width:768px) {
    #navtoggle {
        display:block;

    }
    #navbarslideout {
        background-color:#646464;
        height: 100%;
        overflow: visible;
        position: fixed;
        left: -200px;
        top: 0;
        width: 200px;
        z-index: 9999;
    }
    .sub-menu{
        display:none !important;
        position:relative;
    }
    #nav > li
    {
        display:block;
    }
    #nav > li > a {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.1em;
        padding: 10px 10px 10px 20px;
        text-align: left !important;
        text-transform: uppercase;
    }
}

/****************************
 *--------FOOTER STYLING--------*
 ****************************/

 #footer {
	 background:black;
	 width:100%;
	 color:#fff;
	 font-size:18px;
	 margin-top:10px;
	 height:auto;
	 padding:20px 0px 0px 0px;
}

#footer-number {

	color: #ffffff;
	font-family: source-sans-pro, sans-serif;
	font-size: 20px;
	text-align: left;
}

.footer-email a {
	color:#fff;
	font-weight:bold;
	font-size:10px;
}

.footer-tel {
	font-weight:bold;
	font-size:20px;

}

#footer-number p {

	color: #ffffff;
	font-family: source-sans-pro, sans-serif;
	font-size: 11px;
	padding:10px 0 0 0;
	text-align: left;
}

.follow-us
{
	font-weight: 100;
	letter-spacing: .09em;
	color: #ffffff;
	font-family: source-sans-pro, sans-serif;
	font-size: 20px;
	padding:10px;
	text-align:center;
	margin-right:0px;
	padding:0 0 20px 0;
 }

 @media (max-width:768px) {
	 .follow-us {
	font-weight: 100;
	letter-spacing: .09em;
	color: #ffffff;
	font-family: source-sans-pro, sans-serif;
	font-size: 20px;
	padding:10px;
	text-align:left;
	margin: auto 0px auto auto;
	padding:0 0 20px 0;
 }
 }

#social-icons {
	padding:0 0 0 95px;
}

.menu-footer h1 {
	color: #ffffff;
	font-family: source-sans-pro, sans-serif;
	font-size: 20px;
	padding:0 0 0 10px;
}

.menu-footer ul {
	margin-left:-30px;
	color:#000;
}

.menu-footer ul li a {
	color:#fff;
	font-weight:100;
	font-size:14px;
}

.menu-footer {
	color: #ffffff;
	font-family: source-sans-pro, sans-serif;
	font-size: 20px;
	padding:0;
	text-align: left;
}

h1.footerheader {
	color: #ffffff;
	font-family: source-sans-pro, sans-serif;
	font-size: 20px;
}

.sitemap-text, .sitemap-text a {
	color:#fff;
	font-size:14px;
}

.pagecontent {
	font-size:18px;
	text-align:left;
	font-weight:100;

}

.testimonial-panel {
	background:#6ac398;
	padding:30px;
	color:#fff;
	font-size:26px;
	text-align:center;
	font-weight:100;
	margin-top: 20px;
}

blockquote p {
	color:#fff;
	font-size:22px !important;
}

blockquote.testimonial-content {
	border-left:none;
}

.follow-us img {
	width:40px;
	height:40px;
	margin:13px 0;
}

.sidebar h2 {
	font-size:20px !important;
	color:#000 !important;
	font-weight:400 !important;
}

.sidebar {
	padding:20px 0 0;
}

h2.testimonial-title {
	font-size:16px !important;
	font-weight:bold;
}

.testimonial-content {
	font-style:italic;
}

h1.pagetitle {
	color:#669a66;
	font-size:24px;
	font-weight:600;
	padding-bottom:20px;
}

.wpcf7-text, .wpcf7-textarea {
	width:90%;
}

.wpcf7-textarea {
	height:150px !important;
}

.wpcf7-submit {
	background:#669a66;
	border:0px none;
	color:#fff;
	font-size:18px;
	padding:5px 20px;

}

.wpcf7-submit:hover {
	background:#b9ae58;
	border:0px none;
	color:#fff;
	font-size:18px;
	padding:5px 20px;

}

.testimonial--post {
	padding: 0 0 30px;
}

.ngg-galleryoverview {
	text-align: center;
}

.ngg-gallery-thumbnail-box {
	display: inline-block;
	float: none !important;
	margin: 0 !important;
}

.contact-us-map {
	/*-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(https://aht.eclipse-marketing.uk/wp-content/themes/samallwood/css/grayscale.svg); /* Firefox 4+
  filter: gray; /* IE 6-9 */
}

.footer-right {
	text-align: center;
}

h3.cff-header.cff-outside {
	margin: 0;
}

.facebook__logo {
	padding: 0;
	width: 25%;
}

.tag {
	width: 75%;
}

.schema-faq .schema-faq-section {
	margin-top: 40px;
}