/**********************************************************
FONTS/BUTTONS
**********************************************************/

@import url('http://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Erica+One');
@import "buttons.css";


/**********************************************************
GENERAL
**********************************************************/

* {
	box-sizing: border-box;
}

/* sticky footer */
html {
	position: relative;
    min-height: 100%;
}

html, body {
       margin:0 auto;
 }
  
body {
       margin:0 auto;
       font-family: 'Roboto', 'Arial', sans-serif;
	   font-size: 14px;
	   line-height: 1.846;
	   color: #666666;
	   margin: 0 0 50px; /* bottom = footer height */
       /*border:solid 1px blue;*/
 }

 .wrapper {
 	max-width:940px;
 }
 
a, img {
    border:none;
    outline:none
}
 
hr {
	margin-top: 23px;
	margin-bottom: 8px;
	border: 0;
	border-top: 1px solid rgba(0,0,0,0.3);
}

h3 {
	font-family: 'Roboto','Arial',sans-serif;
	font-weight:normal;
	font-size:34px;
	margin:0;
	color:#444;
	line-height:36px;
	letter-spacing:0.1px;
}

h2 {
	font-family: 'Roboto','Arial',sans-serif;
	font-weight:normal;
	font-size:24px;
	margin:0 0 10px;
	color:#444;
	line-height:31px;
	letter-spacing:0.1px;
}

h1 {
	font-family: 'Roboto','Arial',sans-serif;
	font-weight:normal;
	font-size:18px;
	margin:0;
	color:#444;
	line-height:1.45;
	letter-spacing:0.1px;
}

.blue-btn {
	padding:8px 12px;
	color:#fff !important;
	background:#b7b7b7;
	text-decoration:none;
	margin-top:10px;
}


/**********************************************************
HEADER
**********************************************************/

#header-back {
	overflow:hidden;
	background: #fff;
	border-bottom:solid 3px rgba(0,0,0,0.2);

 /* replace this color for new template */
}

.header {
	/*border:solid 1px red;*/ 
	margin:0 auto;
	max-width:940px;
	margin-top:10px;
	background: #000;
 /* replace this color for new template */

}

.header_left {
	float:left;
}

.header_left a,.header_left a:link, .header_left a:active{
	color:#ebebeb;
	text-decoration:none;
}


.header_left img {
	float:left;
	margin:0;
	padding:0;
	margin-right:10px;
	width:40px;
}

.header_right {
	float:right;
	text-align:right;
	color:rgba(0,0,0,0.2);
	font-size:13px;
	font-family: 'Roboto','Arial',sans-serif;
	margin-top:16px;
}

#logo {
	margin:-14px 0 0 0;
	font-family: 'Roboto','Arial',sans-serif;
	font-size:26px;
	padding:0;
}

#subtitle {
	margin:0;
	margin-left:1px;
	padding:0;
	font-size:11.5px;
	letter-spacing:0.7px;
	color:#fff;
	line-height:0px;
	font-weight:bold;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
}

/**********************************************************
NAVBAR
**********************************************************/

nav {
	font-family: 'Roboto', sans-serif;
	color:#fff;
	font-size:1.2em;
	letter-spacing:0px;

}

nav li {
	display:inline;
	list-style:none;
	margin:0 11px 0;
}

nav a, nav a:link, nav a:visited{
	color:rgba(0,0,0,0.3);
	padding:10px 12px 10px 12px;
	text-decoration:none;

}

nav a:hover{
	color:rgba(0,0,0,0.3);
	text-decoration:none;
  content: '';
 border-style: solid;
 border-top:0px;
  border-left:0px;
 border-right:0px;

    border-bottom-color: #ff0000;

}

#active {
	color:rgba(0,0,0,0.3);
}



/**********************************************************
IMAGE BOX
**********************************************************/

.quote-section {
	margin:0 auto;
	/*border:solid 1px green;*/
	/*background:#ddd;*/
}

.quote-container {
	margin:0 auto;
	background:#fff;
	/*border:solid 1px green;*/
	/*background:#ddd;*/
}

.image-box {
	margin:0 auto;
	/*background:url('../img/stethoscope.jpg') center no-repeat;*/
	height:250px; /* Same height as .quote-section */
	width:100%;
	background: url('img/house1.jpg') no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.image-text-container {
	margin:0 auto;
	width:100%;
	height:100px;
	position:relative;
}

.image-text-container h1 {
	margin:0;
	padding:0;
	color:#fff;
	font-size:40px;
	font-family: 'Roboto','Arial', sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-shadow: 1px 2px 1px #111;
}

.image-text-container h2 {
	margin-top:12px;
	padding:0;
	color:#fff;
	font-size:28px;
	font-family: 'Roboto','Arial', sans-serif;
	font-style:italic;
	text-align:center;
	text-shadow: 1px 2px 1px #111;
}
.title{
	font-family:'Erica One','Roboto','Arial', sans-serif;
	text-align:center;
		font-size:8em;
		color:#000;
		margin-top:10%;

}

#text-adjust {
	height:140px;
}


/**********************************************************
SERVICES & CONTENT
**********************************************************/

#intro-quote {
	padding:40px 40px; 
	text-align:center;
	background:rgba(0,0,0,0.2);
	font-family: 'Roboto', 'Arial', sans-serif;
}

#intro-quote h1 {
	color: #fff;
}

/*********************/

.services_box {
	/*border:solid 1px red;*/
	margin:0 auto;
	padding:40px 40px;
	background:rgba(0,0,0,0.2); /* 356aa0 */
}

.services_box .height {
	overflow:hidden;
}

.services_box .height ul {
	list-style:none;
	margin:0;	
	padding:0;
}

.services_box .height ul li:first-child {
	display: inline-block;
	margin:0 33px 0 0;
}

.services_box .height ul li:last-child {
	display: inline-block;
	float:right;
}

/*******************/

/*.services_box .imgBox {
	width:100%; 
	background:#fff; 
	box-shadow:1px 1px 0px #ddd;
	overflow:hidden;
}

.services_box .imgBox img {
	padding:20px;
	height:140px;
	width:140px;
	float:left;
}

.services_box .imgBox .left {
	
	width:130px;
	float:left;
}

.services_box .imgBox .right {

	margin:10px 0 0 0;
	width:280px;
	float:right;
	padding:15px;
}

.services_box .imgBox h1 {
	color:#00B7D9;
	margin:0;
	padding:0;
}

.services_box .imgBox p {
	margin:0;
}

.services_box .imgBox a {
	color:#00B7D9;
}

.services_box .imgBox a:hover {
	color:#00B7D9;
}*/

/*******************/

.content_box {
	/*border:solid 1px red;*/
	overflow:hidden;
	margin:0 auto;
	padding:10% 4% 4% 0%;
	/*border-top:solid 2px #ffcc33;*/
	background:#fff;

}

.content_box .left {
	width:61%;
	float:left;
}
.content_box .left .message{
	float:right;
	margin-right: -75%;
		margin-top: -65%

}

.content_box .left a {
	color:#ff5f8a;
}

.content_box .left a:hover {
	color:#ff0000;
}

/*********/
.content_box .right{
	width:30%;
	float:right;
}
.content_box .right .number{
	margin-top:-38%;
	margin-right: 10%
	width:30%;
	float:right;
}

.content_box .right .fa {
	color:#ff5f8a;
}

.content_container {
	/*border:solid 1px green;*/
	margin:0 auto;
	max-width:940px;
}


.icon {
	float:left; 
	margin-top:9px; 
	padding-right:5px;
	margin-left:-17px;
	height:28px;
	width:28px;
}

.content_container p {
	padding:5px 0 5px;
}

.content_container ul {
	margin:0 auto;
}

.content_container li {
	max-width:940px;
	display:inline-block;
	list-style:none;
	vertical-align:top;
}

.col-1 {
	width:26.875%;
	padding:3.1%;
	/*border:solid 1px green;*/
}

.col-2 {
	width:26.875%;
	padding:3.1%;
	letter-spacing:-0.1px;
	/*border:solid 1px green;*/
}

.col-3 {
	width:26.875%;
	padding:3.1%;
	/*border:solid 1px green;*/
}

.content-col {
	width:59%;
	float:left;
	padding:0 5% 0;
}

.content-col p {
	padding:5px 0 5px;
}

/**********************/

#logos {
	background:#fff;
	padding:30px 30px;
	overflow:hidden; 
}

#logos img {
	margin:0 auto;
	max-width:115px;
}

#logos #container3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#fff; /* column 3 background colour */
}
#logos #container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.333%;
	background:#fff; /* column 2 background colour */
}
#logos #container1 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
	background:#fff; /* column 1 background colour */
}
#logos #col1 {
	float:left;
	width:29.33%;
	position:relative;
	left:68.67%;
	overflow:hidden;
}
#logos #col2 {
	float:left;
	width:29.33%;
	position:relative;
	left:72.67%;
	overflow:hidden;
}
#logos #col3 {
	float:left;
	width:29.33%;
	position:relative;
	left:76.67%;
	overflow:hidden;
}

/**********************************************************
LINKS
**********************************************************/

.email, .email:visited, .email:link {
	text-decoration:none;
	color:#ff5f8a;
}

.email:hover {
	text-decoration:none;
	color:#ff0000;
}

.email-complaint, .email-complaint:visited, .email-complaint:link {
	text-decoration:none;
	color:#ff5f8a;
}

.email-complaint:hover {
	text-decoration:none;
	color:#ff0000;
}

label span {
	color:#ff5f8a;
}

span {
	color:#ff5f8a;
}

/**********************************************************
CONTACT FORM
**********************************************************/

#name,
#email, 
#phone,
textarea {
  border:solid 1px #cdcdcd;
  resize:none;
	font-family: 'Roboto','Arial', sans-serif;
}
 
#name,
#email,
#phone {
  height:20px;
  width:240px;
  margin:5px 0 4px 0;
}
 
textarea {
  width:240px;
  margin:5px 0 4px 0;
}
 
table span {
  color:red;
}
 
input,
textarea {
	padding-left:5px;
	padding-right:5px;
}
 
input:focus,
textarea:focus { 
    outline: none !important;
    border-color: #00B7D9 !important;
    box-shadow: 0 0 1px #00B7D9;
}
 
#submit {
  float:left;
	font-family: 'Roboto','Arial', sans-serif;
  border:none;
  background:#00B7D9;
  color:#fff;
  margin:5px 0 4px 0;
  padding:5px 10px 5px 10px;
  border:solid 1px #00B7D9;
}
 
#reset {
	font-family: 'Roboto','Arial', sans-serif;
  border:none;
  background:#EAECEE;
  color:#444;
  float:left;
  margin:5px 0 4px 25px;
  padding:5px 10px 5px 10px;
  border:solid 1px #aaa;
}
/**Contact**/
#fence{
	margin-top:-20%;
}
.map{
	margin-top: 10%;
}

/**Contact**/

/**********************************************************
FOOTER
**********************************************************/

.footer {
	overflow:hidden;
	margin:0 auto;
	padding:10px 20px;
	text-align:center;
	color:#fff;
	font-weight:normal;
	/*border:solid 1px red;*/
	font-family:'Lato',sans-serif;
	font-size:11px;
	background:rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.footer table{
	margin:0 auto;
}

.footer a, .footer a:visited, .footer a:link{
	color:#afafaf;
	text-decoration:none;
}

.footer a:hover{
	color:#fff;
	text-decoration:none;
}

.social_media {
	padding:0 2px 0;
}


/**********************************************************
MEDIA-QUERIES
**********************************************************/

@media only screen and (max-width:780px) {
	.header_right {
		padding-bottom:10px;
	}
	.content_box .left {
		float:none;
		padding-bottom:30px;
    	width:100%;
	}

	.content_box .right {
		float:none;

    	width:100%;
		/*border:solid 1px red;*/
	}
	.content_box .right .number{
	margin-top:-65%;
	margin-right: 10%;
	width:100%;
	float:left;
}
.content_box .left .message{
	float:right;
	margin-right: -5%;
		margin-top:10%;

}
}

@media only screen and (max-width:676px) {
	.header_right {
		text-align:center;
		float:none;
		width:100%;
	}
	.header_left {
		text-align:center;
		float:none;
		width:100%;
		padding:5px 0;
	}
	.content_box .right .number{
	margin-top:5%;
	width:100%;
	float:left;

}
.content_box .left .message{
	float:left;
	margin-right: 0%;
		margin-top:10%;

}
}

@media only screen and (max-width:590px) {
	#logos #col1 {
		width:100%;
		position:relative;
		left:68.67%;
		overflow:hidden;
		padding-bottom:30px;
	}
	#logos #col2 {
		width:100%;
		position:relative;
		left:68.67%;
		overflow:hidden;
		padding-bottom:30px;
	}
	#logos #col3 {
		width:100%;
		position:relative;
		left:68.67%;
		overflow:hidden;
		padding-bottom:30px;
	}
	.content_box .right .number{
	margin-top:5%;
	width:100%;
	float:left;
}
}

@media only screen and (max-width:468px) {
	nav {
		margin: 0 auto;
	}
	nav li {
		display:inline;
		list-style:none;
		margin:0 5px 0;
		font-size:85%;
	}
	.content_box .right .number{
	margin-top:5%;
	width:100%;
	float:left;
}

}