@charset "utf-8";
body { font-family: magistral, sans-serif;
font-style: normal;
font-weight: 300;
}
.backstretch {
	z-index: -1!important;
}
.indexWrap {
	z-index: 1!important;
}
.navbar-default {
	border: none;
	background-color: rgba(255,255,255,1.00)!important;
}

.navbar-brand img {
	width: 100%;
	height: auto;
	max-width: 186px!important;
	margin-left: 17px;
	margin-top: 6px;
}
.navbar-right.topMargin {
	margin-top: 34px;
	margin-right: 0px;
}
.row.how .col-12 img {
	width: 100%;
}
.well {
	border: none!important;
	background-color: rgba(255,255,255,0.00)!important;
}
.brochure {
	margin-top: 11px;
	float: right;
	color: rgba(255,255,255,1.00);

}
.brochure a:link, a:visited, a:hover{
	color: rgba(255,255,255,1.00);	
}

.textBoxCentre1 a:link, a:visited, a:hover{
	color: rgba(255,255,255,1.00);	
}
.bannerImg {
	background-image: url(../images/bannerImg2.jpg);
	background-position: left 0%;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,1.00);
}
.banner {
	min-height: 100px;

}
a.selected:link {
	color: rgba(255,88,2,1.00)!important;
}
a.selected:visited {
	color: rgba(255,88,2,1.00)!important;
}
a.selected:hover {
	color: rgba(248,154,58,1.00)!important;
}
.jumbotron {
	background: none!important;
}
h2 {
	color: rgba(103,131,148,1.00);
	font-size: 1.5em;
	font-weight: 600;
}
.orange {
	color: rgba(248,154,58,1.00);
}

.textBoxCentre1 {
	max-width: 650px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: rgba(114,133,147,0.90);
	font-size: 1em;
}
.textBoxCentre1 > p,h2,li {
	color: rgba(255,255,255,1.00)!important;
}
.textBoxCentre2 {
	max-width: 650px;
	width: 100%;
	padding: 20px;
	background-color: rgba(114,133,147,0.70);
	font-size: 1em;
}
.textBoxCentre3 {
	max-width: 650px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	font-size: 1em;
}
.textBoxCentre1 p {
	color: rgba(255,255,255,1.00);
	font-size: 1em;
}
.textBoxCentre3 p {
	color: rgba(103,131,148,1.00);
	font-size: 1em;
}
footer {
	position: fixed;
	bottom: 0px;
	max-height: 40px;
	width: 100%;
	background-color: rgba(114,133,147,0.90);
}
footer .container {
	width: 100%;
	height: 40px;
}
footer .container .row {
	height: 40px;

}

footer p {
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	color: rgba(255,255,255,1.00);
}
.socmed {
	float: right;
	padding-right: 35px;

}
.socmed img {
	margin-left: 11px;
	width: 100%;
	max-width: 29px;
	margin-top: 6px;
	margin-bottom: 8px;
	float: right;
}


ul {
	margin-left: 10px;
	padding-left: 0px;
}

li {
	list-style-position: outside;
	list-style-image: url(../images/bullet.png);
	margin-left: 0px;
	color: rgba(103,131,148,1.00);
}



.projects p {
	max-width: 290px;
}
.projects img {
	width: 100%;
	max-width: 290px;
}


.projectBtn {
	width: 100%;
	max-width: 290px!important;
	border-radius: 0px;
	text-align: left;
	background-image: url(../images/cameraIcon.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-color: rgb(52.16%, 54.51%, 57.25%);
	color: rgba(255,255,255,1.00);
}
.projectBtn img {
	text-align: right;

}

.project.col-xs-6 {
	margin-left: 0px!important;
	padding-left: 0px!important;
}
.col-offset-0 {


}
.col-offset-0 .botMarg img {
	margin-bottom: 18%!important;

}
.col-offset-0 img {
	width: 116%!important;
}
.col-offset-0 .col-xs-4 {
	width: 27.5%;
	padding-right: 2%;
}
.col-offset-0 .col-xs-5 {
	width: 44.5%;
	margin-left: 0px;
	padding: 0px;
}
.col-offset-0 .col-xs-6 {
	width: 50%;
}
.galBox1 img {
}
.galBox2 img {



}

.galPicsm1  {
	padding-right: 1%;
	padding-left: 0px;
	padding-right: 1%;

}
.galPicsm2  {
	padding-right: 1%;
	padding-left: 1%;
	padding-right: 0px;

}
.galPicsm3  {
	padding-right: 1%;
	padding-left: 1%;
	padding-right: 0px;

}
.galPicsmed2 img{

}
.galBox2 {
	margin-bottom: 30px;
}



.projectsGallery  {
	
}
.projectsGallery img  {
	width: 100%!important;
	
}

.galleryBtn {
	width: 100%;
	text-align: left;
	color: rgba(255,255,255,1.00);
	border-radius: 0;
	background-color: rgb(52.16%, 54.51%, 57.25%);
	margin-bottom: 3%;
}

.testimonials {
	margin-top: 101px;
}

.testimonials .textBox {
	padding: 8px;
	background-color: rgba(114,133,147,0.90);
	width: 100%;
	max-width: 290px;
}
.testimonials .col-lg-4 {
	margin-bottom: 12px;
}



.testimonials p {
	max-width: 290px;
	color: rgba(255,255,255,1.00);
	font-style: italic;
}
.testimonials h3 {
	color: rgba(248,154,58,1.00);
	font-size: 1em;
}
.testimonials h4 {
	color: rgba(255,255,255,1.00);
	font-size: 1em;
}
.testimonials mark {
	color: rgba(248,154,58,1.00);
	padding: 0;
	background-color: rgba(0,0,0,0.00);
	font-weight: bolder;
}

.textBoxCentre1 p {
	font-size: 1.2em;
}
.navbar.navbar-default.border {
	border-bottom: 2px solid rgba(137,140,142,1.00);
	background-color: rgba(114,133,147,0.90);
}
.phonebox {
	float: right;
	width: 133px;
	font-size: 1.3em;
	margin-top: 23px;
	margin-right: 26px;
	margin-left: -179px;
	color: rgba(119,119,119,1.00);
}
.contactrow {
	background-color: rgba(114,133,147,0.70);
	color: rgba(255,255,255,1.00);
}
.contactrow p {
	font-size: 1em;
}
.container .row.contactrow {
}
.row.projects {

}
.container .row.projects .col-xs-6, .col-lg-4{
	padding-bottom: 43px;
}
b, strong {

}
.projects strong  {
	color: rgba(119,119,119,1.00);
}


.spaceWell {
	padding: 19px;
	min-height: 20px;
	margin-bottom: 20px;
}
.navbar-brand.desk {
	display: inline-block;
}
.navbar-brand.mob {
	display: none;
}
.row.how .col-12 h2 {
	color: rgba(103,131,148,1.00)!important;
}
p {
	color: rgba(103,131,148,1.00);
}
ul li .arrow {
	margin-left: 5px;
}
.how-box-banner {
	background-color: rgba(103,131,148,1.00);
	height: 37px;
	color: rgba(255,255,255,1.00);
	padding-top: 9px;
	padding-left: 10px;
	background-image: url(../images/how-arrow.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
	width: 100%;
	margin-bottom: 20px;
	font-weight: 600;
}
.how-box-banner-end {
	background-color: rgba(103,131,148,1.00);
	height: 37px;
	color: rgba(255,255,255,1.00);
	padding-top: 9px;
	padding-left: 10px;
	background-image: url(../images/how-arrow-blank.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
	width: 100%;
	margin-bottom: 20px;
	font-weight: 600;
}
.how-arrow-box {
	width: 0px;
	margin: 0;
	float: right;
}
.how-arrow-box img {
	max-height: 37px;
	width: 100%;
	height: 100%;
	max-width: 56px;
}


.how-to .col-lg-2 {
	margin-left: 0px!important;
	padding-left: 0px!important;
	min-width: 20%;
}
.how-to .col-lg-2 p {
	width: 80%;
}
.col-12 .how-to hr {
	width: 80%;
	margin-left: 0px;
	border-top: thin solid rgba(135,141,164,1.00);
}
.how-to .orange {
	color: rgba(248,153,57,1.00);
}