body {background-color:#fafafa;font-size:16px;font-family:"proxima-nova", Helvetica, Arial, sans-serif;color:#545454;}
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}


/** Main Structure and Header **/
.header {background-color:rgba(104, 131, 144, 0.9);width:100%;padding:1em 0 0.4em 0;border-top:3px double #647f8c;border-bottom:3px double #647f8c;}
.numbers {background-color:rgba(104, 131, 144, 1);width:100%;padding:0.5em 0 0.3em 0;border-top:7px solid #647f8c;border-bottom:3px double #647f8c;}
.numbers p {color:#fafafa;font-size:1.2rem;margin:0;padding:0;}
.inner-box {height:100%;padding-top:2em;}
.intro-img-bg {width:100%;background-color:#647f8c;}
.content-bg {width:100%;padding:0em 0 2em 0;background-color:#eee;}
.one-edge-shadow {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}
#human {display:none;}
.border-right {padding-right:2em;border-right:3px double #eee;}
.dark-blue {background-color:rgba(82, 107, 119, 1);}
blockquote {border-left:0;margin:2em 0 2em 0;}
/** Navigation **/

.main-nav {margin-top:5.9em;padding:0;list-style-type:none;font-size:0.72rem;}
.main-nav li {float:left;padding:0;color:#fafafa;}
.main-nav li i {padding-left:0.4em;padding-right:0.4em;}
.main-nav li a {padding:1em 0 1em 0;color:#fff;font-weight:500;font-family: 'museo-sans', sans-serif;text-transform:uppercase;}
.main-nav li a:hover {color:#bdd3dd;}
/** Footer **/

.footer {background-color:rgba(104, 131, 144, 1);min-height:6em;color:#fafafa;}
.footer p {font-size:0.8rem;margin:2em 0;}
.footer a {color:#fafafa;}
.footer a:hover {color:#bdd3dd;}
.social {text-align:right;margin-top:-6px;}
.social a {color:#fafafa;font-size:1.4rem;margin-right:0.5em;}
.trade {width:125px;height:125px;display:inline-block;}
.trade-logos {float:right;}
/** Homepage Styles **/
.intro-images {background-image:url('../img/cs/bathroom1.jpg');background-repeat:no-repeat;background-size:cover;height:400px;width:100%;background-position:50% 50%;
-webkit-box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.15);
box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.15);
margin-bottom:1em;}
.services-section {padding:2em 2em 0 2em;text-align: center;
position: relative;}
.home-hero {
	font-family: 'museo-sans', sans-serif;
	text-transform: uppercase;
	margin-bottom: 1.1em;
	line-height: 1.2;
	font-weight:400;
	font-size:1.8rem;
	color:#545454;
}
.services-section h2 {
	font-family: 'museo-sans', sans-serif;
	text-transform: uppercase;
	margin-bottom: 1.1em;
	line-height: 1.2;
	font-weight:400;
	font-size:1.4rem;
	color:#545454;
}

.services-section h2 span {
	border-top: medium double #ccc;
	border-bottom: medium double #ccc;
	color: #545454;
	padding: 15px 15px;
	display: inline-block;
    width:100%;
	position: relative;
	
	-webkit-mask-image: url(../img/mask.png); 
	-o-mask-image: url(../img/mask.png); 
	-moz-mask-image: url(../img/mask.png); 
	mask-image: url(../img/mask.png); 
}

.services-section h2:after {
	right: 0px;
}
.services-section [class^="icon"] {
	font-size: 20px;
	text-shadow: 1px 1px 0 #fafafa, 1px 2px 0 rgba(153, 153, 153, 1), 0 0 1px #fafafa;
	display: block;
	margin-bottom: 10px;
	color:#313131;
}
.home-cta {background-color:#eee;width:100%;padding:0 0 2em 0;text-align:center;}
.home-buttons {background-color:#eee;width:100%;padding:0 0 2em 0;text-align:center;}
.contacts {
text-transform: uppercase;
margin-bottom: 1.1em;
line-height: 1.2;
font-weight:300;
font-size:2rem;}
.intro p {font-size:0.8rem;}


/** Sidebar **/


.hello {text-align:center !important;padding:1.5em 2em 1em 2em;background-color:#eff5f9;border-radius:4px;border:1px solid #ecf2f7;margin:0 0 2em 0;}
.hello h3 {
	font-family: 'museo-sans', sans-serif;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight:300;
	font-size:1.2rem;
	margin:1em 0 1.5em 0;
	border-top: medium double #ccc;
	border-bottom: medium double #ccc;
	color: #545454;
	padding: 15px;
}

hr {
    padding: 0;
    border: none;
    border-top: medium double #ccc;
    color: #ccc;
    text-align: center;

}
hr:after {
	font-family: "FontAwesome";
    content: "\f005";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
background:#fafafa;
    
}

/** News **/

h3.news-heading {
	font-family: 'museo-sans', sans-serif;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight:300;
	font-size:1.2rem;
	margin:1em 0 1.5em 0;
	border-top: medium double #ccc;
	border-bottom: medium double #ccc;
	color: #545454;
	padding: 15px 15px 15px 0;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

.main-nav {margin-top:4.6em;padding:0;list-style-type:none;font-size:0.55rem;}
.main-nav li {float:left;padding:0;color:#fafafa;}
.main-nav li i {padding-left:0.3em;padding-right:0.3em;}
.main-nav li a {padding:1em 0 1em 0;color:#fff;font-weight:500;font-family: 'museo-sans', sans-serif;text-transform:uppercase;}
.main-nav li a:hover {color:#bdd3dd;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.main-nav {margin-top:5.6em;padding:0;list-style-type:none;font-size:0.75rem;}
}

@media screen and (max-width: 480px) {
	.intro-images {background-image:url('../img/cs/bathroom1.jpg');background-repeat:no-repeat;background-size:cover;height:300px;width:100%;background-position:50% 50%;}
	.header {background-color:rgba(104, 131, 144, 0.8);padding-bottom:2em;padding-top:1.5em;display:block;}
	.social {text-align:left;margin-top:0px;}
	.social a {color:#fafafa;font-size:1.4rem;margin-right:0.5em;}
	.numbers p {color:#fafafa;font-size:0.65rem;margin:0;padding:0;}
	.trade {margin:0 auto 0 auto;}
	.trade-logos {float:none;margin:0 auto 0 auto;}
	.footer p {font-size:0.8rem;margin:2em 0 0 0;text-align:center;}
  }

/** Inner Sections **/

.inner-sections {width:100%;padding:1.7em 0 1.3em 0;background-color:rgba(82, 107, 119, 1);border-bottom:3px double #647f8c;margin-bottom:1.5em;}
#inner-heading {
	font-family: 'museo-sans', sans-serif;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight:300;
	font-size:1.25rem;
	color: #fff;
}
.inner {padding-bottom:1.5em;}
.inner h2 {
	font-family: 'museo-sans', sans-serif;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight:300;
	font-size:1.3rem;
	margin:0 0 1.5em 0;
	border-top: medium double #ccc;
	border-bottom: medium double #ccc;
	color: #545454;
	padding: 15px 15px 15px 0;
}
.list {margin:2em 0 2em 0;padding:0;list-style-type:none;}
.list li {padding:0.6em 0 0.6em 1.5em;}
.list li:before {
  content: "\f005";
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: -1.5em;
  width: 1.5em; 
}