body { font-family: 'Open Sans', sans-serif; }
h1 { font-size: 1.8em; margin-top: 30px; margin-bottom: 30px; }
h2 { font-size: 1.6em; line-height: 2em; margin-top: 30px; margin-bottom: 0px; font-style: italic; }
a { color: #337AB7; }
a:visited { color: #337AB7; }
a:hover { text-decoration: none; }
label { font-weight: 300; font-size: 12px; text-transform: uppercase; }
iframe { border: none; height: 450px; margin-left: 9%; width: 91%; }
.copy { font-size: 1em; line-height: 1.8em; }
	.copy ol li { padding-bottom: 10px; }
	.copy ul li { padding-bottom: 10px; }
.inner-strapline { font-size: 1.5em; font-style: italic; line-height: 1.5em; margin-top: 0px; margin-bottom: 30px; color: #337AB7; }
.blue { color: rgba(48,130,197,1.00); }
.italic { font-style: italic; }

.navbar-inverse { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #CCCDCD; border: none; border-radius: 0; min-height: 0; margin-bottom: 0; text-transform: uppercase; }
.navbar-left { margin-left: -15px; }
.navbar-nav > li > a { color: #484747 !important; font-weight: 700; padding: 10px 15px; }
.navbar-nav > li > a:hover { color: #000000 !important; }
	.navbar-nav > li > a.nav-home { color: #FFFFFF !important; font-size: 22px; padding: 8px 15px; }
	.navbar-nav > li > a.nav-home:hover { color: #000000 !important; }
	.navbar-nav > li > a.nav-email { font-size: 22px; padding: 8px 15px; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background: none; color: #000000 !important; }
.navbar-brand { color: #484747 !important; }
.nav-sub { list-style: none; margin-top: 55px; padding: 0; }
	.nav-sub li { border-left: 1px solid #ffffff; display: inline-block; }
	.nav-sub li:first-child { border-left: none; }
		.nav-sub li a { color: #FFFFFF; font-size: 1.5em; font-weight: 300; padding: 0 15px; text-decoration: none; }
		.nav-sub li a:hover { color: rgba(111,159,167,1.00); }
header { background: url(../img/layout/masthead-background.jpg) no-repeat top center #000; padding: 10px 0; margin-bottom: 10px;}
.header-logo { display: block; margin-right: 15px; }
.nav-people-hover { background-color: #337AB7; display: none; position: absolute; top: 196px; width: 100%; z-index: 10; }
	.nav-people-hover h2 { color: #FFFFFF; margin-top: 20px; }
	.nav-people-hover ul { font-size: 1.2em; list-style: none; margin: 20px 0; padding: 0; }
		.nav-people-hover ul li { color: #FFFFFF; padding: 7px 2px; }
		.nav-people-hover ul li:before { color: #FFFFFF; content: '\3009'; position: relative; top: 1px; }
			.nav-people-hover ul li a { color: #FFFFFF; }
			.nav-people-hover ul li em { font-size: 0.9em; padding-left: 20px; }
			.nav-people-hover ul li span { font-size: 0.8em; }
.nav-people-arrow { position: relative; }
.nav-people-arrow:after { bottom: 100%; border: solid transparent; border-color: rgba(51, 122, 183, 0); border-bottom-color: #337AB7; border-width: 15px;  content: ' '; height: 0; left: 5.5%; margin-left: -15px; pointer-events: none; position: absolute; width: 0; }
.nav-services-hover { background-color: #337AB7; display: none; position: absolute; top: 196px; width: 100%; z-index: 10; }
	.nav-services-hover h2 { color: #FFFFFF; margin-top: 20px; }
	.nav-services-hover ul { font-size: 1.1em; list-style: none; margin: 20px 0; padding: 0; }
		.nav-services-hover ul li { padding: 7px 2px; }
		.nav-services-hover ul li:before { color: #FFFFFF; content: '\3009'; position: relative; top: 1px; }
			.nav-services-hover ul li a { color: #FFFFFF; }
.nav-services-arrow { position: relative; }
.nav-services-arrow:after { bottom: 100%; border: solid transparent; border-color: rgba(51, 122, 183, 0); border-bottom-color: #337AB7; border-width: 15px;  content: ' '; height: 0; left: 14.8%; margin-left: -15px; pointer-events: none; position: absolute; width: 0; }
.accordion-slider { margin: 0 0 10px 0; }
	.accordion-slider h2 { margin-top: 5px; }
.panel-counter { -moz-transform: rotate(-90deg) translateY(100%); -moz-transform-origin: left bottom; -webkit-transform: rotate(-90deg) translateY(100%); -webkit-transform-origin: left bottom; color: #FFFFFF; font-size: 1.3em; padding: 12px; transform: rotate(-90deg) translateY(100%); transform-origin: left bottom;  background-color: rgba(0,0,0,0.50); }
.as-layer { width: 100%; margin: 0; }
.as-padding { padding: 10px 30px !important; }
.slide-desc { font-style: italic; font-size: 16px; font-weight: 300; width: 100%; }
.slider-button { margin-bottom: 10px; }
.carousel-caption { bottom: 0; padding-bottom: 10px; text-shadow: 3px 2px 3px rgba(0, 0, 0, 1); }
	.carousel-caption h2 { font-size: 1.8em; }
.breadcrumb { background: none; border-bottom: 1px solid #EEEEEE; margin: 0 0 10px 0; padding: 20px 0 10px 0; }
	.breadcrumb a { text-decoration: none; }
.nav-services { font-size: 1.2em; list-style: none; margin-top: 25px; padding: 0; }
	.nav-services li { border-bottom: 1px solid #EEEEEE; padding: 7px 2px; }
	.nav-services li:before { content: '\3009'; position: relative; top: 1px; }
	.nav-services li:last-child { border-bottom: none; }
		.nav-services li a { text-decoration: none; }
address { margin-left: 40px; margin-top: 20px; }
.logo-aside { margin-left: 35px; margin-right: 160px; margin-top: 40px; }
footer { background: url(../img/layout/dark-background.jpg) no-repeat top center; color: #FFFFFF; margin-top: 40px; padding: 30px 0;; background-color: #000 }
	footer a { color: #FFFFFF; }
	footer a:hover { color: rgba(124,186,199,1.00); }
	footer address { margin-left: 0; margin-top: 10px; }
	footer address a { font-weight: 600; padding-right: 15px; }
	footer address a:hover { text-decoration: none; }
.social { color: #FFFFFF; display: inline-block; padding: 10px 5px; }
.social:hover { color: #FFFFFF; }
.social-facebook { background-color: #3B5998; }
.social-twitter { background-color: #4099FF; }
.social-linkedin { background-color: #007BB6; }
.footer-legal { font-size: 0.9em; font-weight: 300; padding-top: 20px; }
	.footer-legal a { color: #fff; }
.footer-designed { color: #585858; font-size: 0.9em; font-weight: 300; padding-top: 55px; text-align: right; }
	.footer-designed a { color: #585858 !important; text-decoration: none; }
	.footer-designed a:hover { color: #fff !important; text-decoration: none; }
.bold { font-weight: 700; }
.staff-name { font-weight: 600; font-size: 18px; line-height: 18px; margin-top: 15px; }
.staff-name-listing { font-weight: 600; font-size: 22px; line-height: 23px; margin-top: 15px; }
.staff-qual { font-weight: 300; font-size: 12px; line-height: 12px; margin-top: 5px; }
.staff-qual-listing { font-weight: 300; font-size: 12px; line-height: 12px; margin-top: 7px; }
.staff-title { font-style: italic; }
.staff-title-listing { font-style: italic; margin-top: 5px; }
.staff-tel { font-size: 13px; line-height: 1.5em; margin-top: 4px; }
.staff-mob { font-size: 13px; line-height: 1.5em; }
.staff-email { font-size: 13px; line-height: 1.5em; }
.staff-vcard { font-size: 13px; font-style: italic; }
.staff-link { color: #FFFFFF !important; }
.staff-link-listing { color: #FFFFFF !important; font-size: 14px; padding: 5px 15px; border: none; }
.staff-main-tel { font-size: 16px; line-height: 1.8em; margin-top: 14px; }
.staff-main-mob { font-size: 16px; line-height: 1.8em; }
.staff-main-email { font-size: 16px; line-height: 1.8em; }
.staff-main-vcard { font-size: 16px; line-height: 1.8em; font-style: italic; }
.mtop10 { margin-top: 10px; }
.panel-body { padding: 25px; min-height: 485px }
.staff-main-name { margin-bottom: 0px; }
.staff-main-qual { color: rgba(118,115,115,1.00); }
.staff-main-title { font-style: italic; font-size: 18px; margin-top: 5px; margin-bottom: 20px; }
.staff-profile { margin-top: 35px; }
.staff-profile-sub { font-weight: 600; font-style: italic; font-size: 1.2em; padding-top: 15px; }
.icon-list li { padding: 0 0 5px 20px; display: block; position: relative; }
.icon-list li:before { font-family: 'Glyphicons Halflings'; position: absolute; left: 0px; top:0px; font-size:80% }
.chevron-right li:before { content: '\e080'; }
.services-button { margin-bottom: 20px; }
.services-button-title { background-color: rgba(0,0,0,1.00); padding: 5px 15px; color: #fff; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; font-size: 1.1em; }
.services-button-more { background-color: rgba(106,105,105,1.00); padding: 5px 15px; color: #fff; text-align: right; font-size: 0.8em; text-transform: uppercase; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
*, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.media { border-bottom: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; display: inline-block; margin-top: 0; position: relative; vertical-align: top; }
.media__image { display: block; padding-left: 0; padding-right: 0; }
.media__body { -moz-transition: 0.6s; -o-transition: 0.6s; -webkit-transition: 0.6s; background-color: rgba(0,0,0,0.50); bottom: 0; color: #FFFFFF; font-size: 1em; left: 0; opacity: 0; overflow: hidden; padding: 1em; position: absolute; right: 0; text-align: center; top: 0; transition: 0.6s; }
	.media__body:hover { opacity: 1; }
	.media__body h2 { margin-top: 0; font-size: 1.5em; }
	.media__body p { font-size: 1em; margin-bottom: 1.5em; line-height: 1.5em; font-style: italic; }
h2.gallery-sub { background-color: #484747; color: #ffffff; font-size: 1.5em; line-height: 1.1em; margin-top: 50px; margin-bottom: 20px; font-style: normal; text-transform: uppercase; font-weight: 300; padding: 10px 20px; }
.restoration-top-images { margin-top: 20px;}
.restoration-banner-photo {padding-bottom: 20px;}
.staff-photo { margin-top: 35px; }
.staff-photo-listing {  }
.sra-badge { padding-left: 100px;}
#privacy { margin-top: 40px; margin-bottom: 30px; }
.img-heading img { margin-left: auto; margin-right: auto; }

#pi-claim-form h4 { color: #337AB7; font-size: 22px; font-weight: 700; }
#pi-claim-form h5 { color: #337AB7; font-size: 18px; font-weight: 700; text-transform: uppercase; margin-top: 30px; }
#pi-claim-form label { font-weight: 600; }

#coronavirus { background-color: #F9CA03; padding: 60px 0 }
	#coronavirus img { margin: 0 auto }
	#coronavirus p { color: #000; font-size: 16px; font-weight: 700; line-height: 28px; margin: 50px 0 0 0; padding: 0 45px; text-align: center }
		#coronavirus p a { color: #000 }

#carousel-pages .carousel-inner .item img { margin: 0 auto!important; }

#home-strapline { background: url(../img/layout/masthead-background.jpg) no-repeat top center #000; color: #D3D3D3; margin: 10px 0; padding-bottom: 25px; text-align: center; }
#home-strapline h1 { font-size: 2em; margin-bottom: 10px; font-weight: 700; color: #fff; }
#home-strapline h2 { margin-top: 10px; line-height: 1.2em; margin-bottom: 10px; }
#home-intro-text { text-align: center; margin: 60px 0; }
#home-intro-text h3 { font-size: 30px; line-height: 41px; margin-bottom: 30px; }
#home-intro-text p { font-size: 18px; line-height: 32px; padding: 0 50px; }

#home-why-text { text-align: center; margin: 60px 0; }
#home-why-text h3 { font-size: 30px; line-height: 41px; margin-bottom: 30px; }
#home-why-text p { font-size: 18px; line-height: 32px; padding: 0 50px; }
#home-contact-text { text-align: center; margin: 60px 0 100px 0; }
#home-contact-text h3 { font-size: 30px; line-height: 41px; margin-bottom: 30px; font-weight: 700; }
#home-contact-text p { font-size: 18px; line-height: 32px; padding: 0 50px; }

#home-services { }
#home-services .service-box { margin-bottom: 30px; }
#home-services .service-box .image { margin-bottom: 2px; }
#home-services .service-box .info { position: relative; background: url(../img/layout/masthead-background.jpg) no-repeat top center #000; padding: 15px 20px; color: #D3D3D3; height: 200px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#home-services .service-box .info .title { font-size: 23px; color: #fff; font-weight: 600; margin-bottom: 8px; margin-top: 0; }
#home-services .service-box .info .description { font-size: 14px; line-height: 22px; }
#home-services .service-box .info .link { color: #fff; position: absolute; bottom: 20px; right: 25px; }


@media (max-width: 1199px) {
	.nav-sub { margin-top: 40px; }
	.nav-people-hover { top: 170px; }
		.nav-people-hover ul { margin-top: 0; }
	.nav-people-arrow:after { left: 7% !important; }
	.nav-services-hover { top: 170px; }
		.nav-services-hover ul { margin-top: 0; }
	.nav-services-arrow:after { left: 18% !important; }
	.footer-legal, .footer-designed { font-size: 0.85em; }
	.sra-badge { padding-left: 60px;}
	#home-services .service-box .info { height: 220px; }
	#home-services .service-box .info .title { font-size: 21px; line-height: 26px; }

}

@media (max-width : 991px) {
	.nav-sub { margin-top: 25px; }
	.nav-people-hover { top: 142px; }
	.nav-people-arrow:after { left: 9% !important; }
	.nav-people { margin-top: 20px; }
	.nav-services-hover { top: 142px; }
		.nav-services-hover ul { margin: 0 !important; }
	.nav-services-arrow { padding-bottom: 20px; }
	.nav-services-arrow:after { left: 23% !important; }
	.nav-services { margin-top: 20px; }
	.footer-legal { margin: 0; }
		.footer-legal br { display: none; }
	.footer-designed { margin: 0; padding: 10px 0 0 0; text-align: center; }
		.footer-designed span { display: none; }
	.sra-badge {  padding-left: 40px;}
	#home-services .service-box .info { height: 200px; }
	#home-contact-text p { padding: 0; }
	#home-contact-text br { display: none; }
	#home-why-text p { padding: 0; }
	#home-intro-text p { padding: 0; }
}

@media (max-width : 767px) {
	iframe { margin-left: 0; width: 100%; }
	.header-logo { margin-right: 0; }
	.nav-services-hover { display: none !important; }
	.accordion-slider { display: none; }
	address { margin-left: 0; }
	.logo-aside { margin-left: 0; margin-right: 30%; }
	.services-button { margin-bottom: 10px; }
	.services-button-wide { margin-bottom: 10px; margin-left: 0px; margin-right: 0px; }
	/*.img-heading { display: none; }
	.staff-photo { display: block; }*/
	.sra-badge { padding-left: 0; padding-right: 100px;}
	#coronavirus p { padding: 0 }
	#home-services .service-box .info { height: auto; }
	#home-services .service-box .info .link { position: unset; margin-top: 10px; text-align: right; }
}

@media (max-width : 479px) {
	.header-logo { margin: 0 auto; width: 100%; }
		.header-logo img { float: none !important; margin: 0 auto; }
	address a { display: block; }
	.sra-badge { padding-right: 40px;}
	#coronavirus p { font-size: 14px; line-height: 26px }
}