/*
Theme Name: ASA
Author: Network London
Author URI: http://www.networklondon.co.uk/
Description: A custom WordPress theme for ASA Scaffolding Services
Version: 1.0.0
Text Domain: asa
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Navigation
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# ASA Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# ASA Styles
--------------------------------------------------------------*/
body {
	font-family: "Titillium Web", sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	color: #000;
	min-height: 100%;
	background: #000;
}
html {
	height: 100%;
}
h1 {
	font-size: 40px;
	font-weight: 400;
	line-height: 138px;
	height: 138px;
	overflow: hidden;
	margin: 0;
}
blockquote {
	padding: 0;
	margin: 0;
	font-size: inherit;
	border: none;
}
.no-wrap {
	white-space: nowrap;
}
.section-info {
	font-size: 15px;
	text-align: justify;
	padding: 50px 0;
	border-bottom: #e9e9e9 1px solid;
}
.section-info p {
	margin-bottom: 0;
}
.secondary-info {
	margin: 50px 0;
	text-align: justify;
	font-size: 15px;
}
textarea.form-control {
	height: 100px;
	resize: none;
}
.form-control {
	background: #e9e9e9;
	font-weight: 400;
	font-style: italic;
	color: #000;
}

.form-control:focus {
	border-color: #f2c62f;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #f2c62f;
	background: #f5f5f5;
}
.btn-yellow {
	font-weight: 600;
	text-transform: uppercase;
	background: #f2c62f;
}
.btn-yellow:hover, .btn-yellow:focus {
	background: #614f11;
	color: #f2c62f;
}
p.required-fields-info {
	text-align: right;
	color: #999;
	font-style: italic;
	font-size: 13px;
}
.fancy-container {
	display: block;
	position: relative;
	width: 248px;
	margin: 0 auto 50px auto;
}
.fancy-container:hover, .fancy-container:focus {
	text-decoration: none;
}
.fancy-container .image {
	width: 248px;
	height: 180px;
}
.fancy-container.london .image {
	background-position: 0 0;
}
.fancy-container.sussex .image {
	background-position: -248px 0;
}
.fancy-container.surrey .image {
	background-position: -496px 0;
}
.fancy-container.kent .image {
	background-position: -744px 0;
}
.fancy-container.london:hover .image {
	background-position: 0 -180px;
}
.fancy-container.sussex:hover .image {
	background-position: -248px -180px;
}
.fancy-container.surrey:hover .image {
	background-position: -496px -180px;
}
.fancy-container.kent:hover .image {
	background-position: -744px -180px;
}
.fancy-container h2 {
	background: #000;
	height: 52px;
	margin: 0;
	line-height: 50px;
	padding-left: 28px;
	padding-right: 20px;
	color: #fff;
	font-size: 20px;
	min-width: 225px;
	overflow: hidden;
}
.fancy-container .heading-container {
	height: 63px;
	position: absolute;
	background: url("assets/img/corner-triangle.png") left bottom no-repeat;
	left: -11px;
	top: 146px;
}
.fancy-container p {
	color: #000;
}
.fancy-container p:not(.read-more) {
	padding: 40px 20px;
	background: #f2c62f;
	min-height: 150px;
	text-align: justify;
}
.fancy-container p.read-more {
	position: absolute;
	right: 20px;
	bottom: 0;
	font-weight: 700;
	text-decoration: underline;
}
.headline-container-black {
	background: #000;
}
.headline-white {
	color: #fff;
}
.headline-container {
	position: relative;
	z-index: 1;
	min-height: 138px;
}
.headline-container .social {
	width: 46px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
}
.headline-container .social a {
	display: block;
	width: 46px;
	height: 46px;
	background: #f2c62f;
	float: left;
	color: #000;
	text-align: center;
	line-height: 46px;
	font-size: 18px;
}
.headline-container .social a span {
	display: none;
}
.headline-container .social a:hover {
	background: #614f11;
	color: #f2c62f;
}
.bubble-row {
	position: relative;
	margin: 50px 10px;
}
.bubble-description, .bubble {
	width: 50%;
	position: absolute;
}
.bubble {
	font-size: 15px;
}
.bubble-description .content {
	font-size: 24px;
}
.bubble-description * {
	margin: 0;
	padding: 0;
	line-height: normal;
}
.bubble p {
	margin: 0;
}
.bubble-row:nth-child(2n+1) .bubble-description {
	left: 0;
}
.bubble-row:nth-child(2n) .bubble-description {
	right: 0;
}
.bubble-row:nth-child(2n+1) .bubble {
	right: 0;
}
.bubble-row:nth-child(2n+1) .bubble .content {
	background: #ffeba6;
}
.bubble-row:nth-child(2n+1) .bubble:after,
.bubble-row:nth-child(2n) .bubble:after
{
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 20px;
	margin-top: -20px;
}
.bubble-row:nth-child(2n+1) .bubble:after {
	right: 100%;
	border-right-color: #ffeba6;
}
.bubble-row:nth-child(2n) .bubble:after {
	left: 100%;
	border-left-color: #ddd;

}
.bubble-row:nth-child(2n) .bubble {
	left: 0;
}
.bubble-row:nth-child(2n) .bubble .content {
	background: #ddd;
}
.bubble-row:nth-child(2n+1) .bubble-description .content {
	padding-right: 40px;
	text-align: right;
	right: 0;
}
.bubble-row:nth-child(2n) .bubble-description .content {
	padding-left: 40px;
	text-align: left;
	left: 0;
}
.bubble .content {
	min-height: 50px;
	padding: 20px;
	text-align: justify;
}
@media only screen and (max-width: 979px) {
	h1 {
		font-size: 36px;
	}
}
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 32px;
	}
	.bubble-row {
		margin: 40px 15px;
	}
	.bubble-description, .bubble {
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
	}
	.bubble-description {
		margin-top: 20px;
	}
	.bubble-description .content, .bubble .content {
		position: relative;
		top: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.bubble-row:nth-child(2n+1) .bubble-description .content {
		padding-right: 0;
		text-align: left;
	}
	.bubble-row:nth-child(2n) .bubble-description .content {
		padding-left: 0;
		text-align: right;
	}
	.bubble-row:nth-child(2n+1) .bubble:after,
	.bubble-row:nth-child(2n) .bubble:after
	{
		top: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-width: 20px;
		margin-left: -20px;
		margin-top: 0;
	}
	.bubble-row:nth-child(2n+1) .bubble:after {
		left: 40px;
		right: auto;
		border-top-color: #ffeba6;
	}
	.bubble-row:nth-child(2n) .bubble:after {
		right: 20px;
		left: auto;
		border-top-color: #ddd;
	}
}
@media only screen and (max-width: 479px) {
	h1 {
		font-size: 26px;
	}

}

/**********/
/* HEADER */
/**********/
#topbar-wrapper {
	background: #000;
	position: relative;
	z-index: 2;
}
#topbar .brand {
	display: inline-block;
	margin-top: 32px;
}
#topbar .contact, #topbar .contact a {
	color: #d2d2d2;
	text-align: right;
	font-size: 18px;
	font-weight: 400;
}
#topbar .contact .phone {
	color: #f2c62f;
}
#topbar .contact {
	padding-top: 40px;
}
#topbar .contact p {
	margin: 0;
}
#topbar .contact em {
	color: #f2c62f;
	font-style: normal;
}
#navbar-wrapper {
	position: relative;
	z-index: 3;
}
.navbar {
	border-radius:0;
	border: none;
	min-height: 40px;
	margin-bottom: 0;
	background: #000;
	visibility: hidden;
}
.nav > li > a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #f2c62f;
	white-space: nowrap;
}
.nav > li > a:hover, .nav > li > a:focus {
	text-decoration: underline;
	background: transparent;
	color: #f2c62f;
}
.nav > li.current-menu-item > a, .nav > li.current-page-ancestor > a {
	text-decoration: underline;
}
.navbar-brand {
	padding-top: 10px;
}
.navbar-brand img {
	width: 45%;
}
.navbar-toggle {
	border-color: #f2c62f;
	border-radius: 0;
}
.navbar-header .navbar-toggle .icon-bar {
	background: #f2c62f;
}
#header-image {
	background: url("assets/img/header-img-main.jpg") center center no-repeat;
	background-size: cover;
	height: 200px;
	z-index: 1;
	position: relative;
}

/* NAVBAR COLLAPSE */
.collapsed-nav.navbar {
	background: #f2c62f;
}
.collapsed-nav .navbar-header {
	float: none;
}
.collapsed-nav .navbar-left, .collapsed-nav .navbar-right {
	float: none !important;
}
.collapsed-nav .navbar-toggle {
	display: block;
	border-color: #000;
}
.collapsed-nav .navbar-header .navbar-toggle .icon-bar {
	background: #000;
}
.collapsed-nav .navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.collapsed-nav .navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}
.collapsed-nav .navbar-collapse.collapse {
	display: none !important;
}
.collapsed-nav .navbar-nav {
	float: none !important;
	margin-top: 7.5px;
	margin-bottom: 7.5px;
}
.collapsed-nav .navbar-nav > li {
	float: none;
}
.collapsed-nav .navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
.collapsed-nav .navbar-nav > li > a:hover {
	background: transparent;
	text-decoration: underline;
	color: #000;
}
.collapsed-nav .collapse.in{
	display:block !important;
}
/* END: NAVBAR COLLAPSE */
@media only screen and (min-width: 768px) {
	#header-image {
		height: 320px;
		margin-top: -60px;
	}
	.nav > li > a {
		line-height: 60px;
		padding-top: 0;
		padding-bottom: 0;
		color: #000;
	}
	.nav > li > a:hover, .nav > li > a:focus, .nav > li.current-menu-item > a, .nav > li.current-page-ancestor > a {
		text-decoration: none;
		background: #614f11;
		color: #f2c62f;
	}
	.collapsed-nav .nav > li > a:hover, .collapsed-nav .nav > li > a:focus, .collapsed-nav .nav > li.current-menu-item > a, .collapsed-nav .nav > li.current-page-ancestor > a {
		color: #000;
		background: #f2c62f;
		text-decoration: underline;
	}
	.navbar {
		background: rgba(255, 198, 0, 0.8);
	}
	.navbar ul.navbar-nav {
		width: 100%;
	}
	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
    #topbar .brand img {
	    width: 150px;
    }
    #topbar {
	    height: 116px;
    }
    #topbar .contact, #topbar .contact a {
	    font-size: 14px;
    }
    #topbar .contact {
	    padding-top: 35px;
    }
}
@media only screen and (min-width: 992px) {
	#header-image {
		height: 476px;
	}
	#topbar .brand img {
		width: auto;
	}
	#topbar {
		height: 140px;
	}
	#topbar .contact, #topbar .contact a {
		font-size: 18px;
	}
    #topbar .contact {
	    padding-top: 40px;
    }
}
/***************/
/* END: HEADER */
/***************/

/**********/
/* FOOTER */
/**********/
/* CAROUSEL SECTION */
footer #carousel-section {
	background: #000;
	padding: 50px 40px;
	position: relative;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
footer #carousel, footer #carousel .arrow-right, footer #carousel .arrow-left {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
footer #carousel .carousel-item {
	margin: 20px;
	overflow: hidden;
	position: relative;
}
footer #carousel .carousel-item img {
	border: 8px solid #f2c62f;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #fff;
}
footer #carousel-section .arrow-left, footer #carousel-section .arrow-right {
	display: block;
	width: 23px;
	height: 37px;
	background: url("assets/img/carousel-arrows.png") 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
footer #carousel-section .arrow-left {
	background-position: 0 0;
	z-index: 2;
	left: 10px;
}
footer #carousel-section .arrow-left:hover {
	background-position: 0 -37px;
}
footer #carousel-section .arrow-right {
	background-position: -23px 0;
	z-index: 3;
	right: 10px;
}
footer #carousel-section .arrow-right:hover {
	background-position: -23px -37px;
}
/* END: CAROUSEL SECTION */
footer {
	background: #000;
}
footer #contact-info-section {
	background: #fff;
	padding: 60px 0;
	font-size: 22px;
	color: #4f4f4f;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
}
footer #contact-info-section a {
	color: #4f4f4f;
}
footer #contact-info-section img {
	margin-bottom: 40px;
}
footer #footer-bottom-section {
	color: #6e6e6e;
	padding-bottom: 50px;
}

footer #footer-nav {
	text-align: center;
	padding: 80px 0;
}
footer #footer-nav a {
	font-size: 15px;
	text-transform: uppercase;
	color: #6e6e6e;
	font-weight: 700;
}
footer #footer-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer #footer-nav li {
	display: inline;
}
footer #footer-nav li + li {
	margin-left: 46px;
}
footer .place-list p {
	text-align: justify;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	border: #6e6e6e 1px solid;
	border-left: none;
	border-right: none;
	padding: 40px 0;
}
footer .social {
	padding: 40px 0;
	text-align: center;
}
footer .social a {
	margin: 0 10px;
	color: #6e6e6e;
	font-size: 22px;
}
footer .social a span {
	display: none;
}
footer .copyright {
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}
#main-content-container {
	z-index: 2;
	position: relative;
}
@media only screen and (max-width: 1199px) {
	footer #footer-nav li + li {
		margin-left: 20px;
	}
}
@media only screen and (max-width: 991px) {
	footer #footer-nav {
		padding: 40px 0;
	}
	footer #footer-nav li {
		display: block;
		text-align: center;
	}
	footer #footer-nav li + li {
		margin-left: 0;
		margin-top: 10px;
	}
}
@media only screen and (max-width: 767px) {
	footer #contact-info-section {
		font-size: 18px;
	}
	footer #carousel .carousel-item {
		height: 180px;
	}
}
@media only screen and (max-width: 479px) {
	footer #contact-info-section {
		font-size: 14px;
	}
}
/***************/
/* END: FOOTER */
/***************/

/********/
/* HOME */
/********/
body.home #main-section {
	background: #fff;
	overflow: hidden;
}
body.home #quick-contact-header {
	background: #f2c62f;
	width: 3500px;
	height: 138px;
	padding: 32px 0 0 40px;
	display: none;
}
body.home #quick-contact-header p {
	font-weight: 600;
	font-size: 25px;
	margin: 0;
	letter-spacing: -0.03em;
}
body.home #introduction-text-container {
	padding: 30px 0 0 0;
}
body.home #introduction-text-container {
	font-size: 15px;
	text-align: justify;
}
body.home #quick-contact-number {
	height: 182px;
}
body.home #quick-contact-number p {
	display: block;
	background: url("assets/img/quick-contact.png") top right no-repeat;
	height: 202px;
	width: 100%;
	line-height: 202px;
	font-size: 40px;
	margin-top: -20px;
	border-bottom: 1px solid #c2c2c2;

}
body.home #quick-contact-number p span {
	background: rgba(255, 255, 255, 0.6);
}
body.home #quick-contact-inputs {
	padding-top: 15px;
}
body.home #liability-insurance, body.home #certificates, body.home .gray-ribbon, body.home .yellow-ribbon {
	height: 110px;
}
body.home #liability-insurance {
	border-top: 1px solid #828282;
	border-bottom: 1px solid #f2c62f;
	background: url("assets/img/liability-insurance.png") center bottom no-repeat;
	text-indent: -9999px;
	line-height: 110px;
	text-align: center;
	font-weight: 600;
}

body.home #certificates {
    text-align: center;
    overflow: hidden;
    /* white-space: nowrap; */
}

body.home .certificate-logo {
    display: inline-block;
    margin: 18px 5px 0;
    height: 85px;
    text-indent: -9999px;
    overflow: hidden;
    vertical-align: middle;
    background-image: url("assets/img/certificates.png");
    background-repeat: no-repeat;
}


/* CHAS */
body.home #cert-chas {
    width: 94px;
    background-position: 0 0;
	display: none;
}


/* CISRS */
body.home #cert-cisrs {
    width: 94px;
    background-position: -94px 0;
}


/* NASC */
body.home #cert-scaffolding-association {
    width: 105px;
    background-position: -188px 0;
}


/* SafeContractor */
body.home #cert-safecontractor {
    width: 65px;
    background-position: -293px 0;
}


/* Constructionline */
body.home #cert-cons-line {
    width: 95px;
    background-position: -358px 0;
}


/* Hover - color row */

body.home #cert-chas:hover {
    background-position: 0 -85px;
}

body.home #cert-cisrs:hover {
    background-position: -94px -85px;
}

body.home #cert-scaffolding-association:hover {
    background-position: -188px -85px;
}

body.home #cert-safecontractor:hover {
    background-position: -293px -85px;
}

body.home #cert-cons-line:hover {
    background-position: -358px -85px;
}

body.home #cert-risqs {
    width: 60px;
    background-position: -453px 0;
}

body.home #cert-risqs:hover {
    background-position: -453px -85px;
}

body.home .yellow-ribbon .content, body.home .gray-ribbon .content {
	width: 3500px;
	height: 110px;
	min-height: 110px;
	padding-left: 120px;
}
body.home .yellow-ribbon .content {
	background: url("assets/img/icon-commercial-scaffolding.png") 25px center no-repeat #f2c62f;
}
body.home .gray-ribbon .content {
	background: url("assets/img/icon-domestic-scaffolding.png") 30px center no-repeat #e8e8e8;

}
body.home .yellow-ribbon h2, body.home .gray-ribbon h2 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 700;
	line-height: 110px;
	margin: 0;
}
body.home #quick-contact-header-container-normal {
	min-height: 0;
}
body.home #quick-contact-header-container-small {
	padding-left: 10px;
	padding-right: 10px;
	min-height: 0;
}
@media only screen and (max-width: 1199px) {
	body.home #quick-contact-header {
		padding: 42px 0 0 40px;
	}
	body.home #quick-contact-header p {
		font-size: 18px;
	}
	body.home .yellow-ribbon, body.home .gray-ribbon {
		height: auto;
	}
	body.home .yellow-ribbon .content, body.home .gray-ribbon .content {
		width: auto;
		height: auto;
		padding-right: 30px;
	}
	body.home .yellow-ribbon p, body.home .gray-ribbon p {
		max-width: none;
		text-align: left;
	}
}
@media only screen and (max-width: 991px) {
	body.home #quick-contact-number {
		height: auto;
	}
	body.home #quick-contact-header {
		width: auto;
		height: auto;
		min-height: 138px;
		padding: 32px;
	}
	body.home #quick-contact-header p {
		font-size: 25px;
	}
	body.home #quick-contact-number p span {
		padding-left: 36px;
	}
}
@media only screen and (max-width: 767px) {
	body.home #certificates {
		height: auto;
	}
	body.home #liability-insurance {
		background: none;
		text-indent: 0;
		font-size: 22px;
	}
	body.home .yellow-ribbon h2, body.home .gray-ribbon h2 {
		font-size: 18px;
	}
}
@media only screen and (max-width: 479px) {
	body.home #quick-contact-header {
		width: auto;
		padding: 40px;
	}
	body.home #quick-contact-header p {
		font-size: 20px;
	}
	body.home #quick-contact-number p span {
		padding-left: 0;
	}
	body.home #liability-insurance {
		padding: 30px 10px 25px;
		height: auto;
		background: none;
		text-indent: 0;
		line-height: normal;
		font-size: 18px;
	}
	body.home .yellow-ribbon h2, body.home .gray-ribbon h2 {
		line-height: normal;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
/*************/
/* END: HOME */
/*************/

/***********/
/* PROCESS */
/***********/
body.process {
	background: #fff;
}
body.process #process-stages {
	padding-top: 50px;
	padding-bottom: 70px;
}
body.process h2 {
	height: 71px;
	width: 741px;
	color: #fff;
	line-height: 68px;
	font-size: 17px;
	padding-left: 210px;
	font-weight: 600;
	text-transform: uppercase;
	z-index: 2;
	position: relative;
	overflow: hidden;
}
body.process h2 span {
	display: none;
}
body.process #process-stage-1 h2 {
	background: url("assets/img/process-headers-lg.png") left top no-repeat;
}
body.process #process-stage-2 h2 {
	background: url("assets/img/process-headers-lg.png") 0 -71px no-repeat;
}
body.process #process-stage-3 h2 {
	background: url("assets/img/process-headers-lg.png") 0 -142px no-repeat;
}
body.process ol {
	position: relative;
	z-index: 1;
	border-left: dotted 1px #9b9b9b;
	padding: 30px 10px 30px 114px;
	margin: -20px 0 -20px 35px;
	font-size: 15px;
	font-weight: 600;
}
body.process #process-stage-2 ol {
	color: #e5b200;
}
body.process #process-stage-3 ol {
	margin-bottom: 0;
	border-left: none;
	color: #868686;
}
@media only screen and (max-width: 767px) {
	body.process h2 {
		border-radius: 8px;
		height: 48px;
		line-height: 48px;
		padding-left: 70px;
		width: auto;
	}
	body.process h2 span {
		display: inline;
	}
	body.process #process-stage-1 h2 {
		background: url("assets/img/process-headericons-sm.png") 10px top no-repeat #000;
	}
	body.process #process-stage-2 h2 {
		background: url("assets/img/process-headericons-sm.png") 10px -48px no-repeat #e5b200;
	}
	body.process #process-stage-3 h2 {
		background: url("assets/img/process-headericons-sm.png") 10px -96px no-repeat #868686;
	}
	body.process ol {
		margin-left: 26px;
		padding-left: 64px;
		font-size: 14px;
	}
}
/****************/
/* END: PROCESS */
/****************/

/************************/
/* SCAFFOLDING SERVICES */
/************************/
body.scaffolding-services #main-section {
	background: #fff;
	padding-bottom: 40px;
}
body.scaffolding-services .service {
	display: block;
	width: 554px;
	height: 191px;
	position: relative;
	margin: 0 auto 50px auto;
	overflow: hidden;
}
body.scaffolding-services .service h2 {
	margin: 0 0 30px;
	font-size: 22px;
	color: #000;
}
body.scaffolding-services .service p {
	color: #000;
	text-align: justify;
}
body.scaffolding-services .service > div {
	width: 277px;
	height: 191px;
	position: relative;
}
body.scaffolding-services .service .image {
	background: url("assets/img/scaffolding-services.jpg") 0 0 no-repeat;
}
body.scaffolding-services .service > div:not(.image) {
	background: #f2c62f; /*ffcd21*/
	padding: 40px 20px 0 20px;
}
body.scaffolding-services .service > div:not(.image):after {
	top: 50%;
	border: 20px solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-top: -20px;
}
body.scaffolding-services .services > .row:nth-child(2n+1) .service .image {
	float: right;
}
body.scaffolding-services .services > .row:nth-child(2n+1) .service > div:not(.image) {
	float: left;
}
body.scaffolding-services .services > .row:nth-child(2n+1) .service > div:not(.image):after {
	left: 100%;
	border-left-color: #f2c62f;
}
body.scaffolding-services .services > .row:nth-child(2n) .service .image {
	float: left;
}
body.scaffolding-services .services > .row:nth-child(2n) .service > div:not(.image) {
	float: right;
}
body.scaffolding-services .services > .row:nth-child(2n) .service > div:not(.image):after {
	right: 100%;
	border-right-color: #f2c62f;
}
body.scaffolding-services .services .chimney-scaffold .image {
	background-position: 0 top;
}
body.scaffolding-services .services .access-platforms .image {
	background-position: -277px top;
}
body.scaffolding-services .services .temporary-structures .image {
	background-position: -554px top;
}
body.scaffolding-services .services .construction-scaffolding .image {
	background-position: -831px top;
}
body.scaffolding-services .services .independent-scaffolding .image {
	background-position: -1108px top;
}
body.scaffolding-services .services .scaffolding-erectors .image {
	background-position: -1385px top;
}
body.scaffolding-services .services .chimney-scaffold:hover .image {
	background-position: 0 bottom;
}
body.scaffolding-services .services .access-platforms:hover .image {
	background-position: -277px bottom;
}
body.scaffolding-services .services .temporary-structures:hover .image {
	background-position: -554px bottom;
}
body.scaffolding-services .services .construction-scaffolding:hover .image {
	background-position: -831px bottom;
}
body.scaffolding-services .services .independent-scaffolding:hover .image {
	background-position: -1108px bottom;
}
body.scaffolding-services .services .scaffolding-erectors:hover .image {
	background-position: -1385px bottom;
}
@media only screen and (max-width: 1199px) {
	body.scaffolding-services .services > .row > div:nth-child(2n+1) .service  {
		border: transparent;
	}
	body.scaffolding-services .services > .row > div:nth-child(2n) .service  {
		border: transparent;
	}
	body.scaffolding-services .services > .row > div:nth-child(2n+1) .service {
		background-position: right center;
	}
	body.scaffolding-services .services > .row > div:nth-child(2n+1) .service > .image {
		float: right;
	}
	body.scaffolding-services .services > .row > div:nth-child(2n+1) .service > div:not(.image) {
		float: left;
	}
	body.scaffolding-services .services > .row > div:nth-child(2n+1) .service > div:not(.image):after {
		right: auto;
		border-right-color: transparent;
		left: 100%;
		border-left-color: #f2c62f;
	}
	body.scaffolding-services .services > .row > div:nth-child(2n) .service {
		background-position: left center;
	}
	body.scaffolding-services .services > .row > div:nth-child(2n) .service > .image {
		float: left;
	}
	body.scaffolding-services .services > .row > div:nth-child(2n) .service > div:not(.image) {
		float: right;
	}
	body.scaffolding-services .services > .row > div:nth-child(2n) .service > div:not(.image):after {
		left: auto;
		border-left-color: transparent;
		right: 100%;
		border-right-color: #f2c62f;
	}
}
@media only screen and (max-width: 590px) {
	body.scaffolding-services .service {
		width: 277px;
	}
	body.scaffolding-services .service .image {
		clear: both;
		position: absolute;
		top: 0;
		left: 0;
	}
	body.scaffolding-services .service > div:not(.image) {
		margin: 0 auto;
		background: rgba(242, 198, 7, 0.9);
	}
	body.scaffolding-services .service > div:not(.image):after {
		border: none;
	}
	body.scaffolding-services .services .chimney-scaffold:hover .image {
		background-position: 0 top;
	}
	body.scaffolding-services .services .access-platforms:hover .image {
		background-position: -289px top;
	}
	body.scaffolding-services .services .temporary-structures:hover .image {
		background-position: -566px top;
	}
	body.scaffolding-services .services .construction-scaffolding:hover .image {
		background-position: -855px top;
	}
	body.scaffolding-services .services .independent-scaffolding:hover .image {
		background-position: -1144px top;
	}
	body.scaffolding-services .services .scaffolding-erectors:hover .image {
		background-position: -1430px top;
	}
}
/*****************************/
/* END: SCAFFOLDING SERVICES */
/*****************************/

/************************************************/
/* SCAFFOLDING HIRE, SCAFFOLDERS, COVERED AREAS */
/************************************************/
body.scaffolding-place-list #main-section {
	background: #fff;
	padding-bottom: 50px;
}
body.scaffolding-place-list .fancy-container .image {
	background-image: url("assets/img/places-containers.jpg");
}
/*****************************************************/
/* END: SCAFFOLDING HIRE, SCAFFOLDERS, COVERED AREAS */
/*****************************************************/

/************/
/* ABOUT US */
/************/
body.about-us #main-section {
	padding-bottom: 50px;
	background: #fff;
}
body.about-us .fancy-container .image {
	background-image: url("assets/img/about-us-containers.jpg");
}
/*****************/
/* END: ABOUT US */
/*****************/

/*************************/
/* ABOUT US: DETAIL PAGE */
/*************************/
body.about-us-detail #main-section, body.testimonials #main-section {
	padding-bottom: 50px;
	background: #fff;
}

/*** MARKET LEADERS ***/
/*** END: MARKET LEADERS ***/

/*** TESTIMONIALS ***/
body.testimonials #main-section #testimonials-container {
	padding-top: 10px;
	padding-bottom: 10px;
}
/*** END: TESTIMONIALS ***/

/*** TRADE REVIEW ***/
body.about-us-detail #magazine h2 {
	margin: 30px 0;
	font-size: 30px;
}
body.about-us-detail #magazine p {
	font-size: 15px;
	text-align: justify;
}
body.about-us-detail #magazine-image-container {
	/*float: right;*/
	background: #f2c62f;
	margin: 30px 0 0 20px;
	padding: 100px 40px 100px;
}
body.about-us-detail #magazine-image-container img {
	width: 100%;
	max-width: 351px;
	display: block;
	margin: 0 auto;
}
body.about-us-detail #magazine-image-container h3 {
	text-align: center;
	margin: 0 0 50px;
	font-size: 28px;
}
@media only screen and (max-width: 991px) {
	body.about-us-detail #magazine-image-container {
		margin: 0;
		background: none;
		padding: 20px 0 30px;
	}
	body.about-us-detail #magazine-image-container h3 {
		margin: 30px 0;
	}
}
/*** END: TRADE REVIEW ***/
/******************************/
/* END: ABOUT US: DETAIL PAGE */
/******************************/

/***********/
/* CONTACT */
/***********/
body.contact #main-section {
	/*padding-bottom: 50px;*/
	background: #fff;
	overflow: hidden;
}
body.contact #main-section button {
	margin: 24px 0 20px;
	height: 46px;
}
body.contact #operator {
	background: url("assets/img/contact-operator.png") right top no-repeat;
	width: 415px;
	height: 411px;
	margin-top: -10px;
	margin-left: 20px;
}
body.contact .ribbon .content {
	width: 3500px;
	min-height: 110px;
	background: #f2c62f;
	padding-left: 30px;
	padding-top: 16px;
}
body.contact #main-section .ribbon p {
	text-align: justify;
	padding: 0;
	font-size: 20px;
	margin: 0;
}
body.contact .fa-circle.fa-stack-2x {
	color: #f2c62f;
}
body.contact #main-section .ribbon a {
	color: #000;
}
body.contact #main-section textarea {
	height: 136px;
}
@media only screen and (max-width: 910px) {
	body.contact .ribbon .content {
		padding-left: 20px;
		padding-top: 26px;
	}
	body.contact #main-section .ribbon p {
		font-size: 16px;
	}
}
@media only screen and (max-width: 767px) {
	body.contact #operator {
		display: none;
	}
	body.contact #main-section .ribbon p {
		font-size: 20px;
		text-align: center;
		margin: 0 0 10px;
	}
	body.contact #main-section .ribbon .content {
		width: 100%;
		background: none;
		padding: 0;
	}
}
/****************/
/* END: CONTACT */
/****************/

/*****************************/
/* SCAFFOLD HIRE: PLACE PAGE */
/* SCAFFOLDERS: PLACE PAGE   */
/* SCAFFOLDING: PLACE PAGE   */
/*****************************/
body.scaffolding-place #main-section {
	background: #fff;
	overflow: hidden;
	padding-bottom: 40px
}
body.scaffolding-place:not(.surrey):not(.kent) #main-section .secondary-info {
	margin: 0;
	padding: 50px 0;
}
body.scaffolding-place #main-section a {
	text-decoration: underline;
	font-weight: 700;
	color: #000;
}
body.scaffolding-place #place-detail {
	height: 266px;
	min-height: 266px;
	font-size: 15px;
	color: #fff;
	background: center bottom no-repeat #554715;
	background-size: cover;
	text-align: justify;
}
body.scaffolding-place #place-detail div {
	height: 100%;
}
body.scaffolding-place #place-detail .center-parent {
	display: table;
}
body.scaffolding-place #place-detail .content {
	padding: 20px 0;
	display: table-cell;
	vertical-align: middle;
}
body.scaffolding-place #place-detail a {
	color: #f2c62f;
}
body.scaffolding-place.london #place-detail {
	background-image: url("assets/img/place-london.jpg");
}
body.scaffolding-place.kent #place-detail {
	background-image: url("assets/img/place-kent.jpg");
}
body.scaffolding-place.surrey #place-detail {
	background-image: url("assets/img/place-surrey.jpg");
}
body.scaffolding-place.sussex #place-detail {
	background-image: url("assets/img/place-sussex.jpg");
}
body.scaffolding-place #bubbles-container {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: #e9e9e9 1px solid;
}
/**********************************/
/* END: SCAFFOLD HIRE: PLACE PAGE */
/* END: SCAFFOLDERS: PLACE PAGE   */
/* END: SCAFFOLDING: PLACE PAGE   */
/**********************************/


/************/
/* PROJECTS */
/************/
body.projects #main-section {
	padding-bottom: 50px;
	background: #fff;
}
body.projects .projects p {
	text-align: justify;
	font-size: 15px;
}
body.projects .projects h2 {
	font-size: 30px;
	margin: 0 0 30px 0;
}
body.projects .project {
	overflow: auto;
	padding-bottom: 50px;
	padding-top: 40px;
	border-bottom: 1px solid #e9e9e9;
}
body.projects .row:last-child .project {
	border: none;
}
body.projects .projects img {
	border: 1px solid #000;
}
body.projects .projects .row:nth-child(2n+1) img {
	float: right;
	margin: 0 0 0 10px;
}
body.projects .projects .row:nth-child(2n) img {
	float: left;
	margin: 0 10px 0 0;
}
@media only screen and (max-width: 767px) {
	body.projects .projects img {
		max-width: 220px;
	}
}
@media only screen and (max-width: 479px) {
	body.projects .projects img {
		max-width: 150px;
	}
}
/*****************/
/* END: PROJECTS */
/*****************/

/**************************************/
/* SCAFFOLDING SERVICES: SERVICE PAGE */
/**************************************/
body.scaffolding-service #main-section {
	padding-bottom: 50px;
	background: #fff;
}
body.scaffolding-service .service {
	font-size: 15px;
	padding-top: 50px;
	padding-bottom: 10px;
	text-align: justify;
	overflow: auto;
}
body.scaffolding-service .service img {
	float: right;
	border: 1px solid #000;
	margin: 0 0 0 10px;
}
@media only screen and (max-width: 767px) {
	body.scaffolding-service .service img {
		max-width: 220px;
	}
}
@media only screen and (max-width: 479px) {
	body.scaffolding-service .service img {
		max-width: 150px;
	}
}
/*******************************************/
/* END: SCAFFOLDING SERVICES: SERVICE PAGE */
/*******************************************/

/*******/
/* 404 */
/*******/
body.error404 #main-section {
	padding-bottom: 50px;
	background: #fff;
}
body.error404 .section-info {
	border-bottom: none;
}
/************/
/* END: 404 */
/************/

/*****************************/
/* CUSTOMIZATION FOR PLUGINS */
/*****************************/
.fancybox-skin {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.fancybox-title {
	font-family: "Titillium Web", sans-serif;
	font-size: 15px;
	font-weight: 600;
}
div.wpcf7-response-output {
	margin: 0 0 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
div.wpcf7-validation-errors {
	border-color: #f2c62f;
}
/**********************************/
/* END: CUSTOMIZATION FOR PLUGINS */
/**********************************/