#rl-privacy-decline,
#rl-privacy-accept {
  width: initial;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

.questions h3::before {
    font-family: "FontAwesome"; font-weight: 900; content: "\f059"; color:#1862a3; margin-right:5px;
}

body {
	line-height: 1
}

ol, ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.offer-1-short {
	position: relative;
	width: 170px;
	height: 65px
}

.offer-1-short p {
	text-transform: uppercase;
	color: #fff;
	font-weight: 700
}

.offer-1-short p span {
	font: inherit;
	position: absolute
}

.offer-1-short p span.offer-1 {
	font-style: italic;
	top: 0;
	left: 0
}

.offer-1-short p span.offer-2 {
	font-size: 85px;
	top: -2px;
	left: 40px;
	line-height: 65px
}

.offer-1-short p span.offer-3 {
	left: 135px;
	top: -7px;
	font-size: 36px
}

.offer-1-short p span.offer-4 {
	left: 137px;
	top: 40px;
	font-size: 16px
}

.offer-1-header-box {
	position: absolute;
	top: 15px;
	left: 15px;
	background: #1862a3;
	border: 1px dashed #fff;
	-webkit-box-shadow: 0px 0px 0px 5px #1862a3;
	-moz-box-shadow: 0px 0px 0px 5px #1862a3;
	-ms-box-shadow: 0px 0px 0px 5px #1862a3;
	-o-box-shadow: 0px 0px 0px 5px #1862a3;
	box-shadow: 0px 0px 0px 5px #1862a3;
	padding: 8px 8px;
	z-index: 1;
	text-align: center;
	height: 87px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:1150px) {
	.offer-1-header-box {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9)
	}

}

@media only screen and (max-width:720px) {
	.offer-1-header-box {
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
		top: 0px;
		left: -15px;
		opacity: 0.85
	}

}

.offer-1-header-box:hover {
	background: #1a6ab0;
	-webkit-box-shadow: 0px 0px 0px 5px #1a6ab0;
	-moz-box-shadow: 0px 0px 0px 5px #1a6ab0;
	-ms-box-shadow: 0px 0px 0px 5px #1a6ab0;
	-o-box-shadow: 0px 0px 0px 5px #1a6ab0;
	box-shadow: 0px 0px 0px 5px #1a6ab0
}

.offer-1-header-box:before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	-webkit-box-shadow: 0px 0px 20px -5px black;
	-moz-box-shadow: 0px 0px 20px -5px black;
	-ms-box-shadow: 0px 0px 20px -5px black;
	-o-box-shadow: 0px 0px 20px -5px black;
	box-shadow: 0px 0px 20px -5px black
}

.offer-1-header-box .season {
	color: #f88c40;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	line-height: 1
}

.offer-1-header-box .offer-1-short {
	margin-top: -4px;
	-webkit-transform: scale(0.65);
	-moz-transform: scale(0.65);
	-ms-transform: scale(0.65);
	-o-transform: scale(0.65);
	transform: scale(0.65)
}

.offer-2-short {
	position: relative;
	width: 262px;
	height: 102px
}

.offer-2-short p {
	text-transform: uppercase;
	color: #fff;
	font-weight: 700
}

.offer-2-short p span {
	font: inherit;
	position: absolute;
	font-size: 29px;
	top: 0;
	left: 0;
	line-height: 1
}

.offer-2-short p span.offer-2 {
	top: 35px;
	font-size: 30px
}

.offer-2-short p span.offer-3 {
	top: 70px;
	font-size: 36px
}

.offer-2-short p span.offer-3 b {
	font-size: 20px;
	position: relative;
	top: -9px
}

.fixed-small-cta {
	width: 172px;
	height: 84px;
	position: relative;
	text-align: center
}

.fixed-small-cta span {
	position: absolute;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase
}

.fixed-small-cta span.offer-1 {
	font-size: 80px;
	top: 0px;
	left: 0;
	line-height: 56px
}

.fixed-small-cta span.offer-2 {
	top: 0;
	left: 50px;
	font-size: 27px
}

.fixed-small-cta span.offer-3 {
	top: 30px;
	left: 50px;
	font-size: 27px
}

.fixed-small-cta span.offer-4 {
	bottom: 0;
	left: 3px;
	width: 100%;
	font-size: 16px;
	font-weight: 400
}

.fixed-cta {
	position: fixed;
	top: 50%;
	right: 0;
	pointer-events: none;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 5
}

@media only screen and (max-width:1750px) {
	.fixed-cta {
		bottom: 57px;
		top: auto;
		top: initial;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none
	}

}

@media only screen and (max-width:600px) {
	.fixed-cta {
		width: 100%;
		left: 0;
		right: 0;
		bottom: 69px
	}

}

.fixed-cta > div {
	pointer-events: all;
	-webkit-transform: translateX(165px);
	-moz-transform: translateX(165px);
	-ms-transform: translateX(165px);
	-o-transform: translateX(165px);
	transform: translateX(165px);
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:1750px) {
	.fixed-cta > div {
		display: inline-block;
		margin: 0 10px;
		-webkit-transform: translateY(165px);
		-moz-transform: translateY(165px);
		-ms-transform: translateY(165px);
		-o-transform: translateY(165px);
		transform: translateY(165px)
	}

}

.fixed-cta > div.slide {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

@media only screen and (max-width:1750px) {
	.fixed-cta > div.slide {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

}

.fixed-cta > div.slide.hide {
	-webkit-transform: translateX(165px);
	-moz-transform: translateX(165px);
	-ms-transform: translateX(165px);
	-o-transform: translateX(165px);
	transform: translateX(165px)
}

@media only screen and (max-width:1750px) {
	.fixed-cta > div.slide.hide {
		-webkit-transform: translateY(165px);
		-moz-transform: translateY(165px);
		-ms-transform: translateY(165px);
		-o-transform: translateY(165px);
		transform: translateY(165px)
	}

}

.fixed-cta > div.hidden {
	display: none !important
}

.fixed-cta .small {
	position: relative
}

@media only screen and (max-width:600px) {
	.fixed-cta .small {
		display: none
	}

}

.fixed-cta .small ~ .large {
	-webkit-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	transition-delay: 0.15s
}

.fixed-cta .small .close {
	position: absolute;
	top: 0;
	right: 0;
	color: rgba(255, 255, 255, 0.7);
	padding: 6px;
	z-index: 1;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.fixed-cta .small .close:hover {
	color: #fff
}

.fixed-cta .small a {
	background: #f77d27;
	position: relative;
	display: block;
	width: 150px;
	height: 90px;
	-webkit-box-shadow: 0px 0px 20px -5px black;
	-moz-box-shadow: 0px 0px 20px -5px black;
	-ms-box-shadow: 0px 0px 20px -5px black;
	-o-box-shadow: 0px 0px 20px -5px black;
	box-shadow: 0px 0px 20px -5px black
}

.fixed-cta .small a:hover {
	background: #f88636
}

.fixed-cta .small a p {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.75);
	-moz-transform: translate(-50%, -50%) scale(0.75);
	-ms-transform: translate(-50%, -50%) scale(0.75);
	-o-transform: translate(-50%, -50%) scale(0.75);
	transform: translate(-50%, -50%) scale(0.75)
}

.fixed-cta .large {
	position: relative;
	margin-top: 15px
}

@media only screen and (max-width:600px) {
	.fixed-cta .large {
		width: 100%;
		margin: 0
	}

}

.fixed-cta .large .close {
	position: absolute;
	top: 0;
	left: 0;
	color: rgba(0, 0, 0, 0.15);
	padding: 6px;
	z-index: 1;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:1750px) {
	.fixed-cta .large .close {
		left: initial;
		right: 0;
		color: rgba(255, 255, 255, 0.7)
	}

}

@media only screen and (max-width:600px) {
	.fixed-cta .large .close {
		padding: 6px 10px;
		line-height: 27px
	}

}

.fixed-cta .large .close:hover {
	color: rgba(0, 0, 0, 0.35)
}

@media only screen and (max-width:1750px) {
	.fixed-cta .large .close:hover {
		color: #fff
	}

}

.fixed-cta .large a {
	width: 160px;
	height: 210px;
	display: block;
	position: relative;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0px 0px 20px -5px black;
	-moz-box-shadow: 0px 0px 20px -5px black;
	-ms-box-shadow: 0px 0px 20px -5px black;
	-o-box-shadow: 0px 0px 20px -5px black;
	box-shadow: 0px 0px 20px -5px black;
	text-align: center;
}

@media only screen and (max-width:1750px) {
	.fixed-cta .large a {
		background: #1862a3 !important;
		height: 90px
	}

}

@media only screen and (max-width:600px) {
	.fixed-cta .large a {
		width: 100%;
		height: 40px
	}

}

.fixed-cta .large a p {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	color: #fff;
	font-size: 22px;
	line-height: 1.2
}

@media only screen and (max-width:1750px) {
	.fixed-cta .large a p {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8)
	}

}

@media only screen and (max-width:600px) {
	.fixed-cta .large a p {
		text-transform: uppercase;
		font-size: 20px;
		text-align: center
	}

}

@media only screen and (max-width:600px) {
	.fixed-cta .large a p {
		bottom: 7px
	}

}

.fixed-cta .large a p b {
	display: block;
	width: 100%;
	text-transform: uppercase;
	font-size: 37px
}

@media only screen and (max-width:600px) {
	.fixed-cta .large a p b {
		display: inline-block;
		width: auto;
		font-size: 20px
	}

}

/* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top
}

.fancybox-wrap {
	position: fixed !important;
	top: 50% !important;
	left: 50% !important;
	z-index: 8020;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	padding: 0px !important;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.fancybox-opened {
	z-index: 8030
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer, .fancybox-inner {
	position: relative
}

.fancybox-inner {
	overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading {
	position: fixed
}

.fancybox-close {
	position: absolute;
	cursor: pointer;
	z-index: 8040;
	top: 0;
	right: 0
}

.fancybox-close:before {
	content: '\f00d';
	font-family: 'FontAwesome';
	display: block;
	font-size: 18px;
	color: #fff;
	background: rgba(0, 0, 0, 0.45);
	cursor: pointer;
	text-align: center;
	width: 40px;
	line-height: 40px
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 8040
}

.fancybox-prev {
	left: 0
}

.fancybox-next {
	right: 0
}

.fancybox-next.fancybox-nav span:before {
	content: '\f105'
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 8040;
	width: auto;
	visibility: hidden
}

@media only screen and (max-width:1024px) {
	.fancybox-nav span {
		visibility: visible
	}

}

.fancybox-nav span:before {
	content: '\f104';
	font-family: 'FontAwesome';
	color: #fff;
	font-size: 50px
}

.fancybox-prev span {
	left: 15px
}

.fancybox-next span {
	right: 15px
}

.fancybox-nav:hover span {
	visibility: visible
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important
}

.fancybox-lock {
	overflow: hidden !important;
	width: auto
}

.fancybox-lock body {
	overflow: hidden !important
}

.fancybox-lock-test {
	overflow-y: hidden !important
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgba(0, 0, 0, 0.7)
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll
}

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050
}

.fancybox-opened .fancybox-title {
	visibility: visible
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff
}

.fancybox-title-inside-wrap {
	padding-top: 10px
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8)
}

header.main-header {
	/*top: 50px;*/
	margin-bottom: 50px
}

.Covid-19 {
	width: 100%;
	padding: 0 2em;
	height: 50px;
	background-color: red;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.Covid-19 p {
	color: white
}

@media (max-width:840px) {
	header.main-header {
		/* top: 80px; */
		margin-bottom: 80px
	}

	.Covid-19 {
		width: 100%;
		padding: 0 2em;
		height: 80px;
		background-color: red;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center
	}

}

@media (max-width:590px) {
	header.main-header {
		/* top: 100px; */
		margin-bottom: 100px
	}

	.Covid-19 {
		width: 100%;
		padding: 0 2em;
		height: 100px;
		background-color: red;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center
	}

}

@media (max-width:460px) {
	header.main-header {
		/* top: 150px; */
		margin-bottom: 150px
	}

	.Covid-19 {
		width: 100%;
		padding: 0 2em;
		height: 150px;
		background-color: red;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center
	}

}

@media (max-width:328px) {
	header.main-header {
		/* top: 200px; */
		margin-bottom: 200px
	}

	.Covid-19 {
		width: 100%;
		padding: 0 2em;
		height: 200px;
		background-color: red;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center
	}

}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
	text-rendering: optimizeSpeed;
	-webkit-text-size-adjust: 100%
}

::-webkit-scrollbar {
	display: none
}

html {
	-ms-overflow-style: -ms-autohiding-scrollbar
}

body {
	background: #fff;
	overflow-x: hidden
}

@media only screen and (max-width:960px) {
	body.locked {
		overflow-y: hidden
	}

}

.post-edit-link {
	position: fixed;
	bottom: 20px;
	left: 20px;
	text-transform: uppercase;
	color: #fff;
	background: #f77d27;
	padding: 10px 15px;
	z-index: 41
}

.td {
	display: table-cell
}

.table {
	display: table
}

.vt {
	vertical-align: top
}

.vm {
	vertical-align: middle
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
	max-width: 450px;
	max-height: 450px;
	height: auto
}

@media only screen and (max-width:1150px) {
	.alignleft {
		max-width: 350px;
		max-height: 350px
	}

}

@media only screen and (max-width:850px) {
	.alignleft {
		float: none;
		display: block;
		margin: 20px auto;
		max-width: 450px;
		max-height: 350px
	}

}

@media only screen and (max-width:560px) {
	.alignleft {
		max-width: 100%
	}

}

.alignright {
	float: right;
	margin: 0 0 20px 20px;
	max-width: 450px;
	max-height: 450px;
	height: auto;
	clear: right
}

@media only screen and (max-width:1150px) {
	.alignright {
		max-width: 350px;
		max-height: 350px
	}

}

@media only screen and (max-width:850px) {
	.alignright {
		float: none;
		display: block;
		margin: 20px auto;
		max-width: 450px;
		max-height: 350px
	}

}

@media only screen and (max-width:560px) {
	.alignright {
		max-width: 100%
	}

}

.aligncenter {
	display: block;
	margin: 20px auto;
	max-width: 960px;
	height: auto;
	max-height: 600px
}

@media only screen and (max-width:1050px) {
	.aligncenter {
		max-width: 100%
	}

}

.aligncenter.fullwidth {
	max-width: 100%
}

img {
	width: initial;
	width: auto;
	max-width: 100%
}

.container {
	max-width: 1520px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden
}

@media only screen and (max-width:1640px) {
	.container {
		max-width: 100%;
		padding: 0 60px;
	}

}

@media only screen and (max-width:1350px) {
	.container {
		padding: 0 30px
	}

}

@media only screen and (max-width:960px) {
	.container {
		padding: 0 15px
	}

}

b, strong {
	font-weight: 700;
	color: inherit
}

a {
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

h1, h2, h3 {
	text-transform: uppercase;
	font-weight: 700
}

h1 {
	font-size: 21px;
	margin-bottom: 20px;
	line-height: 1.4;
	color: #0055a0
}

@media only screen and (max-width:960px) {
	h1 {
		font-size: 18px
	}

}

h2 {
	font-size: 22px;
	line-height: 1.4
}

@media only screen and (max-width:960px) {
	h2 {
		font-size: 18px
	}

}

h2 ~ p, h2 ~ ul {
	margin-top: 20px
}

h3 {
	color: #1862a3;
	font-size: 18px;
	line-height: 1.4
}

h4 {
	color: #1862a3;
	font-size: 16px;
	line-height: 1.4
}

@media only screen and (max-width:960px) {
	h3 {
		font-size: 16px
	}
	
	h4 {
		font-size: 15px
	}

}

h3 ~ p, h3 ~ ul {
	margin-top: 20px
}

p, li {
	font-size: 15px;
	line-height: 1.5;
	color: #4f4f4f
}

@media only screen and (max-width:960px) {
	p, li {
		font-size: 14px
	}

}

p ~ p, li ~ p {
	margin-top: 20px
}

p ~ h2, li ~ h2 {
	margin-top: 30px
}

p ~ h3, li ~ h3 {
	margin-top: 30px
}

p ~ h4, li ~ h4 {
	margin-top: 30px
}

p a, li a {
	color: #f77d27
}

p a:hover, li a:hover {
	color: #f88c40
}

ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px
}

ul ~ p, li ~ p {
	margin-top: 20px
}

ul ~ h2, li ~ h2 {
	margin-top: 30px
}

ul ~ h3, li ~ h3 {
	margin-top: 30px
}

ul ~ h4, li ~ h4 {
	margin-top: 30px
}

a.button {
	font-weight: 700;
	color: #fff;
	padding: 20px 25px;
	display: inline-block;
	text-transform: uppercase;
	width: 310px;
	text-align: center
}

@media only screen and (max-width:520px) {
	a.button {
		width: 100%;
		float: none
	}

}

a.button .fa {
	margin-left: 5px
}

a.button.orange {
	background: #f77d27
}

a.button.orange:hover {
	background: #f88636
}

a.button.blue {
	background: #1862a3
}

a.button.blue:hover {
	background: #1a6ab0
}

a.button.red {
	background: #9f2827
}

a.button.red:hover {
	background: #ab2b2a
}

a.button.white {
	background: #fff;
	color: #f77d27;
}

a.button.white:hover {
	background: #f77d27;
	color: #fff
}

.dual-buttons {
	overflow: hidden
}

@media only screen and (max-width:600px) {
	.dual-buttons a {
		width: calc(50% - 10px);
		float: right
	}

}

@media only screen and (max-width:520px) {
	.dual-buttons a {
		width: 100%;
		float: none
	}

}

.dual-buttons a:first-of-type {
	margin-right: 15px
}

@media only screen and (max-width:600px) {
	.dual-buttons a:first-of-type {
		margin: 0;
		float: left
	}

}

@media only screen and (max-width:520px) {
	.dual-buttons a:first-of-type {
		margin-bottom: 15px;
		float: none
	}

}

.header-space {
	height: 110px;
	display: inline-block;
	width: 100%;
	margin-top: -3px
}

@media only screen and (max-width:960px) {
	.header-space {
		height: 75px
	}

}

@media only screen and (max-width:450px) {
	.header-space {
		height: 45px
	}

}

#ie .header-space {
	margin-top: -2px
}

.main-header {
	height: 110px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 20;
	-webkit-transition: transform 0.3s ease;
	-moz-transition: transform 0.3s ease;
	-ms-transition: transform 0.3s ease;
	-o-transition: transform 0.3s ease;
	transition: transform 0.3s ease
}

@media only screen and (max-width:960px) {
	.main-header {
		height: 75px;
		position: fixed;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		transition: 0.3s ease
	}

}

@media only screen and (max-width:450px) {
	.main-header {
		height: 45px
	}

}

.main-header.shorten {
	height: 70px;
	top: -70px;
	position: fixed
}

@media only screen and (max-width:960px) {
	.main-header.shorten {
		height: 45px;
		top: 0;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

}

.main-header.shorten .tall {
	line-height: 70px;
	height: 70px
}

@media only screen and (max-width:960px) {
	.main-header.shorten .tall {
		line-height: 45px;
		height: 45px
	}

}

.main-header.shorten .logo a, .main-header.shorten .cta a {
	line-height: 70px;
	height: 70px
}

@media only screen and (max-width:960px) {
	.main-header.shorten .logo a, .main-header.shorten .cta a {
		line-height: 45px;
		height: 45px
	}

}

.main-header.shorten .logo a img {
	width: 141px
}

@media only screen and (max-width:1300px) {
	.main-header.shorten .logo a img {
		width: 120px
	}

}

@media only screen and (max-width:960px) {
	.main-header.shorten .logo a img {
		width: 90px
	}

}

.main-header.shorten .cta a img {
	max-width: 86px
}

@media only screen and (max-width:1630px) {
	.main-header.shorten .cta a img {
		max-width: 77px
	}

}

@media only screen and (max-width:1300px) {
	.main-header.shorten .cta a img {
		max-width: 75px
	}

}

.main-header.shorten .contact {
	display: none
}

.main-header.shorten .mob-links .mob-button {
	line-height: 45px
}

.main-header.shorten.slide {
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
	-webkit-box-shadow: 0px 0px 20px -7px black;
	-moz-box-shadow: 0px 0px 20px -7px black;
	-ms-box-shadow: 0px 0px 20px -7px black;
	-o-box-shadow: 0px 0px 20px -7px black;
	box-shadow: 0px 0px 20px -7px black
}

@media only screen and (max-width:960px) {
	.main-header.shorten.slide {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

}

#ie .main-header.shorten.slide {
	-webkit-box-shadow: 0px 0px 20px -5px black;
	-moz-box-shadow: 0px 0px 20px -5px black;
	-ms-box-shadow: 0px 0px 20px -5px black;
	-o-box-shadow: 0px 0px 20px -5px black;
	box-shadow: 0px 0px 20px -5px black
}

.main-header .tall {
	line-height: 110px;
	height: 110px
}

@media only screen and (max-width:960px) {
	.main-header .tall {
		line-height: 75px;
		height: 75px
	}

}

@media only screen and (max-width:450px) {
	.main-header .tall {
		height: 45px;
		line-height: 45px
	}

}

.main-header .logo {
	width: 255px;
	float: left;
	border-right: 1px solid #ebebeb
}

@media only screen and (max-width:1630px) {
	.main-header .logo {
		width: 210px
	}

}

@media only screen and (max-width:1300px) {
	.main-header .logo {
		width: 170px
	}

}

@media only screen and (max-width:960px) {
	.main-header .logo {
		width: 170px;
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		transition: 0.3s ease
	}

}

@media only screen and (max-width:450px) {
	.main-header .logo {
		width: 130px
	}

}

.main-header .logo a {
	display: block;
	height: 110px;
	position: relative;
	overflow: hidden
}

@media only screen and (max-width:960px) {
	.main-header .logo a {
		height: 75px
	}

}

@media only screen and (max-width:450px) {
	.main-header .logo a {
		height: 45px
	}

}

.main-header .logo a img {
	position: absolute;
	width: 200px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media only screen and (max-width:1630px) {
	.main-header .logo a img {
		width: 164px
	}

}

@media only screen and (max-width:1300px) {
	.main-header .logo a img {
		width: 130px
	}

}

@media only screen and (max-width:960px) {
	.main-header .logo a img {
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		transition: 0.3s ease
	}

}

@media only screen and (max-width:450px) {
	.main-header .logo a img {
		width: 90px
	}

}

.main-header .trust {
	width: 200px;
	float: left;
	padding: 0 20px;
	border-right: 1px solid #ebebeb
}

@media only screen and (max-width:1630px) {
	.main-header .trust {
		width: 170px;
		padding: 0 15px
	}

}

@media only screen and (max-width:1475px) {
	.main-header .trust {
		display: none
	}

}

.main-header .trust p {
	line-height: 1.25;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	color: #f77d27;
	width: 100%;
	font-size: 18px
}

@media only screen and (max-width:1630px) {
	.main-header .trust p {
		font-size: 16px
	}

}

.main-header .trust p span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px
}

@media only screen and (max-width:1630px) {
	.main-header .trust p span {
		font-size: 14px
	}

}

.main-header .contact {
	width: calc(100% - 655px);
	float: left;
	height: 40px;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden
}

@media only screen and (max-width:1630px) {
	.main-header .contact {
		width: calc(100% - 530px)
	}

}

@media only screen and (max-width:1475px) {
	.main-header .contact {
		width: calc(100% - 360px)
	}

}

@media only screen and (max-width:1300px) {
	.main-header .contact {
		width: calc(100% - 300px)
	}

}

@media only screen and (max-width:1230px) {
	.main-header .contact {
		width: calc(100% - 170px)
	}

}

@media only screen and (max-width:960px) {
	.main-header .contact {
		display: none
	}

}

@media only screen and (max-width:1475px) {
	.main-header .contact .tagline {
		display: none
	}

}

.main-header .contact p {
	float: left;
	line-height: 40px;
	color: #1862a3;
	font-size: 14px;
	padding: 0 15px;
	border-right: 1px solid #ebebeb;
	margin: 0;
	font-style: italic
}

@media only screen and (max-width:1725px) {
	.main-header .contact p {
		width: calc(100% - 228px);
		text-align: center
	}

}

@media only screen and (max-width:1510px) {
	.main-header .contact p {
		width: calc(100% - 228px)
	}

}

@media only screen and (max-width:1070px) {
	.main-header .contact p {
		width: 100%
	}

}

.main-header .contact p.call {
	color: #f77d27;
	font-style: normal;
	float: right
}

@media only screen and (max-width:1725px) {
	.main-header .contact p.call {
		width: 228px;
		text-align: center
	}

}

.main-header .contact .social {
	display: block;
	width: calc(100% - 976px);
	float: right;
	overflow: hidden
}

@media only screen and (max-width:1510px) {
	.main-header .contact .social {
		width: 150px
	}

}

@media only screen and (max-width:1070px) {
	.main-header .contact .social {
		display: none
	}

}

#ie .main-header .contact .social {
	width: calc(100% - 978px)
}

@media only screen and (max-width:1510px) {
	#ie .main-header .contact .social {
		width: 150px
	}

}

.main-header .contact .social a {
	width: 25%;
	float: left;
	line-height: 40px;
	text-align: center;
	color: #c2c2c2;
	border-right: 1px solid #ebebeb;
	font-size: 18px
}

@media only screen and (max-width:1770px) {
	.main-header .contact .social a {
		width: 33.333%
	}

}

@media only screen and (max-width:1725px) {
	.main-header .contact .social a {
		display: none
	}

}

@media only screen and (max-width:1510px) {
	.main-header .contact .social a {
		display: block;
		width: 25%
	}

}

.main-header .contact .social a:last-of-type {
	border: none
}

@media only screen and (max-width:1770px) {
	.main-header .contact .social a:last-of-type {
		display: none
	}

}

@media only screen and (max-width:1510px) {
	.main-header .contact .social a:last-of-type {
		display: block
	}

}

.main-header .contact .social a:hover {
	color: #f77d27
}

.main-header .cta {
	float: right;
	width: 200px
}

@media only screen and (max-width:1630px) {
	.main-header .cta {
		width: 150px
	}

}

@media only screen and (max-width:1300px) {
	.main-header .cta {
		width: 130px
	}

}

@media only screen and (max-width:1230px) {
	.main-header .cta {
		display: none
	}

}

.main-header .cta a {
	display: block;
	width: 100%;
	background: #f77d27;
	padding: 0 30px;
	line-height: 110px;
	text-align: center
}

.main-header .cta a:hover {
	background: #f88636
}

.main-header .cta a img {
	vertical-align: middle;
	display: inline-block;
	max-width: 116px
}

@media only screen and (max-width:1630px) {
	.main-header .cta a img {
		max-width: 87px
	}

}

@media only screen and (max-width:1300px) {
	.main-header .cta a img {
		max-width: 77px
	}

}

.main-header .mob-links {
	display: none;
	text-align: right;
	width: auto;
	overflow: hidden
}

@media only screen and (max-width:960px) {
	.main-header .mob-links {
		display: block
	}

}

.main-header .mob-links .call {
	display: inline-block;
	color: #f77d27;
	font-style: normal;
	padding: 0 15px
}

@media only screen and (max-width:475px) {
	.main-header .mob-links .call {
		padding: 0 4px
	}

}

.main-header .mob-links .mob-button {
	width: 75px;
	line-height: 75px;
	display: inline-block;
	text-align: center;
	border-left: 1px solid #ebebeb;
	margin-left: -4px;
	cursor: pointer
}

@media only screen and (max-width:450px) {
	.main-header .mob-links .mob-button {
		width: 60px;
		line-height: 45px
	}

}

.main-header .mob-links .mob-button:hover .fa {
	color: #f77d27
}

.main-header .mob-links .mob-button .fa {
	color: #c2c2c2;
	font-size: 18px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:450px) {
	.main-header .mob-links .mob-button .fa {
		font-size: 15px
	}

}

.main-header .mob-links .mob-button a {
	display: block
}

.desk-menu {
	width: calc(100% - 655px);
	float: left;
	height: 70px;
	text-align: center
}

@media only screen and (max-width:1630px) {
	.desk-menu {
		width: calc(100% - 530px)
	}

}

@media only screen and (max-width:1475px) {
	.desk-menu {
		width: calc(100% - 360px)
	}

}

@media only screen and (max-width:1300px) {
	.desk-menu {
		width: calc(100% - 300px)
	}

}

@media only screen and (max-width:1230px) {
	.desk-menu {
		width: calc(100% - 170px)
	}

}

@media only screen and (max-width:960px) {
	.desk-menu {
		display: none
	}

}

.desk-menu li {
	display: inline-block;
	margin-left: -4px;
	position: relative
}

.desk-menu li:hover > a {
	-webkit-box-shadow: inset 0px -4px 0px 0px #f77d27;
	-moz-box-shadow: inset 0px -4px 0px 0px #f77d27;
	-ms-box-shadow: inset 0px -4px 0px 0px #f77d27;
	-o-box-shadow: inset 0px -4px 0px 0px #f77d27;
	box-shadow: inset 0px -4px 0px 0px #f77d27;
	color: #f77d27
}

.desk-menu li:hover .sub-menu {
	display: block
}

.desk-menu li a {
	color: #0055a0;
	line-height: 70px;
	padding: 0 20px;
	display: block
}

@media only screen and (max-width:1805px) {
	.desk-menu li a {
		padding: 0 15px
	}

}

@media only screen and (max-width:1720px) {
	.desk-menu li a {
		font-size: 14px
	}

}

@media only screen and (max-width:1680px) {
	.desk-menu li a {
		padding: 0 12px
	}

}

@media only screen and (max-width:1130px) {
	.desk-menu li a {
		font-size: 13px
	}

}

@media only screen and (max-width:1050px) {
	.desk-menu li a {
		padding: 0 11px
	}

}

@media only screen and (max-width:1030px) {
	.desk-menu li a {
		padding: 0 9px
	}

}

@media only screen and (max-width:980px) {
	.desk-menu li a {
		font-size: 12px
	}

}

.desk-menu li .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	width: 300px;
	background: #fff;
	-webkit-box-shadow: 0px 10px 20px -15px black;
	-moz-box-shadow: 0px 10px 20px -15px black;
	-ms-box-shadow: 0px 10px 20px -15px black;
	-o-box-shadow: 0px 10px 20px -15px black;
	box-shadow: 0px 10px 20px -15px black
}

.desk-menu li .sub-menu li {
	margin: 0;
	width: 100%;
	display: block;
	text-align: left
}

.desk-menu li .sub-menu li a {
	line-height: 40px;
	padding: 0 20px;
	color: #0055a0;
	border-top: 1px solid #ebebeb
}

.desk-menu li .sub-menu li a:hover {
	color: #f77d27;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none
}

.mob-menu {
	position: fixed;
	right: 0px;
	top: 75px;
	bottom: 0px;
	z-index: 10;
	background: #fff;
	width: 320px;
	overflow: scroll;
	-webkit-transform: translateX(320px);
	-moz-transform: translateX(320px);
	-ms-transform: translateX(320px);
	-o-transform: translateX(320px);
	transform: translateX(320px);
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:450px) {
	.mob-menu {
		top: 45px;
		width: 100%;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%)
	}

}

.mob-menu.shorten {
	top: 45px
}

@media only screen and (max-width:960px) {
	.mob-menu.active {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

}

.mob-menu li a {
	line-height: 40px;
	padding: 0 20px;
	color: #0055a0;
	border-top: 1px solid #ebebeb;
	width: 100%;
	display: block
}

.mob-menu li a:hover {
	color: #f77d27
}

.mob-menu li.menu-item-has-children .sub-menu:before {
	content: '\f067';
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
	top: -41px;
	line-height: 41px;
	width: 40px;
	color: rgba(79, 79, 79, 0.8);
	background: rgba(236, 236, 236, 0.3);
	text-align: center;
	cursor: pointer
}

.mob-menu li.menu-item-has-children.active .sub-menu:before {
	content: '\f068'
}

.mob-menu li .sub-menu {
	position: relative
}

.mob-menu li .sub-menu li {
	display: none
}

.mob-menu li .sub-menu li a {
	background: #fafafa
}

.menu-dark {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 8;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:960px) {
	.menu-dark.active {
		opacity: 1;
		visibility: visible
	}

}

.top-banner {
	width: 100%;
	height: 400px;
	overflow: hidden
}

@media only screen and (max-width:1350px) {
	.top-banner {
		height: 350px
	}

}

@media only screen and (max-width:1150px) {
	.top-banner {
		height: 275px
	}

}

@media only screen and (max-width:720px) {
	.top-banner {
		height: 200px
	}

}

@media only screen and (max-width:450px) {
	.top-banner {
		height: 150px
	}

}

@media only screen and (max-width:1150px) {
	.page-template-page-contact#ie .top-banner, .page-template-page-showroom#ie .top-banner {
		height: 350px
	}

}

@media only screen and (max-width:720px) {
	.page-template-page-contact#ie .top-banner, .page-template-page-showroom#ie .top-banner {
		height: 350px
	}

}

@media only screen and (max-width:600px) {
	.page-template-page-contact#ie .top-banner, .page-template-page-showroom#ie .top-banner {
		height: 200px
	}

}

@media only screen and (max-width:450px) {
	.page-template-page-contact#ie .top-banner, .page-template-page-showroom#ie .top-banner {
		height: 150px
	}

}

.top-banner .form {
	width: 475px;
	max-width: 475px;
	background: #f77d27;
	text-align: center;
	padding: 0 25px
}

@media only screen and (max-width:1350px) {
	.top-banner .form {
		width: 400px;
		max-width: 400px
	}

}

@media only screen and (max-width:1150px) {
	.top-banner .form {
		display: none
	}

}

.top-banner .form p {
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.2
}

@media only screen and (max-width:1350px) {
	.top-banner .form p {
		margin: 5px 0 10px;
		font-size: 14px
	}

}

.top-banner .form h2 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 5px
}

@media only screen and (max-width:1350px) {
	.top-banner .form h2 {
		margin: 0;
		font-size: 16px
	}

}

@media only screen and (max-width:1350px) {
	.top-banner .form .wpcf7 p {
		margin: 0
	}

}

.top-banner .form input {
	border: 0px
}

@media only screen and (max-width:1350px) {
	.top-banner .form input {
		font-size: 14px
	}

}

@media only screen and (max-width:1350px) {
	.top-banner .form input[type="submit"] {
		padding: 10px
	}

}

.top-banner .form textarea {
	border: 0px;
	height: 125px
}

@media only screen and (max-width:1350px) {
	.top-banner .form textarea {
		height: 100px
	}

}

.top-banner .form.contact-details {
	display: table-cell;
	text-align: left;
	padding: 0 75px
}

@media only screen and (max-width:1150px) {
	.top-banner .form.contact-details {
		display: table-cell;
		padding: 30px;
		width: 300px
	}

}

@media only screen and (max-width:600px) {
	.top-banner .form.contact-details {
		display: none
	}

}

.top-banner .form.contact-details h2 {
	text-transform: none;
	font-size: 22px;
	margin-bottom: 25px;
	color: #fff
}

.top-banner .slider {
	position: relative
}

.top-banner #map, .top-banner .map-con {
	border-bottom: 1px solid whitesmoke;
	height: 100%
}

#map {
	background-image:  url('img/majestic-map.jpg');
	background-size: cover;
	background-position: center;
}

#map iframe {
	width: 100%;
}

.top-banner #map .installations-tag, .top-banner .map-con .installations-tag {
	position: absolute;
	z-index: 1;
	background: #f77d27;
	border: 1px dashed #fff;
	-webkit-box-shadow: 0px 0px 0px 6px #f77d27;
	-moz-box-shadow: 0px 0px 0px 6px #f77d27;
	-ms-box-shadow: 0px 0px 0px 6px #f77d27;
	-o-box-shadow: 0px 0px 0px 6px #f77d27;
	box-shadow: 0px 0px 0px 6px #f77d27;
	top: 15px;
	right: 15px;
	padding: 10px 30px;
	width: 400px;
	text-align: center
}

@media only screen and (max-width:1000px) {
	.top-banner #map .installations-tag, .top-banner .map-con .installations-tag {
		display: none
	}

}

.top-banner #map .installations-tag:before, .top-banner .map-con .installations-tag:before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	-webkit-box-shadow: 0px 0px 20px -5px black;
	-moz-box-shadow: 0px 0px 20px -5px black;
	-ms-box-shadow: 0px 0px 20px -5px black;
	-o-box-shadow: 0px 0px 20px -5px black;
	box-shadow: 0px 0px 20px -5px black
}

.top-banner #map .installations-tag p, .top-banner .map-con .installations-tag p {
	margin: 0;
	color: #fff;
	text-transform: uppercase
}

@media only screen and (max-width:450px) {
	.top-banner #map .offer-1-header-box, .top-banner .map-con .offer-1-header-box {
		display: none
	}

}

.contact-details {
	text-align: left;
	width: 100%;
	padding: 15px;
	display: none;
	background: #f77d27
}

@media only screen and (max-width:600px) {
	.contact-details {
		display: block
	}

}

.contact-details h2 {
	text-transform: none;
	font-size: 22px;
	margin-bottom: 25px;
	color: #fff
}

.contact-details li {
	color: #fff
}

.contact-details li.space {
	height: 20px
}

.contact-details li.social .fa {
	margin: 0;
	font-size: 20px;
	padding-right: 10px
}

.contact-details li .fa {
	margin-right: 5px
}

.contact-details li a {
	color: #fff
}

.contact-details li a:hover {
	opacity: 0.8
}

.strip-banner {
	width: 100%;
	height: 1px;
	background: #ebebeb !important
}

.main-content {
	text-align: center;
	padding: 80px 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

@media only screen and (max-width:1350px) {
	.main-content {
		padding: 60px 0
	}

}

@media only screen and (max-width:720px) {
	.main-content {
		padding: 30px 0
	}

}

.error404 .main-content, .job_listing-template-default .main-content {
	border-top: 1px solid #ebebeb
}

.page-template-default .main-content, .page-template-page-case-study .main-content, .blog .main-content, .archive .main-content {
	background-color: #f8f8f8
}

.page-id-20 .main-content {
	background-color: #fff
}

.main-content .container {
	width: 980px;
	padding: 0px
}

@media only screen and (max-width:1040px) {
	.main-content .container {
		width: 100%;
		padding: 0 30px
	}

}

@media only screen and (max-width:960px) {
	.main-content .container {
		padding: 0 15px
	}

}

.main-content .dual-buttons {
	margin-top: 30px
}

.main-content .large-form {
	margin-top: 30px
}

.archive .main-content h1 {
	margin: 0
}

@media only screen and (max-width:1150px) {
	.strip-banner ~ .standard-content {
		padding: 30px 0
	}

}

.standard-content {
	padding: 80px 0
}

@media only screen and (max-width:1350px) {
	.standard-content {
		padding: 60px 0
	}

}

@media only screen and (max-width:720px) {
	.standard-content {
		padding: 30px 0
	}

}

.post-template-default .standard-content {
	padding: 50px 0
}

@media only screen and (max-width:720px) {
	.post-template-default .standard-content {
		padding: 30px 0
	}

}

.error404 .standard-content, .job_listing-template-default .standard-content, .single-post .standard-content {
	border-top: 1px solid #ebebeb
}

.standard-content .container {
	width: 1300px
}

.standard-content h1 {
	font-size: 28px;
	color: #1862a3;
	margin-bottom: 20px
}

@media only screen and (max-width:1300px) {
	.standard-content h1 {
		font-size: 26px
	}

}

@media only screen and (max-width:1150px) {
	.standard-content h1 {
		font-size: 22px
	}

}

@media only screen and (max-width:960px) {
	.standard-content h1 {
		font-size: 18px
	}

}

.standard-content h2 {
	font-size: 20px;
	color: #1862a3
}

@media only screen and (max-width:960px) {
	.standard-content h2 {
		font-size: 18px
	}

}

.page-id-22 .standard-content h2 {
	clear: both
}

.standard-content p a {
	color: #f77d27
}

.standard-content p a:hover {
	color: #f88636
}

.standard-content li {
	position: relative;
	padding-left: 16px
}

.standard-content li:before {
	content: '\f111';
	font-family: 'FontAwesome';
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 7px;
	color: #1862a3
}

.standard-content .split-list {
	overflow: hidden
}

.standard-content .split-list li {
	padding-left: 16px;
	position: relative;
	width: 33.333%;
	float: left;
	margin-bottom: 15px
}

@media only screen and (max-width:800px) {
	.standard-content .split-list li {
		width: 50%
	}

}

@media only screen and (max-width:520px) {
	.standard-content .split-list li {
		width: 100%;
		float: none
	}

}

.standard-content .meta {
	display: inline-block;
	width: 100%;
	margin-bottom: 25px
}

.standard-content .meta p, .standard-content .meta span, .standard-content .meta a {
	display: inline-block;
	margin: 0px;
	color: #4f4f4f
}

.standard-content .meta p .fa, .standard-content .meta span .fa, .standard-content .meta a .fa {
	color: #1862a3;
	margin-right: 5px
}

.standard-content .meta span {
	margin: 0px 8px
}

.installer-block {
	margin-top: 25px
}

.installer-block .image {
	background-image: url(/wp-content/uploads/2017/11/conservatory-roof-glazing-installation.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 55%
}

@media only screen and (max-width:960px) {
	.installer-block .image {
		width: 100%;
		display: block;
		height: 300px
	}

}

@media only screen and (max-width:550px) {
	.installer-block .image {
		height: 200px
	}

}

.installer-block .testimonials {
	background: #1862a3
}

@media only screen and (max-width:960px) {
	.installer-block .testimonials {
		width: 100%;
		display: block;
		padding: 0;
		overflow: hidden
	}

}

.installer-block .testimonials .testimonial {
	padding: 0 30px
}

@media only screen and (max-width:960px) {
	.installer-block .testimonials .testimonial {
		width: 50%;
		display: block;
		float: left;
		padding: 30px
	}

}

@media only screen and (max-width:660px) {
	.installer-block .testimonials .testimonial {
		width: 100%;
		display: none
	}

}

.installer-block .testimonials .testimonial:first-of-type {
	margin-bottom: 40px;
	padding-bottom: 40px;
	position: relative
}

@media only screen and (max-width:960px) {
	.installer-block .testimonials .testimonial:first-of-type {
		margin: 0;
		padding: 30px
	}

}

@media only screen and (max-width:660px) {
	.installer-block .testimonials .testimonial:first-of-type {
		display: block
	}

}

@media only screen and (max-width:400px) {
	.installer-block .testimonials .testimonial:first-of-type {
		padding: 15px
	}

}

.installer-block .testimonials .testimonial:first-of-type:before {
	content: '';
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 0;
	height: 1px;
	width: auto;
	background: rgba(255, 255, 255, 0.2)
}

@media only screen and (max-width:960px) {
	.installer-block .testimonials .testimonial:first-of-type:before {
		height: auto;
		width: 1px;
		right: 0;
		left: inherit;
		top: 30px;
		bottom: 30px
	}

}

@media only screen and (max-width:660px) {
	.installer-block .testimonials .testimonial:first-of-type:before {
		display: none
	}

}

.installer-block .testimonials .testimonial p {
	color: #fff;
	margin: 0;
	font-size: 20px;
	line-height: 1.3;
	font-style: italic;
	width: 100%
}

@media only screen and (max-width:1250px) {
	.installer-block .testimonials .testimonial p {
		font-size: 16px
	}

}

@media only screen and (max-width:400px) {
	.installer-block .testimonials .testimonial p {
		font-size: 15px
	}

}

.installer-block .testimonials .testimonial p b {
	margin-top: 15px;
	text-align: right;
	font-size: 16px;
	font-style: normal;
	width: 100%;
	display: block
}

@media only screen and (max-width:1250px) {
	.installer-block .testimonials .testimonial p b {
		font-size: 14px
	}

}

@media only screen and (max-width:400px) {
	.installer-block .testimonials .testimonial p b {
		font-size: 13px
	}

}

.three-ctas .container {
	text-align: justify
}

.three-ctas .container:after {
	content: '';
	width: 100%;
	display: inline-block
}

.three-ctas .container a {
	width: 32%;
	display: inline-block;
	height: 200px;
	background: #1862a3;
	margin-bottom: 20px
}

@media only screen and (max-width:900px) {
	.three-ctas .container a {
		width: 100%;
		height: 80px
	}

}

@media only screen and (max-width:585px) {
	.three-ctas .container a {
		height: auto
	}

}

.three-ctas .container a:hover {
	opacity: 0.8
}

.three-ctas .cta {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.three-ctas .cta .content {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	width: auto;
	text-align: left
}

@media only screen and (max-width:585px) {
	.three-ctas .cta .content {
		position: static;
		padding: 20px;
		width: 100%
	}

}

.three-ctas .cta .content p {
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	margin: 0px
}

@media only screen and (max-width:1500px) {
	.three-ctas .cta .content p {
		font-size: 15px
	}

}

.three-ctas .cta .content p b {
	font-size: 26px
}

@media only screen and (max-width:1500px) {
	.three-ctas .cta .content p b {
		font-size: 22px
	}

}

@media only screen and (max-width:585px) {
	.three-ctas .cta .offer {
		display: none
	}

}

.three-ctas .cta .offer div {
	position: absolute;
	right: 20px;
	top: 20px
}

@media only screen and (max-width:1500px) {
	.three-ctas .cta .offer div {
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
		right: 0;
		top: 10px
	}

}

@media only screen and (max-width:900px) {
	.three-ctas .cta .offer div {
		top: 5px
	}

}

.three-ctas.product-boxes .blank {
	display: inline-block;
	width: 32%
}

.three-ctas.product-boxes a {
	height: auto;
	background: #fff;
	position: relative
}

@media only screen and (max-width:1250px) {
	.three-ctas.product-boxes a {
		width: 49%;
		margin-bottom: 2%
	}

}

@media only screen and (max-width:720px) {
	.three-ctas.product-boxes a {
		width: 100%;
		margin-bottom: 15px
	}

}

.three-ctas.product-boxes a:hover {
	opacity: 1
}

.three-ctas.product-boxes a:hover .cta {
	background: rgba(24, 98, 163, 0.7)
}

.three-ctas.product-boxes .image {
	width: 100%;
	height: 300px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:1250px) {
	.three-ctas.product-boxes .image {
		height: 250px
	}

}

.three-ctas.product-boxes .cta {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(24, 98, 163, 0.55);
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.three-ctas.product-boxes .cta .content {
	display: block;
	height: auto;
	left: 50%;
	top: 50%;
	right: auto;
	bottom: auto;
	width: calc(100% - 40px);
	position: absolute;
	padding: 0px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.three-ctas.product-boxes .cta .content p {
	font-weight: 400;
	text-align: left;
	text-shadow: 0px 0px 30px black
}

.three-ctas.product-boxes .cta .content p b {
	margin-bottom: 15px;
	display: block;
	font-size: 22px;
	line-height: 1
}

.three-ctas.product-boxes .cta .content p span {
	font-weight: 700;
	margin-left: 5px
}

.mid-section {
	background: #f5f5f5;
	padding: 100px 0
}

@media only screen and (max-width:1450px) {
	.mid-section {
		padding: 80px 0
	}

}

@media only screen and (max-width:1350px) {
	.mid-section {
		padding: 60px 0
	}

}

@media only screen and (max-width:720px) {
	.mid-section {
		padding: 30px 0
	}

}

.mid-section .container {
	overflow: visible
}

.mid-section .key-points {
	width: 550px;
	padding-right: 200px;
	position: relative
}

@media only screen and (max-width:1700px) {
	.mid-section .key-points {
		padding-right: 120px
	}

}

@media only screen and (max-width:1350px) {
	.mid-section .key-points {
		width: 100%;
		display: block;
		padding-right: 0px
	}

}

.mid-section .key-points img {
	position: absolute;
	left: calc(50% - 100px);
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

@media only screen and (max-width:1700px) {
	.mid-section .key-points img {
		left: calc(50% - 40px)
	}

}

@media only screen and (max-width:1350px) {
	.mid-section .key-points img {
		display: none
	}

}

.mid-section .key-points .revolver {
	border: 12px solid #1862a3;
	position: relative
}

@media only screen and (max-width:1700px) {
	.mid-section .key-points .revolver {
		margin-left: 40px
	}

}

@media only screen and (min-width:1351px) {
	.mid-section .key-points .revolver {
		position: relative;
		width: 565px;
		height: 565px;
		padding: 0;
		border-radius: 50%;
		list-style: none
	}

	.mid-section .key-points .revolver > * {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 145px;
		height: 145px;
		margin: -72.5px
	}

	.mid-section .key-points .revolver > *:nth-of-type(1) {
		transform: rotate(0deg) translate(282.5px) rotate(0deg)
	}

	.mid-section .key-points .revolver > *:nth-of-type(2) {
		transform: rotate(51.4285714286deg) translate(282.5px) rotate(-51.4285714286deg)
	}

	.mid-section .key-points .revolver > *:nth-of-type(3) {
		transform: rotate(102.8571428571deg) translate(282.5px) rotate(-102.8571428571deg)
	}

	.mid-section .key-points .revolver > *:nth-of-type(4) {
		transform: rotate(154.2857142857deg) translate(282.5px) rotate(-154.2857142857deg)
	}

	.mid-section .key-points .revolver > *:nth-of-type(5) {
		transform: rotate(205.7142857143deg) translate(282.5px) rotate(-205.7142857143deg)
	}

	.mid-section .key-points .revolver > *:nth-of-type(6) {
		transform: rotate(257.1428571429deg) translate(282.5px) rotate(-257.1428571429deg)
	}

	.mid-section .key-points .revolver > *:nth-of-type(7) {
		transform: rotate(308.5714285714deg) translate(282.5px) rotate(-308.5714285714deg)
	}

}

@media only screen and (max-width:1350px) {
	.mid-section .key-points .revolver {
		margin: 0;
		margin-bottom: 30px;
		border: 0px;
		overflow: hidden
	}

}

@media only screen and (max-width:720px) {
	.mid-section .key-points .revolver {
		display: none
	}

}

.mid-section .key-points .revolver .circ {
	border-radius: 500px;
	background: #f5f5f5;
	border: 5px solid #1862a3;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:1350px) {
	.mid-section .key-points .revolver .circ {
		border-radius: 0px;
		border: 0px;
		width: 14.285%;
		float: left;
		display: block;
		background: #1862a3;
		padding: 15px;
		height: 90px;
		border: 3px solid #f5f5f5;
		position: relative
	}

}

@media only screen and (max-width:1200px) {
	.mid-section .key-points .revolver .circ {
		width: 25%
	}

}

.mid-section .key-points .revolver .circ:hover {
	background: #1862a3
}

.mid-section .key-points .revolver .circ:hover p {
	color: #fff
}

@media only screen and (max-width:1200px) {
	.mid-section .key-points .revolver .circ:nth-of-type(5), .mid-section .key-points .revolver .circ:nth-of-type(6), .mid-section .key-points .revolver .circ:nth-of-type(7) {
		width: 33.333%
	}

}

.mid-section .key-points .revolver .circ.active .icon {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

@media only screen and (max-width:1350px) {
	.mid-section .key-points .revolver .circ.active {
		background: #1b6fb9
	}

	.mid-section .key-points .revolver .circ.active .icon {
		opacity: 0;
		-webkit-transform: scale(0.7) translate(-50%, -50%);
		-moz-transform: scale(0.7) translate(-50%, -50%);
		-ms-transform: scale(0.7) translate(-50%, -50%);
		-o-transform: scale(0.7) translate(-50%, -50%);
		transform: scale(0.7) translate(-50%, -50%)
	}

	.mid-section .key-points .revolver .circ.active p {
		opacity: 1;
		-webkit-transform: scale(1) translate(-50%, -50%);
		-moz-transform: scale(1) translate(-50%, -50%);
		-ms-transform: scale(1) translate(-50%, -50%);
		-o-transform: scale(1) translate(-50%, -50%);
		transform: scale(1) translate(-50%, -50%)
	}

}

@media only screen and (max-width:1350px) {
	.mid-section .key-points .revolver .circ:hover {
		background: #1b6fb9
	}

	.mid-section .key-points .revolver .circ:hover .icon {
		opacity: 0
	}

	.mid-section .key-points .revolver .circ:hover p {
		opacity: 1
	}

}

.mid-section .key-points .revolver .circ p {
	color: #f77d27;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height: 1.2;
	text-align: center;
	width: 125px;
	font-size: 12px;
	padding: 0 10px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:1350px) {
	.mid-section .key-points .revolver .circ p {
		position: static;
		width: calc(100% - 40px);
		padding: 0;
		color: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		opacity: 0;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: 0.3s ease;
		-moz-transition: 0.3s ease;
		-ms-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		transition: 0.3s ease
	}

}

.mid-section .key-points .revolver .circ p span {
	font-size: 10px;
	text-transform: none
}

@media only screen and (max-width:1350px) {
	.mid-section .key-points .revolver .circ p span {
		display: block
	}

}

.mid-section .key-points .revolver .circ .icon {
	position: absolute;
	top: -10px;
	right: 0;
	background: #1862a3;
	width: 40px;
	height: 40px;
	border-radius: 500px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:1350px) {
	.mid-section .key-points .revolver .circ .icon {
		display: block;
		-webkit-transform: scale(1) translate(-50%, -50%);
		-moz-transform: scale(1) translate(-50%, -50%);
		-ms-transform: scale(1) translate(-50%, -50%);
		-o-transform: scale(1) translate(-50%, -50%);
		transform: scale(1) translate(-50%, -50%);
		opacity: 1;
		visibility: visible;
		background: none;
		top: 50%;
		left: 50%
	}

}

.mid-section .key-points .revolver .circ .icon .fa {
	color: #fff;
	line-height: 40px;
	font-size: 16px
}

@media only screen and (max-width:1350px) {
	.mid-section .key-points .revolver .circ .icon .fa {
		font-size: 46px
	}

}

.mid-section .content {
	width: 100%
}

@media only screen and (max-width:1350px) {
	.mid-section .content {
		display: block
	}

}

.mid-section .content h2 {
	color: #f77d27;
	font-size: 28px;
	margin-bottom: 25px
}

@media only screen and (max-width:1400px) {
	.mid-section .content h2 {
		font-size: 26px;
		margin-bottom: 15px
	}

}

@media only screen and (max-width:1200px) {
	.mid-section .content h2 {
		font-size: 22px
	}

}

@media only screen and (max-width:960px) {
	.mid-section .content h2 {
		font-size: 18px
	}

}

.mid-section .content img {
	margin-bottom: 25px;
	width: 100%
}

@media only screen and (max-width:1400px) {
	.mid-section .content img {
		margin-bottom: 0px
	}

}

@media only screen and (max-width:1350px) {
	.mid-section .content img {
		width: 550px;
		margin-right: 35px;
		float: left
	}

}

@media only screen and (max-width:1150px) {
	.mid-section .content img {
		width: 100%;
		margin-right: 0;
		float: none
	}

}

.mid-section .content .dual-buttons {
	margin-top: 25px
}

@media only screen and (max-width:1400px) {
	.mid-section .content .dual-buttons {
		margin-top: 15px
	}

}

.split-content {
	width: 100%;
	position: relative
}

.split-content .left {
	width: 50%
}

@media only screen and (max-width:1150px) {
	.split-content .left {
		width: 100%;
		display: block
	}

}

.split-content .right {
	width: 50%
}

@media only screen and (max-width:1150px) {
	.split-content .right {
		width: 100%;
		display: block
	}

}

.split-content .right.blue {
	background: #1862a3;
	padding: 0 0 0 40px
}

@media only screen and (max-width:1600px) {
	.split-content .right.blue {
		padding: 0px 30px
	}

}

@media only screen and (max-width:1150px) {
	.split-content .right.blue {
		padding: 60px 30px
	}

}

@media only screen and (max-width:960px) {
	.split-content .right.blue {
		padding: 60px 15px
	}

}

@media only screen and (max-width:720px) {
	.split-content .right.blue {
		padding: 30px 15px
	}

}

.split-content .right.blue .content {
	width: 750px;
	padding:40px 0;
}

@media only screen and (max-width:1600px) {
	.split-content .right.blue .content {
		width: 100%
	}

}

.split-content .right.blue h2 {
	color: #fff;
	text-transform: none;
	font-size: 26px;
	margin-bottom: 25px
}

@media only screen and (max-width:1200px) {
	.split-content .right.blue h2 {
		font-size: 22px;
		margin-bottom: 15px
	}

}

@media only screen and (max-width:960px) {
	.split-content .right.blue h2 {
		font-size: 18px
	}

}

.split-content .right.blue h3 {
	color: #fff;
	font-size: 17px;
	margin-bottom: 20px
}

@media only screen and (max-width:960px) {
	.split-content .right.blue h3 {
		font-size: 15px;
		margin-bottom: 15px
	}

}

.split-content .right.blue .meta {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px
}

.split-content .right.blue .meta p {
	display: inline-block;
	width: auto;
	font-weight: 700
}

.split-content .right.blue .meta p span {
	margin: 0 7px
}

.split-content .right.blue p {
	color: #fff
}

.split-content .right.blue p ~ p {
	margin-top: 20px
}

.split-content .right.blue .dual-buttons {
	margin-top: 35px
}

.split-content.featured-post .left {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

@media only screen and (max-width:1150px) {
	.split-content.featured-post .left {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		z-index: 1
	}

}

.split-content.featured-post .right {
	padding: 150px 0 150px 40px
}

@media only screen and (max-width:1600px) {
	.split-content.featured-post .right {
		padding: 100px 30px
	}

}

@media only screen and (max-width:1150px) {
	.split-content.featured-post .right {
		padding: 60px 30px;
		position: relative;
		z-index: 2;
		background: rgba(24, 98, 163, 0.93)
	}

}

@media only screen and (max-width:960px) {
	.split-content.featured-post .right {
		padding: 30px 15px
	}

}

@media only screen and (max-width:1600px) {
	.split-content.featured-post .right .content {
		width: 100%
	}

}

.split-content.featured-post .right h2 {
	margin-bottom: 35px
}

@media only screen and (max-width:1600px) {
	.split-content.featured-post .right h2 {
		margin-bottom: 0
	}

}

.installation-gallery {
	padding-top: 30px
}

.installation-gallery h2 {
	margin-bottom: 20px
}

.gallery-container {
	width: 100%;
	overflow: hidden;
	margin: 0 -3px
}

.product-mid .gallery-container {
	padding: 0 3px;
	margin: -3px 0
}

@media only screen and (max-width:1150px) {
	.product-mid .gallery-container {
		margin: 0;
		padding: 3px
	}

}

.gallery-container.tab-gallery a {
	width: 25%
}

@media only screen and (max-width:960px) {
	.gallery-container.tab-gallery a {
		width: 33.333%
	}

}

@media only screen and (max-width:650px) {
	.gallery-container.tab-gallery a {
		width: 50%;
		height: 200px;
		padding-bottom: 0px
	}

}

@media only screen and (max-width:650px) {
	.gallery-container.tab-gallery a {
		height: 0;
		padding-bottom: 50%
	}

}

.gallery-container.tab-gallery a:hover img, .gallery-container.tab-gallery a:hover .images {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	-moz-transform: translate(-50%, -50%) scale(1.1);
	-ms-transform: translate(-50%, -50%) scale(1.1);
	-o-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1)
}

.gallery-container.tab-gallery a .images {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	will-change: transform;
	-webkit-backface-visibillity: hidden
}

.gallery-container.img-6 a {
	width: 50%
}

@media only screen and (max-width:1150px) {
	.gallery-container.img-6 a {
		width: 33.333%
	}

}

@media only screen and (max-width:550px) {
	.gallery-container.img-6 a {
		height: 0;
		padding-bottom: 33.333%
	}

}

.gallery-container.img-4 a {
	width: 50%;
	height: 300px
}

@media only screen and (max-width:1150px) {
	.gallery-container.img-4 a {
		width: 25%;
		height: 0px;
		padding-bottom: 25%
	}

}

@media only screen and (max-width:650px) {
	.gallery-container.img-4 a {
		width: 50%;
		height: 200px;
		padding-bottom: 0px
	}

}

@media only screen and (max-width:650px) {
	.gallery-container.img-4 a {
		height: 0;
		padding-bottom: 50%
	}

}

.gallery-container a {
	position: relative;
	overflow: hidden;
	width: 33.333%;
	float: left;
	display: block;
	height: 200px;
	border: 3px solid #fff
}

@media only screen and (max-width:550px) {
	.gallery-container a {
		height: 0;
		padding-bottom: 33.333%
	}

}

.gallery-container a:hover img, .gallery-container a:hover .image, .gallery-container a:hover .images {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	-moz-transform: translate(-50%, -50%) scale(1.1);
	-ms-transform: translate(-50%, -50%) scale(1.1);
	-o-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1)
}

.gallery-container a .image, .gallery-container a .images {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	will-change: transform;
	-webkit-backface-visibillity: hidden
}

.gallery-container a img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	object-fit: fill;
	object-fit: cover;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	will-change: transform
}

.tabs.content-tabs {
	margin: 15px 0 45px;
	padding-bottom: 45px;
	border-bottom: 1px solid #ebebeb
}

.tabs.content-tabs .responsive-tabs-wrapper .responsive-tabs__list {
	margin-bottom: 35px
}

.tabs.content-tabs .responsive-tabs-wrapper .responsive-tabs__list li {
	padding: 25px 25px;
	font-size: 15px
}

.tabs .responsive-tabs-wrapper h2.tabtitle {
	display: none;
	font-size: 16px;
	text-align: left;
	padding: 20px 30px;
	border-bottom: 1px solid #dcdcdc;
	color: #c2c2c2;
	outline: none;
	cursor: pointer;
	margin: 0;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width:850px) {
	.tabs .responsive-tabs-wrapper h2.tabtitle {
		display: block
	}

}

@media only screen and (max-width:600px) {
	.tabs .responsive-tabs-wrapper h2.tabtitle {
		padding: 10px 15px
	}

}

.page-id-22 .tabs .responsive-tabs-wrapper h2.tabtitle {
	counter-increment: process-counter;
	position: relative
}

@media only screen and (max-width:1175px) {
	.page-id-22 .tabs .responsive-tabs-wrapper h2.tabtitle {
		display: block
	}

}

@media only screen and (max-width:450px) {
	.page-id-22 .tabs .responsive-tabs-wrapper h2.tabtitle {
		padding-left: 60px
	}

}

.page-id-22 .tabs .responsive-tabs-wrapper h2.tabtitle:before {
	content: counter(process-counter);
	position: absolute;
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #ebebeb;
	color: #c2c2c2;
	top: 50%;
	right: 30px;
	border-radius: 500px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media only screen and (max-width:600px) {
	.page-id-22 .tabs .responsive-tabs-wrapper h2.tabtitle:before {
		-webkit-transform: translateY(-50%) scale(0.7);
		-moz-transform: translateY(-50%) scale(0.7);
		-ms-transform: translateY(-50%) scale(0.7);
		-o-transform: translateY(-50%) scale(0.7);
		transform: translateY(-50%) scale(0.7)
	}

}

@media only screen and (max-width:450px) {
	.page-id-22 .tabs .responsive-tabs-wrapper h2.tabtitle:before {
		right: initial;
		left: 15px
	}

}

.page-id-22 .tabs .responsive-tabs-wrapper h2.tabtitle.responsive-tabs__heading--active:before {
	color: #fff;
	background: #f77d27
}

.tabs .responsive-tabs-wrapper h2.tabtitle.responsive-tabs__heading--active {
	color: #f77d27;
	border-color: #f77d27
}

.tabs .responsive-tabs-wrapper .responsive-tabs__list {
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #dcdcdc;
	margin-bottom: 50px
}

@media only screen and (max-width:850px) {
	.tabs .responsive-tabs-wrapper .responsive-tabs__list {
		display: none
	}

}

.page-id-22 .tabs .responsive-tabs-wrapper .responsive-tabs__list {
	counter-reset: process-counter;
	margin-top: 50px
}

@media only screen and (max-width:1175px) {
	.page-id-22 .tabs .responsive-tabs-wrapper .responsive-tabs__list {
		display: none
	}

}

.page-id-22 .tabs .responsive-tabs-wrapper .responsive-tabs__list li {
	counter-increment: process-counter;
	position: relative
}

.page-id-22 .tabs .responsive-tabs-wrapper .responsive-tabs__list li:before {
	content: counter(process-counter);
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 15px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #ebebeb;
	color: #c2c2c2;
	top: -25px;
	left: 50%;
	border-radius: 500px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	-webkit-transform: translateX(-50%) scale(0.8);
	-moz-transform: translateX(-50%) scale(0.8);
	-ms-transform: translateX(-50%) scale(0.8);
	-o-transform: translateX(-50%) scale(0.8);
	transform: translateX(-50%) scale(0.8)
}

.page-id-22 .tabs .responsive-tabs-wrapper .responsive-tabs__list li.responsive-tabs__list__item--active:before {
	background: #f77d27;
	color: #fff
}

.tabs .responsive-tabs-wrapper .responsive-tabs__list li {
	outline: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px;
	border-bottom: 2px solid #dcdcdc;
	margin-bottom: -2px;
	color: #c2c2c2;
	padding: 25px 35px;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:1050px) {
	.tabs .responsive-tabs-wrapper .responsive-tabs__list li {
		font-size: 15px;
		padding: 20px 25px
	}

}

@media only screen and (max-width:1750px) {
	.page-id-22 .tabs .responsive-tabs-wrapper .responsive-tabs__list li {
		padding: 20px 15px;
		font-size: 14px
	}

}

.tabs .responsive-tabs-wrapper .responsive-tabs__list li.responsive-tabs__list__item--active {
	color: #f77d27;
	border-color: #f77d27
}

.tabs .responsive-tabs-wrapper .responsive-tabs__list li:before {
	content: none
}

.tabs .responsive-tabs-wrapper .tabcontent {
	text-align: left;
	overflow: hidden;
	display: table;
	width: 100%
}

@media only screen and (max-width:850px) {
	.tabs .responsive-tabs-wrapper .tabcontent {
		margin: 30px 0 0;
		padding: 0 30px 30px;
		border-bottom: 1px solid #dcdcdc
	}

}

@media only screen and (max-width:600px) {
	.tabs .responsive-tabs-wrapper .tabcontent {
		padding: 0 15px 30px
	}

}

@media only screen and (max-width:1175px) {
	.page-id-22 .tabs .responsive-tabs-wrapper .tabcontent {
		margin: 30px 0 0;
		padding: 0 30px 30px;
		border-bottom: 1px solid #dcdcdc
	}

}

@media only screen and (max-width:600px) {
	.page-id-22 .tabs .responsive-tabs-wrapper .tabcontent {
		padding: 0 15px 30px
	}

}

.tabs .responsive-tabs-wrapper .tabcontent .tab-content-con {
	width: 100%
}

.tabs .responsive-tabs-wrapper .tabcontent .colour-content {
	margin-bottom: 30px;
	padding: 0 10px
}

.tabs .responsive-tabs-wrapper .tabcontent h2 {
	color: #1862a3;
	text-transform: none;
	font-size: 18px;
	margin-bottom: 35px
}

@media only screen and (max-width:850px) {
	.tabs .responsive-tabs-wrapper .tabcontent h2 {
		margin-bottom: 15px
	}

}

.tabs .responsive-tabs-wrapper .tabcontent ul li {
	padding-left: 16px;
	position: relative;
	width: 33.333%;
	float: left;
	margin-bottom: 15px;
	padding-right: 15px
}

@media only screen and (max-width:830px) {
	.tabs .responsive-tabs-wrapper .tabcontent ul li {
		width: 50%
	}

}

@media only screen and (max-width:550px) {
	.tabs .responsive-tabs-wrapper .tabcontent ul li {
		width: 100%;
		float: none;
		padding-right: 0px
	}

}

.tabs .responsive-tabs-wrapper .tabcontent ul li:before {
	content: '\f111';
	font-family: 'FontAwesome';
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 7px;
	color: #1862a3
}

@media only screen and (max-width:600px) {
	.tabs .responsive-tabs-wrapper .tabcontent .content {
		width: 100%;
		display: block
	}

}

.tabs .responsive-tabs-wrapper .tabcontent .image {
	width: 160px;
	max-width: 400px;
	padding-left: 20px
}

@media only screen and (max-width:600px) {
	.tabs .responsive-tabs-wrapper .tabcontent .image {
		width: 100%;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		padding: 0
	}

}

@media only screen and (max-width:600px) {
	.page-template-default .tabs .responsive-tabs-wrapper .tabcontent .image, .tabs .responsive-tabs-wrapper .tabcontent .image.icon {
		display: table-header-group
	}

}

@media only screen and (max-width:600px) {
	.page-template-default .tabs .responsive-tabs-wrapper .tabcontent .image img, .tabs .responsive-tabs-wrapper .tabcontent .image.icon img {
		max-width: 75px;
		margin-bottom: 25px
	}

}

.tabs .responsive-tabs-wrapper .tabcontent .image img {
	width: 100%;
	max-width: 400px
}

@media only screen and (max-width:600px) {
	.tabs .responsive-tabs-wrapper .tabcontent .image img {
		margin: 0 auto;
		max-width: 150px;
		display: block
	}

}

.aspect-ratio {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56%
}

.aspect-ratio.aligncenter {
	padding-bottom: 30%
}

@media only screen and (max-width:900px) {
	.aspect-ratio.aligncenter {
		padding-bottom: 45%
	}

}

@media only screen and (max-width:450px) {
	.aspect-ratio.aligncenter {
		padding-bottom: 56%
	}

}

.aspect-ratio iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.tabcontent .colour {
	position: relative;
	width: 11.111%;
	float: left;
	border: 6px solid #fff
}

@media only screen and (max-width:960px) {
	.tabcontent .colour {
		width: 16.666%
	}

}

@media only screen and (max-width:700px) {
	.tabcontent .colour {
		width: 20%
	}

}

@media only screen and (max-width:615px) {
	.tabcontent .colour {
		width: 25%
	}

}

@media only screen and (max-width:450px) {
	.tabcontent .colour {
		width: 33.333%
	}

}

.tabcontent .colour .colour-image {
	display: block;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	border: 1px solid #eee
}

.tabcontent .colour .colour-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: none;
	width: auto;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.tabcontent .colour p {
	text-align: center;
	font-size: 12px;
	margin-top: 5px
}

@media only screen and (max-width:1100px) {
	.tabcontent .colour p {
		font-size: 11px
	}

}

@media only screen and (max-width:665px) {
	.tabcontent .colour p {
		font-size: 10px
	}

}

@media only screen and (max-width:375px) {
	.tabcontent .colour p {
		font-size: 8px
	}

}

.tabcontent .downloads-form h2 {
	margin-bottom: 15px !important
}

.tabcontent .downloads-form .wpcf7 {
	margin-top: 25px
}

.tabcontent .download {
	width: 16.666%;
	float: left;
	border: 6px solid #fff
}

@media only screen and (max-width:1100px) {
	.tabcontent .download {
		width: 200px
	}

}

@media only screen and (max-width:520px) {
	.tabcontent .download {
		width: 50%
	}

}

.tabcontent .download:hover img {
	opacity: 0.7
}

.tabcontent .download:hover p {
	color: #1862a3
}

.tabcontent .download img {
	display: block;
	margin: 0 auto;
	border: 1px solid #eee;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.tabcontent .download p {
	text-align: center;
	font-size: 12px;
	margin-top: 5px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.posts-container .container {
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px
}

@media only screen and (max-width:720px) {
	.posts-container .container {
		padding-top: 30px;
		padding-bottom: 30px
	}

}

.posts-container .container .post-block {
	width: 48%;
	float: left;
	min-height: 290px;
	padding: 30px;
	margin: 1%;
	border: 1px solid #ebebeb;
	background: #fdfdfd;
	position: relative;
	-webkit-transition: 0.15s ease;
	-moz-transition: 0.15s ease;
	-ms-transition: 0.15s ease;
	-o-transition: 0.15s ease;
	transition: 0.15s ease
}

@media only screen and (max-width:960px) {
	.posts-container .container .post-block {
		min-height: 0;
		width: 100%;
		margin: 0;
		margin-bottom: 20px
	}

}

.posts-container .container .post-block:hover {
	-webkit-transform: translateY(-3px);
	-moz-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	-o-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-box-shadow: 0px 10px 20px -17px black;
	-moz-box-shadow: 0px 10px 20px -17px black;
	-ms-box-shadow: 0px 10px 20px -17px black;
	-o-box-shadow: 0px 10px 20px -17px black;
	box-shadow: 0px 10px 20px -17px black;
	background: #fbfbfb
}

.posts-container .container .post-block a.post-link {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: block
}

.posts-container .container .post-block h2 {
	color: #1862a3;
	font-size: 18px
}

@media only screen and (max-width:960px) {
	.posts-container .container .post-block h2 {
		font-size: 16px
	}

}

.posts-container .container .post-block p span {
	color: #f77d27;
	font-weight: 700;
	display: inline-block;
	margin: 0
}

.posts-container .container .post-block .meta {
	display: inline-block;
	width: 100%;
	margin: 12px 0 0
}

@media only screen and (max-width:430px) {
	.posts-container .container .post-block .meta {
		margin-top: 0
	}

}

.posts-container .container .post-block .meta a {
	position: relative;
	z-index: 1;
	color: #4f4f4f
}

.posts-container .container .post-block .meta a:hover {
	color: #f77d27
}

.posts-container .container .post-block .meta p, .posts-container .container .post-block .meta span {
	display: inline-block;
	color: #4f4f4f;
	margin-top: 0;
	margin-bottom: 0
}

@media only screen and (max-width:430px) {
	.posts-container .container .post-block .meta p, .posts-container .container .post-block .meta span {
		display: block;
		margin: 0;
		margin-top: 5px
	}

}

.posts-container .container .post-block .meta p .fa, .posts-container .container .post-block .meta span .fa {
	color: #1862a3;
	margin-right: 5px
}

@media only screen and (max-width:430px) {
	.posts-container .container .post-block .meta p .fa.fa-calendar, .posts-container .container .post-block .meta span .fa.fa-calendar {
		margin-top: 12px
	}

}

.posts-container .container .post-block .meta span {
	margin: 0 8px;
	font-weight: 400
}

@media only screen and (max-width:430px) {
	.posts-container .container .post-block .meta span {
		display: none
	}

}

.posts-container.case-posts .container .post-block {
	position: relative;
	z-index: 1
}

.posts-container.case-posts .container .post-block:hover .image {
	opacity: 0.1
}

.posts-container.case-posts .container .post-block .image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.135;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.blog-footer {
	padding: 30px 1% 0;
	margin-top: 30px;
	border-top: 1px solid #ebebeb;
	overflow: hidden;
	display: inline-block;
	width: 100%
}

@media only screen and (max-width:960px) {
	.blog-footer {
		margin-top: 10px
	}

}

@media only screen and (max-width:960px) {
	.blog-footer.single {
		margin-top: 30px
	}

}

@media only screen and (max-width:550px) {
	.blog-footer .nav-arrow {
		width: calc(50% - 5px)
	}

}

.blog-footer .nav-arrow.nav-left {
	float: left
}

.blog-footer .nav-arrow.nav-right {
	float: right
}

.blog-footer .nav-arrow a {
	font-weight: 700;
	color: #fff;
	padding: 12px 25px;
	display: inline-block;
	text-transform: uppercase;
	width: 240px;
	text-align: center;
	background: #f77d27
}

@media only screen and (max-width:550px) {
	.blog-footer .nav-arrow a {
		width: 100%
	}

}

@media only screen and (max-width:400px) {
	.blog-footer .nav-arrow a {
		font-size: 14px;
		padding: 12px
	}

}

@media only screen and (max-width:335px) {
	.blog-footer .nav-arrow a {
		font-size: 12px
	}

}

.blog-footer .nav-arrow a .fa {
	margin-left: 5px
}

.blog-footer .nav-arrow a:hover {
	background: #f88636
}

.social-buttons {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb
}

@media only screen and (max-width:375px) {
	.social-buttons {
		text-align: center
	}

}

.social-buttons p {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	margin-right: 5px;
	color: rgba(79, 79, 79, 0.7)
}

@media only screen and (max-width:375px) {
	.social-buttons p {
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 10px
	}

}

.social-buttons a {
	display: inline-block;
	width: 35px;
	line-height: 35px;
	background: #1862a3;
	text-align: center;
	margin-right: 5px
}

.social-buttons a#email {
	background: #4f4f4f
}

.social-buttons a#facebook {
	background: #3b5998
}

.social-buttons a#twitter {
	background: #55acee
}

.social-buttons a#google {
	background: #dd4b39
}

.social-buttons a .fa {
	color: #fff;
	font-size: 18px
}

input, select, button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-radius: 0px;
	color: #4f4f4f;
	width: 100%;
	display: block;
	font-size: 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	font-weight: 400;
	border: 1px solid #ebebeb;
	margin-bottom: 10px;
	padding: 7px 10px;
	outline: none;
	background: #fff;
	resize: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

input[type="submit"], select[type="submit"], button[type="submit"], textarea[type="submit"] {
	color: #f77d27;
	text-transform: uppercase;
	font-weight: 700;
	padding: 12px 10px;
	cursor: pointer
}

.large-form input[type="submit"], .large-form select[type="submit"], .large-form button[type="submit"], .large-form textarea[type="submit"] {
	padding: 15px 20px;
	color: #fff;
	background: #f77d27;
	border: 1px solid #f77d27
}

.large-form input[type="submit"]:hover, .large-form select[type="submit"]:hover, .large-form button[type="submit"]:hover, .large-form textarea[type="submit"]:hover {
	background: #f88636
}

input.wpcf7-not-valid, select.wpcf7-not-valid, button.wpcf7-not-valid, textarea.wpcf7-not-valid {
	-webkit-box-shadow: inset 0px 0px 0px 2px #e74c3c;
	-moz-box-shadow: inset 0px 0px 0px 2px #e74c3c;
	-ms-box-shadow: inset 0px 0px 0px 2px #e74c3c;
	-o-box-shadow: inset 0px 0px 0px 2px #e74c3c;
	box-shadow: inset 0px 0px 0px 2px #e74c3c;
	background: #fff4f2
}

.large-form input, .large-form select, .large-form button, .large-form textarea {
	padding: 15px 20px;
	border: 1px solid #c2c2c2
}

textarea {
	overflow: auto
}

:checked + label {
	background: red
}

.wpcf7-checkbox {
	display: inline-block;
	width: 100%;
	text-align: left
}

.wpcf7-checkbox .wpcf7-list-item {
	display: inline-block;
	width: auto;
	margin: 0 0 20px;
	cursor: pointer
}

.wpcf7-checkbox .wpcf7-list-item span {
	margin-right: 25px
}

.wpcf7-checkbox .wpcf7-list-item span:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font-size: 8px;
	border: 1px solid #c2c2c2;
	color: #fff;
	margin-right: 8px;
	content: '\f00c';
	font-family: 'FontAwesome';
	position: relative;
	top: -3px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.wpcf7-checkbox .wpcf7-list-item input {
	display: none
}

.wpcf7-checkbox .wpcf7-list-item input:checked + label:before {
	background: #1862a3
}

.wpcf7-checkbox .wpcf7-list-item input:checked + span:before {
	background: #1d77c7
}

.wpcf7 {
	position: relative
}

.wpcf7 br {
	display: none
}

.wpcf7 p {
	margin-bottom: 0px !important;
	text-align: left
}

.wpcf7 .ajax-loader {
	display: none !important
}

.wpcf7 p.label {
	position: relative;
	bottom: -10px
}

.wpcf7 p.label.second {
	margin-top: 0px
}

.wpcf7 span.wpcf7-not-valid-tip {
	display: none
}

.top-banner .wpcf7 div.wpcf7-response-output {
	text-align: center;
	margin: 0;
	padding: 15px 25px;
	border: 0px;
	background: rgba(237, 150, 36, 0.85);
	border: 2px solid #ed9624;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	-webkit-box-shadow: 0px 0px 20px -5px black;
	-moz-box-shadow: 0px 0px 20px -5px black;
	-ms-box-shadow: 0px 0px 20px -5px black;
	-o-box-shadow: 0px 0px 20px -5px black;
	box-shadow: 0px 0px 20px -5px black;
	font-weight: 700;
	line-height: 1.5;
	cursor: pointer
}

.top-banner .wpcf7 div.wpcf7-response-output:before {
	content: '\f00d';
	font-family: 'FontAwesome';
	position: absolute;
	top: -10px;
	right: -10px;
	color: #e45243;
	background: #fff;
	border: 2px solid #e45243;
	width: 20px;
	line-height: 20px;
	border-radius: 40px;
	font-size: 12px
}

.top-banner .wpcf7 div.wpcf7-response-output.wpcf7-validation-errors {
	text-align: center;
	margin: 0;
	padding: 15px 25px;
	border: 0px;
	background: rgba(231, 76, 60, 0.85);
	border: 2px solid #e45243;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	-webkit-box-shadow: 0px 0px 20px -5px black;
	-moz-box-shadow: 0px 0px 20px -5px black;
	-ms-box-shadow: 0px 0px 20px -5px black;
	-o-box-shadow: 0px 0px 20px -5px black;
	box-shadow: 0px 0px 20px -5px black;
	font-weight: 700;
	line-height: 1.5;
	cursor: pointer
}

.top-banner .wpcf7 div.wpcf7-response-output.wpcf7-validation-errors:before {
	content: '\f00d';
	font-family: 'FontAwesome';
	position: absolute;
	top: -10px;
	right: -10px;
	color: #e45243;
	background: #fff;
	border: 2px solid #e45243;
	width: 20px;
	line-height: 20px;
	border-radius: 40px;
	font-size: 12px
}

.top-banner .wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok {
	text-align: center;
	margin: 0;
	padding: 15px 25px;
	border: 0px;
	background: rgba(46, 204, 113, 0.85);
	border: 2px solid #2bc06a;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	-webkit-box-shadow: 0px 0px 20px -5px black;
	-moz-box-shadow: 0px 0px 20px -5px black;
	-ms-box-shadow: 0px 0px 20px -5px black;
	-o-box-shadow: 0px 0px 20px -5px black;
	box-shadow: 0px 0px 20px -5px black;
	font-weight: 700;
	line-height: 1.5;
	cursor: pointer
}

.top-banner .wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok:before {
	content: '\f00d';
	font-family: 'FontAwesome';
	position: absolute;
	top: -10px;
	right: -10px;
	color: #2bc06a;
	background: #fff;
	border: 2px solid #2bc06a;
	width: 20px;
	line-height: 20px;
	border-radius: 40px;
	font-size: 12px
}

.large-form .wpcf7 div.wpcf7-validation-errors {
	width: 100%;
	margin: 0;
	padding: 15px 30px;
	color: #fff;
	background: #e74c3c;
	border: 0px;
	line-height: 1.2;
	font-weight: 700;
	text-align: left
}

.large-form .wpcf7 div.wpcf7-mail-sent-ok {
	width: 100%;
	margin: 0;
	padding: 15px 30px;
	color: #fff;
	background: #2ecc71;
	border: 0px;
	line-height: 1.2;
	font-weight: 700;
	text-align: left
}

.large-form .wpcf7 div.wpcf7-spam-blocked {
	width: 100%;
	margin: 0;
	padding: 15px 30px;
	color: #fff;
	background: #f77d27;
	border: 0px;
	line-height: 1.2;
	font-weight: 700;
	text-align: left
}

.split-inputs {
	width: 100%;
	display: block;
	overflow: hidden
}

.split-inputs span {
	width: calc(50% - 5px);
	float: left
}

@media only screen and (max-width:600px) {
	.split-inputs span {
		width: 100%;
		float: none !important
	}

}

.split-inputs span:last-of-type {
	float: right
}

.faq-container {
	width: 100%;
	display: block;
	margin-bottom: 15px
}

.faq-container .faq-heading {
	background: #c2c2c2;
	padding: 15px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:1150px) {
	.faq-container .faq-heading {
		padding: 10px
	}

}

.faq-container .faq-heading:hover {
	background: #bababa
}

.faq-container .faq-heading:before {
	content: '\f107';
	font-family: 'FontAwesome';
	position: absolute;
	top: 50%;
	right: 15px;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.faq-container .faq-heading.active {
	background: #1862a3
}

.faq-container .faq-heading.active:before {
	content: '\f106'
}

.faq-container .faq-heading .icon {
	width: 19px;
	float: left;
	margin-top: 3px
}

@media only screen and (max-width:600px) {
	.faq-container .faq-heading .icon {
		margin-top: 2px
	}

}

.faq-container .faq-heading .text {
	width: calc(100% - 25px);
	float: right;
	padding-right: 20px
}

.faq-container .faq-heading h2 {
	color: #fff;
	font-size: 18px
}

@media only screen and (max-width:1150px) {
	.faq-container .faq-heading h2 {
		font-size: 16px
	}

}

@media only screen and (max-width:600px) {
	.faq-container .faq-heading h2 {
		font-size: 14px
	}

}

.faq-container .faq-heading .fa {
	margin-right: 5px;
	color: #fff;
	font-size: 18px
}

@media only screen and (max-width:1150px) {
	.faq-container .faq-heading .fa {
		font-size: 16px
	}

}

.faq-container .content {
	padding: 20px;
	display: none
}

.offer-block {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 35px;
	border-bottom: 1px solid #ebebeb
}

.offer-block:first-of-type .content .image {
	position: relative
}

.offer-block:first-of-type .content .image a:before {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(24, 98, 163, 0.5)
}

.offer-block:nth-of-type(2) .content .image {
	position: relative
}

.offer-block:nth-of-type(2) .content .image a:before {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(247, 125, 39, 0.65)
}

.offer-block .heading {
	padding: 20px 0;
	margin-bottom: 15px;
	position: relative
}

@media only screen and (max-width:1250px) {
	.offer-block .heading {
		margin-bottom: 0px
	}

}

.offer-block .heading h2 {
	display: inline-block;
	text-transform: none;
	font-size: 28px;
	vertical-align: middle
}

@media only screen and (max-width:1300px) {
	.offer-block .heading h2 {
		font-size: 26px
	}

}

@media only screen and (max-width:1150px) {
	.offer-block .heading h2 {
		font-size: 22px
	}

}

@media only screen and (max-width:960px) {
	.offer-block .heading h2 {
		font-size: 18px
	}

}

.offer-block .heading:before {
	content: '\f02c';
	font-family: 'FontAwesome';
	display: inline-block;
	color: #f77d27;
	font-size: 20px;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: 2px
}

.offer-block .heading p {
	margin: 0;
	display: inline-block;
	background: #f77d27;
	color: #fff;
	text-transform: uppercase;
	margin-left: 10px;
	padding: 0 15px;
	line-height: 33px;
	vertical-align: sub;
	font-weight: 700
}

@media only screen and (max-width:550px) {
	.offer-block .heading p {
		position: absolute;
		bottom: -40px;
		right: 10px;
		z-index: 1
	}

}

@media only screen and (max-width:420px) {
	.offer-block .heading p {
		font-size: 11px;
		line-height: 25px;
		padding: 0 10px;
		bottom: -35px
	}

}

.offer-block .content .image {
	width: 550px;
	position: relative
}

@media only screen and (max-width:1250px) {
	.offer-block .content .image {
		width: 350px
	}

}

@media only screen and (max-width:820px) {
	.offer-block .content .image {
		width: 280px
	}

}

@media only screen and (max-width:700px) {
	.offer-block .content .image {
		max-width: 100%;
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
		width: 450px
	}

}

@media only screen and (max-width:550px) {
	.offer-block .content .image {
		width: 100%
	}

}

.offer-block .content .image a {
	display: block;
	position: relative
}

#ie .offer-block .content .image {
	vertical-align: top
}

.offer-block .content .image img {
	width: 100%
}

.offer-block .content .image div {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1.5);
	-moz-transform: translate(-50%, -50%) scale(1.5);
	-ms-transform: translate(-50%, -50%) scale(1.5);
	-o-transform: translate(-50%, -50%) scale(1.5);
	transform: translate(-50%, -50%) scale(1.5)
}

@media only screen and (max-width:1250px) {
	.offer-block .content .image div {
		-webkit-transform: translate(-50%, -50%) scale(1);
		-moz-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		-o-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1)
	}

}

.offer-block .content .image div p {
	text-shadow: 0px 0px 20px black
}

.offer-block .content .text {
	padding: 15px 0 15px 35px
}

@media only screen and (max-width:820px) {
	.offer-block .content .text {
		padding: 0 0 0 20px
	}

}

@media only screen and (max-width:700px) {
	.offer-block .content .text {
		width: 100%;
		display: block;
		padding: 0px
	}

}

.offer-block .content .text a {
	margin-top: 25px
}

.job_filters {
	display: none
}

.standard-content .job_listings {
	margin-top: 20px
}

.standard-content .job_listings li {
	margin: 0
}

.standard-content .job_listings li:before {
	content: none
}

.standard-content .job_listings .job_listing a {
	padding: 15px 20px;
	display: table;
	width: 100%
}

.standard-content .job_listings .job_listing a .company_logo {
	display: none
}

.standard-content .job_listings .job_listing a .location {
	float: none;
	display: table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: 700;
	color: rgba(79, 79, 79, 0.5)
}

@media only screen and (max-width:1050px) {
	.standard-content .job_listings .job_listing a .location {
		display: none
	}

}

.standard-content .job_listings .job_listing a .location:before {
	content: '\f041';
	font-family: 'FontAwesome';
	margin-right: 5px
}

.standard-content .job_listings .job_listing a .position {
	padding: 0;
	float: none;
	display: table-cell;
	vertical-align: middle
}

@media only screen and (max-width:600px) {
	.standard-content .job_listings .job_listing a .position {
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 10px
	}

}

.standard-content .job_listings .job_listing a .position h3 {
	color: rgba(79, 79, 79, 0.8)
}

@media only screen and (max-width:960px) {
	.standard-content .job_listings .job_listing a .position h3 {
		font-size: 14px !important
	}

}

.standard-content .job_listings .job_listing a .meta {
	float: none;
	display: table-cell;
	vertical-align: middle
}

@media only screen and (max-width:600px) {
	.standard-content .job_listings .job_listing a .meta {
		width: 100%;
		display: block;
		text-align: center;
		padding: 0
	}

}

@media only screen and (max-width:600px) {
	.standard-content .job_listings .job_listing a .meta li {
		padding: 0px
	}

}

.standard-content .job_listings .job_listing a .meta li.job-type {
	font-weight: 700;
	text-transform: uppercase
}

.standard-content .job_listings .job_listing a .meta li.full-time {
	color: #2ecc71
}

.standard-content .job_listings .job_listing a .meta li.part-time {
	color: #f77d27
}

.standard-content .job_listings .job_listing a .meta li.date time {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(79, 79, 79, 0.6)
}

.job-listing-meta li {
	margin: 0;
	color: rgba(79, 79, 79, 0.8)
}

.job-listing-meta li:before {
	content: none;
	position: static
}

.job-listing-meta li.job-type {
	font-weight: 700;
	text-transform: uppercase;
	padding: 8px 15px;
	font-size: 14px;
	color: #fff
}

.job-listing-meta li.full-time {
	background: #2ecc71
}

.job-listing-meta li.part-time {
	background: #f77d27
}

.job-listing-meta li a, .job-listing-meta li time {
	color: rgba(79, 79, 79, 0.6) !important;
	cursor: default;
	margin-left: 5px
}

.single_job_listing .job_application input.application_button {
	width: auto;
	display: inline-block;
	border: 0px;
	text-transform: uppercase;
	background: #f77d27;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	padding: 12px 25px;
	font-size: 15px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.single_job_listing .job_application input.application_button:hover {
	background: #f88636
}

@media only screen and (max-width:550px) {
	.single_job_listing .meta .full-time, .single_job_listing .meta .part-time {
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 10px
	}

}

.testimonial-grid {
	overflow: hidden
}

.testimonial-grid .easy_t_single_testimonial {
	width: 33.333%;
	float: left;
	border-right: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	min-height: 300px;
	position: relative;
	overflow: hidden;
	-ms-overflow-style: none
}

@media only screen and (max-width:1150px) {
	.testimonial-grid .easy_t_single_testimonial {
		width: 50%
	}

}

@media only screen and (max-width:720px) {
	.testimonial-grid .easy_t_single_testimonial {
		width: 100%;
		min-height: 0;
		float: none;
		border-right: 0px;
		padding: 30px 0
	}

}

.testimonial-grid .easy_t_single_testimonial:nth-of-type(1) {
	border-top: 0
}

.testimonial-grid .easy_t_single_testimonial:nth-of-type(2) {
	border-top: 0
}

@media only screen and (max-width:720px) {
	.testimonial-grid .easy_t_single_testimonial:nth-of-type(2) {
		border-top: 1px solid #ebebeb
	}

}

.testimonial-grid .easy_t_single_testimonial:nth-of-type(3) {
	border-top: 0
}

@media only screen and (max-width:1150px) {
	.testimonial-grid .easy_t_single_testimonial:nth-of-type(3) {
		border-top: 1px solid #ebebeb
	}

}

.testimonial-grid .easy_t_single_testimonial:nth-of-type(3n) {
	border-right: 0px
}

@media only screen and (max-width:1150px) {
	.testimonial-grid .easy_t_single_testimonial:nth-of-type(3n) {
		border-right: 1px solid #ebebeb
	}

}

@media only screen and (max-width:720px) {
	.testimonial-grid .easy_t_single_testimonial:nth-of-type(3n) {
		border-right: 0px
	}

}

@media only screen and (max-width:1150px) {
	.testimonial-grid .easy_t_single_testimonial:nth-of-type(2n) {
		border-right: 0
	}

}

.testimonial-grid .easy_t_single_testimonial blockquote {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 60px);
	text-align: center;
	max-height: 280px;
	overflow: scroll;
	padding: 0px;
	margin: 0px;
	min-height: 0px
}

@media only screen and (max-width:720px) {
	.testimonial-grid .easy_t_single_testimonial blockquote {
		position: static;
		max-height: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		width: 100%
	}

}

.testimonial-grid .easy_t_single_testimonial blockquote::-webkit-scrollbar {
	display: none
}

.testimonial-grid .easy_t_single_testimonial blockquote .testimonial-client {
	font-style: normal;
	font-size: 13px;
	margin-top: 15px;
	color: #f77d27;
	display: block;
	width: 100%;
	font-weight: 700
}

.testimonial-grid .easy_t_single_testimonial blockquote p {
	line-height: 1.25;
	color: #363636;
	font-style: italic;
	color: rgba(79, 79, 79, 0.8)
}

.testimonial-grid .easy_t_pagination {
	display: block;
	clear: both;
	padding-top: 60px
}

@media only screen and (max-width:1150px) {
	.testimonial-grid .easy_t_pagination {
		padding: 50px 0 20px
	}

}

@media only screen and (max-width:720px) {
	.testimonial-grid .easy_t_pagination {
		border-top: 1px solid #ebebeb
	}

}

@media only screen and (max-width:475px) {
	.testimonial-grid .easy_t_pagination {
		padding: 30px 0 0
	}

}

.testimonial-grid .easy_t_pagination .page-numbers {
	width: 40px;
	line-height: 40px;
	background: #efefef;
	color: #808080;
	margin: 0 5px;
	display: inline-block;
	font-weight: 900;
	vertical-align: bottom
}

@media only screen and (max-width:475px) {
	.testimonial-grid .easy_t_pagination .page-numbers {
		width: 30px;
		line-height: 30px;
		font-size: 13px;
		margin: 0 3px
	}

}

.testimonial-grid .easy_t_pagination .page-numbers:hover {
	color: #f77d27
}

.testimonial-grid .easy_t_pagination .page-numbers.current {
	background: #f77d27;
	color: #fff
}

.testimonial-grid .easy_t_pagination .page-numbers.dots {
	background: none;
	width: auto;
	line-height: 20px
}

.testimonial-grid .easy_t_pagination .page-numbers.next, .testimonial-grid .easy_t_pagination .page-numbers.prev {
	width: auto;
	background: #eee;
	padding: 0 10px;
	font-size: 0px;
	background: none;
	line-height: 25px
}

@media only screen and (max-width:475px) {
	.testimonial-grid .easy_t_pagination .page-numbers.next, .testimonial-grid .easy_t_pagination .page-numbers.prev {
		line-height: 15px;
		padding: 0 5px
	}

}

.testimonial-grid .easy_t_pagination .page-numbers.next:hover, .testimonial-grid .easy_t_pagination .page-numbers.prev:hover {
	color: #f77d27
}

.testimonial-grid .easy_t_pagination .page-numbers.next:before, .testimonial-grid .easy_t_pagination .page-numbers.prev:before {
	font-family: 'FontAwesome';
	font-size: 15px;
	line-height: 1;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.testimonial-grid .easy_t_pagination .page-numbers.next:before {
	content: '\f054'
}

.testimonial-grid .easy_t_pagination .page-numbers.prev:before {
	content: '\f053'
}

.map-container {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 730px
}

@media only screen and (max-width:1635px) {
	.map-container {
		height: 500px
	}

}

@media only screen and (max-width:1100px) {
	.map-container {
		height: auto
	}

}

.map-container p.select-area {
	position: absolute;
	top: 30px;
	right: 30px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	line-height: 1;
	background: rgba(24, 98, 163, 0.9);
	padding: 20px 35px;
	z-index: 1;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	-webkit-box-shadow: 0px 0px 20px -7px black;
	-moz-box-shadow: 0px 0px 20px -7px black;
	-ms-box-shadow: 0px 0px 20px -7px black;
	-o-box-shadow: 0px 0px 20px -7px black;
	box-shadow: 0px 0px 20px -7px black
}

@media only screen and (max-width:1250px) {
	.map-container p.select-area {
		top: 10px;
		right: 10px;
		font-size: 15px;
		padding: 15px 25px
	}

}

@media only screen and (max-width:1100px) {
	.map-container p.select-area {
		position: relative;
		left: 0;
		top: 0;
		text-align: center;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none
	}

}

.map-container p.select-area .fa {
	margin-right: 5px
}

.map-container p.select-area.hidden {
	opacity: 0;
	visibility: hidden
}

@media only screen and (max-width:1100px) {
	.map-container p.select-area.hidden {
		opacity: 1;
		visibility: visible
	}

}

.map-container img.areas {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 1;
	pointer-events: none;
	display: none;
	-webkit-filter: drop-shadow(2px 2px 2px #fff)
}

@media only screen and (max-width:1750px) {
	.map-container img.areas {
		right: 10px;
		top: 10px
	}

}

@media only screen and (max-width:1500px) {
	.map-container img.areas {
		width: 200px
	}

}

@media only screen and (max-width:1250px) {
	.map-container img.areas {
		display: none
	}

}

.map-container .container {
	position: relative;
	z-index: 1;
	pointer-events: none;
	padding-top: 75px
}

@media only screen and (max-width:1100px) {
	.map-container .container {
		padding-top: 30px;
		padding-bottom: 30px;
		background: #f5f5f5;
		pointer-events: all;
		-webkit-box-shadow: 0px 10px 20px -20px black;
		-moz-box-shadow: 0px 10px 20px -20px black;
		-ms-box-shadow: 0px 10px 20px -20px black;
		-o-box-shadow: 0px 10px 20px -20px black;
		box-shadow: 0px 10px 20px -20px black
	}

}

.map-container .container .content {
	width: 640px
}

@media only screen and (max-width:1100px) {
	.map-container .container .content {
		width: 100%
	}

}

.map-container .container .content h2 {
	font-size: 28px;
	color: #f77d27;
	margin-bottom: 15px
}

@media only screen and (max-width:1400px) {
	.map-container .container .content h2 {
		font-size: 26px
	}

}

@media only screen and (max-width:1200px) {
	.map-container .container .content h2 {
		font-size: 22px
	}

}

@media only screen and (max-width:960px) {
	.map-container .container .content h2 {
		font-size: 18px
	}

}

.map-container .container .content p {
	color: #8b8b8b
}

.map-container .container .content .dual-buttons {
	margin-top: 25px
}

.map-container .container .content .dual-buttons a {
	pointer-events: all
}

.map-container #map {
	z-index: 0;
	position: absolute !important;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	height: auto
}

@media only screen and (max-width:1100px) {
	.map-container #map {
		position: static !important;
		width: 100%;
		height: 300px;
		display: block
	}

}

#map a[href^="http://maps.google.com/maps"] {
	display: none !important
}

#map a[href^="https://maps.google.com/maps"] {
	display: none !important
}

#map .gmnoprint a, #map .gmnoprint span, #map .gm-style-cc {
	display: none
}

#map .gmnoprint div {
	background: none !important
}

.footer-offers {
	width: 100%;
	background: #f5f5f5;
	padding: 60px 0
}

@media only screen and (max-width:720px) {
	.footer-offers {
		padding: 30px 0
	}

}

.footer-offers .content {
	width: 40%
}

@media only screen and (max-width:1500px) {
	.footer-offers .content {
		width: 100%;
		display: table-footer-group
	}

}

.footer-offers .content h2 {
	color: #f77d27;
	font-size: 28px;
	margin-bottom: 25px
}

@media only screen and (max-width:1400px) {
	.footer-offers .content h2 {
		font-size: 26px;
		margin-bottom: 15px
	}

}

@media only screen and (max-width:1200px) {
	.footer-offers .content h2 {
		font-size: 22px
	}

}

@media only screen and (max-width:960px) {
	.footer-offers .content h2 {
		font-size: 18px
	}

}

.footer-offers .content img {
	margin-bottom: 25px;
	width: 100%
}

@media only screen and (max-width:1500px) {
	.footer-offers .content img {
		margin-bottom: 0px;
		width: 550px;
		margin-right: 35px;
		float: left
	}

}

@media only screen and (max-width:1150px) {
	.footer-offers .content img {
		width: 100%;
		margin-right: 0;
		float: none
	}

}

.footer-offers .content .image {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 250px;
	margin-bottom: 25px
}

@media only screen and (max-width:1500px) {
	.footer-offers .content .image {
		display: none
	}

}

.footer-offers .content .image img {
	margin: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.footer-offers .content .dual-buttons {
	margin-top: 25px
}

.footer-offers .offers {
	padding-left: 50px
}

@media only screen and (max-width:1500px) {
	.footer-offers .offers {
		width: 100%;
		display: block;
		margin-bottom: 40px;
		padding: 0
	}

}

@media only screen and (max-width:960px) {
	.footer-offers .offers {
		margin-bottom: 25px
	}

}

.footer-offers .offers h2.offer-title {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 70px;
	font-size: 20px;
	position: relative;
	color: #bebebe;
	color: #f77d27;
	width: auto;
	display: block
}

@media only screen and (max-width:1200px) {
	.footer-offers .offers h2.offer-title {
		font-size: 22px
	}

}

@media only screen and (max-width:960px) {
	.footer-offers .offers h2.offer-title {
		font-size: 18px
	}

}

@media only screen and (max-width:800px) {
	.footer-offers .offers h2.offer-title {
		width: 100%;
		margin-bottom: 20px
	}

}

.footer-offers .offers h2.offer-title .arrow {
	position: relative
}

.footer-offers .offers h2.offer-title .arrow.left:before {
	content: '';
	background-image: url(/app/themes/CleanBuild/img/graphics/arrow-left.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: -10px;
	right: 10px;
	opacity: 0.9;
	width: 45px;
	height: 80px;
	display: inline-block
}

@media only screen and (max-width:800px) {
	.footer-offers .offers h2.offer-title .arrow.left:before {
		display: none
	}

}

.footer-offers .offers h2.offer-title .arrow.right:before {
	content: '';
	background-image: url(/app/themes/CleanBuild/img/graphics/arrow-right.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: -10px;
	left: 10px;
	opacity: 0.9;
	width: 45px;
	height: 80px;
	display: inline-block
}

@media only screen and (max-width:800px) {
	.footer-offers .offers h2.offer-title .arrow.right:before {
		display: none
	}

}

.footer-offers .offers .offers-con {
	overflow: hidden;
	text-align: center
}

.footer-offers .offers .offers-con a {
	width: calc(50% - 15px);
	float: left;
	display: block;
	height: 345px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

@media only screen and (max-width:650px) {
	.footer-offers .offers .offers-con a {
		width: 100%;
		height: 200px
	}

}

.footer-offers .offers .offers-con a:first-of-type:before {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(24, 98, 163, 0.5);
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.footer-offers .offers .offers-con a:nth-of-type(2):before {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(247, 125, 39, 0.65);
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.footer-offers .offers .offers-con a:hover:first-of-type:before {
	background: rgba(24, 98, 163, 0.3)
}

.footer-offers .offers .offers-con a:hover:nth-of-type(2):before {
	background: rgba(247, 125, 39, 0.45)
}

.footer-offers .offers .offers-con a:last-of-type {
	float: right
}

@media only screen and (max-width:650px) {
	.footer-offers .offers .offers-con a:last-of-type {
		margin-top: 25px
	}

}

.footer-offers .offers .offers-con a:last-of-type .offer {
	top: 75px;
	-webkit-transform: translateX(-50%) scale(1.2);
	-moz-transform: translateX(-50%) scale(1.2);
	-ms-transform: translateX(-50%) scale(1.2);
	-o-transform: translateX(-50%) scale(1.2);
	transform: translateX(-50%) scale(1.2)
}

@media only screen and (max-width:1720px) {
	.footer-offers .offers .offers-con a:last-of-type .offer {
		-webkit-transform: translateX(-50%) scale(1.1);
		-moz-transform: translateX(-50%) scale(1.1);
		-ms-transform: translateX(-50%) scale(1.1);
		-o-transform: translateX(-50%) scale(1.1);
		transform: translateX(-50%) scale(1.1)
	}

}

@media only screen and (max-width:880px) {
	.footer-offers .offers .offers-con a:last-of-type .offer {
		-webkit-transform: translateX(-50%) scale(0.85);
		-moz-transform: translateX(-50%) scale(0.85);
		-ms-transform: translateX(-50%) scale(0.85);
		-o-transform: translateX(-50%) scale(0.85);
		transform: translateX(-50%) scale(0.85)
	}

}

@media only screen and (max-width:650px) {
	.footer-offers .offers .offers-con a:last-of-type .offer {
		top: 15px;
		-webkit-transform: translateX(-50%) scale(0.8);
		-moz-transform: translateX(-50%) scale(0.8);
		-ms-transform: translateX(-50%) scale(0.8);
		-o-transform: translateX(-50%) scale(0.8);
		transform: translateX(-50%) scale(0.8)
	}

}

@media only screen and (max-width:430px) {
	.footer-offers .offers .offers-con a:last-of-type .offer {
		top: 7px;
		-webkit-transform: translateX(-50%) scale(0.7);
		-moz-transform: translateX(-50%) scale(0.7);
		-ms-transform: translateX(-50%) scale(0.7);
		-o-transform: translateX(-50%) scale(0.7);
		transform: translateX(-50%) scale(0.7)
	}

}

.footer-offers .offers .offers-con a .offer {
	position: absolute;
	text-shadow: 0px 0px 20px black;
	left: 50%;
	top: 100px;
	-webkit-transform: translateX(-50%) scale(1.3);
	-moz-transform: translateX(-50%) scale(1.3);
	-ms-transform: translateX(-50%) scale(1.3);
	-o-transform: translateX(-50%) scale(1.3);
	transform: translateX(-50%) scale(1.3)
}

@media only screen and (max-width:720px) {
	.footer-offers .offers .offers-con a .offer {
		-webkit-transform: translateX(-50%) scale(1.1);
		-moz-transform: translateX(-50%) scale(1.1);
		-ms-transform: translateX(-50%) scale(1.1);
		-o-transform: translateX(-50%) scale(1.1);
		transform: translateX(-50%) scale(1.1)
	}

}

@media only screen and (max-width:650px) {
	.footer-offers .offers .offers-con a .offer {
		top: 30px;
		-webkit-transform: translateX(-50%) scale(0.8);
		-moz-transform: translateX(-50%) scale(0.8);
		-ms-transform: translateX(-50%) scale(0.8);
		-o-transform: translateX(-50%) scale(0.8);
		transform: translateX(-50%) scale(0.8)
	}

}

.footer-offers .offers .offers-con a .content {
	position: absolute;
	left: 20px;
	bottom: 30px;
	right: 20px;
	width: auto
}

@media only screen and (max-width:650px) {
	.footer-offers .offers .offers-con a .content {
		left: 10px;
		bottom: 20px;
		right: 10px
	}

}

.footer-offers .offers .offers-con a .content p {
	width: 100%;
	color: #fff;
	font-size: 20px;
	text-shadow: 0px 0px 10px black
}

@media only screen and (max-width:880px) {
	.footer-offers .offers .offers-con a .content p {
		font-size: 16px
	}

}

@media only screen and (max-width:490px) {
	.footer-offers .offers .offers-con a .content p {
		font-size: 14px
	}

}

.footer-offers .offers .offers-con a .content p b {
	font-size: inherit
}

.testimonials {
	position: relative;
	padding: 60px 0
}

@media only screen and (max-width:720px) {
	.testimonials {
		padding: 30px 0
	}

}

.testimonials.border {
	border-bottom: 1px solid #ebebeb
}

.testimonials.border-top {
	border-top: 1px solid #ebebeb
}

.testimonials h2 {
	color: #1862a3;
	text-align: center;
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 50px
}

@media only screen and (max-width:1850px) {
	.testimonials h2 {
		margin-bottom: 35px
	}

}

@media only screen and (max-width:1050px) {
	.testimonials h2 {
		margin-bottom: 15px
	}

}

.testimonials .cycle-slideshow {
	z-index: 1
}

.testimonials .cycle-next {
	position: absolute;
	top: 50%;
	right: 100px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 60px;
	color: #c2c2c2
}

@media only screen and (max-width:1850px) {
	.testimonials .cycle-next {
		right: 60px
	}

}

@media only screen and (max-width:1750px) {
	.testimonials .cycle-next {
		right: 20px;
		font-size: 40px
	}

}

@media only screen and (max-width:1350px) {
	.testimonials .cycle-next {
		display: none
	}

}

.testimonials .cycle-prev {
	position: absolute;
	top: 50%;
	left: 100px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 60px;
	color: #c2c2c2
}

@media only screen and (max-width:1850px) {
	.testimonials .cycle-prev {
		left: 60px
	}

}

@media only screen and (max-width:1750px) {
	.testimonials .cycle-prev {
		left: 20px;
		font-size: 40px
	}

}

@media only screen and (max-width:1350px) {
	.testimonials .cycle-prev {
		display: none
	}

}

.testimonials .testimonial_slide {
	text-align: justify;
	position: relative
}

.testimonials .testimonial_slide:after {
	content: '';
	display: inline-block;
	width: 100%
}

.testimonials .testimonial_slide .testimonial-client {
	font-style: normal;
	font-size: 13px;
	margin-top: 15px;
	color: #f77d27;
	display: block;
	width: 100%;
	text-align: right;
	font-weight: 700
}

@media only screen and (max-width:720px) {
	.testimonials .testimonial_slide .testimonial-client {
		text-align: center
	}

}

.testimonials .testimonial_slide .easy_t_single_testimonial {
	width: 23%;
	display: inline-block;
	vertical-align: top
}

@media only screen and (max-width:1300px) {
	.testimonials .testimonial_slide .easy_t_single_testimonial {
		width: 32%
	}

	.testimonials .testimonial_slide .easy_t_single_testimonial:last-of-type {
		display: none
	}

}

@media only screen and (max-width:1050px) {
	.testimonials .testimonial_slide .easy_t_single_testimonial {
		width: 49%
	}

	.testimonials .testimonial_slide .easy_t_single_testimonial:nth-of-type(3) {
		display: none
	}

}

@media only screen and (max-width:720px) {
	.testimonials .testimonial_slide .easy_t_single_testimonial {
		width: 100%;
		text-align: center
	}

	.testimonials .testimonial_slide .easy_t_single_testimonial:nth-of-type(2) {
		display: none
	}

}

.testimonials .testimonial_slide .easy_t_single_testimonial .testimonial_body p {
	line-height: 1.25;
	color: #363636;
	font-style: italic;
	color: rgba(79, 79, 79, 0.8)
}

.fair-trades {
	background: #f5f5f5;
	padding: 25px 0
}

.fair-trades .image {
	padding-right: 30px
}

@media only screen and (max-width:1575px) {
	.fair-trades .image {
		width: 200px;
		text-align: center;
		padding: 0
	}

}

@media only screen and (max-width:1375px) {
	.fair-trades .image {
		display: block;
		text-align: center;
		width: 100%;
		margin-bottom: 15px
	}

}

@media only screen and (max-width:1375px) {
	.fair-trades .content {
		width: 100%;
		display: block
	}

}

.fair-trades p {
	font-size: 17px;
	font-style: italic;
	text-align: right
}

@media only screen and (max-width:1575px) {
	.fair-trades p {
		font-size: 16px
	}

}

@media only screen and (max-width:1375px) {
	.fair-trades p {
		width: 600px;
		text-align: center;
		margin: 0 auto;
		display: block
	}

}

@media only screen and (max-width:665px) {
	.fair-trades p {
		width: 100%
	}

}

.fair-trades p b {
	font-size: inherit
}

.fair-trades p a {
	font-weight: 700;
	color: #f77d27;
	margin-left: 5px;
	font-size: inherit
}

@media only screen and (max-width:1575px) {
	.fair-trades p a {
		display: block;
		margin-top: 5px
	}

}

.fair-trades p a:hover {
	color: #f77d27
}

.three-ctas.footer-ctas {
	padding: 25px 0
}

.three-ctas.footer-ctas .container {
	height: 200px
}

@media only screen and (max-width:1450px) {
	.three-ctas.footer-ctas .container {
		height: 150px
	}

}

@media only screen and (max-width:860px) {
	.three-ctas.footer-ctas .container {
		height: auto
	}

}

.three-ctas.footer-ctas a {
	height: 200px;
	background: #fff
}

@media only screen and (max-width:1450px) {
	.three-ctas.footer-ctas a {
		width: 49%;
		height: 150px
	}

}

@media only screen and (max-width:860px) {
	.three-ctas.footer-ctas a {
		width: 100%;
		height: auto
	}

}

@media only screen and (max-width:1450px) {
	.three-ctas.footer-ctas a:last-of-type {
		display: none
	}

}

@media only screen and (max-width:860px) {
	.three-ctas.footer-ctas a:last-of-type {
		display: block;
		margin-bottom: 0px
	}

}

.three-ctas.footer-ctas .cta {
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease
}

.three-ctas.footer-ctas .cta .content {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 20px;
	width: auto
}

@media only screen and (max-width:860px) {
	.three-ctas.footer-ctas .cta .content {
		position: static;
		padding: 20px
	}

}

.three-ctas.footer-ctas .cta .content p {
	color: #fff;
	font-weight: 400
}

.three-ctas.footer-ctas .cta .content p b {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700
}

.accreds {
	padding: 40px 0 20px
}

.accreds .container {
	text-align: justify
}

@media only screen and (max-width:1450px) {
	.accreds .container {
		text-align: center
	}

}

.accreds .container:after {
	content: '';
	display: inline-block;
	width: 100%
}

@media only screen and (max-width:1450px) {
	.accreds .container:after {
		display: none
	}

}

.accreds .container img {
	display: inline-block;
	vertical-align: middle;
	max-width: 150px
}

@media only screen and (max-width:1560px) {
	.accreds .container img {
		max-width: 130px
	}

}

@media only screen and (max-width:1450px) {
	.accreds .container img {
		margin: 10px 45px
	}

}

@media only screen and (max-width:985px) {
	.accreds .container img {
		max-width: 120px;
		margin: 10px 20px
	}

}

@media only screen and (max-width:530px) {
	.accreds .container img {
		max-width: 80px;
		margin: 5px 0
	}

}

.footer a, .footer p, .footer li, .footer h2 {
	color: #fff
}

.footer a:hover {
	color: #f77d27
}

.footer-links {
	background: #1862a3;
	padding: 50px 0
}

@media only screen and (max-width:720px) {
	.footer-links {
		padding: 30px 0
	}

}

.footer-links h2 {
	font-size: 18px;
	margin-bottom: 30px
}

.footer-links .links {
	width: 50%
}

@media only screen and (max-width:475px) {
	.footer-links .links {
		display: none
	}

}

.footer-links .links .col {
	width: auto;
	display: inline-block;
	vertical-align: top
}

.footer-links .links .col:first-of-type {
	margin-right: 130px
}

@media only screen and (max-width:900px) {
	.footer-links .links .col:first-of-type {
		margin-right: 60px
	}

}

@media only screen and (max-width:630px) {
	.footer-links .links .col:first-of-type {
		display: none
	}

}

.footer-links .links .col li {
	margin-bottom: 12px
}

.footer-links .address {
	width: 50%;
	text-align: right
}

@media only screen and (max-width:475px) {
	.footer-links .address {
		width: 100%;
		text-align: left
	}

}

.footer-links .address .col {
	width: auto;
	display: inline-block;
	vertical-align: top
}

.footer-links .address .col:first-of-type {
	margin-right: 70px
}

@media only screen and (max-width:900px) {
	.footer-links .address .col:first-of-type {
		display: none
	}

}

.footer-links .address .col li {
	margin-bottom: 8px
}

.footer-links .address .col li.space {
	height: 10px
}

.footer-links .address .col li.social a {
	font-size: 20px;
	margin-left: 15px
}

.footer-links .address .col li.social a .fa {
	margin: 0px
}

.footer-links .address .col li .fa {
	margin-right: 5px
}

.footer-links .address .col h2.italics {
	margin-bottom: 10px;
	font-style: italic
}

.bottom-footer {
	text-align: center;
	background: #155791;
	font-size: 14px;
	padding: 40px 0
}

@media only screen and (max-width:720px) {
	.bottom-footer {
		padding: 30px 0
	}

}

.bottom-footer img {
	vertical-align: middle;
	margin-left: 5px
}

.finace-box {
	width: 800px;
	background: #1862a3;
	color: #fff;
	border: 1px solid #1e5b94;
	margin: 25px auto 60px
}

@media only screen and (max-width:900px) {
	.finace-box {
		width: 100%
	}

}

@media only screen and (max-width:600px) {
	.finace-box {
		margin: 25px auto 40px
	}

}

.finace-box thead tr th {
	background: #15558d;
	padding: 15px 25px;
	text-transform: uppercase
}

@media only screen and (max-width:600px) {
	.finace-box thead tr th {
		padding: 10px 20px;
		font-size: 14px
	}

}

@media only screen and (max-width:540px) {
	.finace-box tbody {
		overflow-x: scroll
	}

}

.finace-box tbody tr td {
	width: 50%;
	padding: 15px 25px;
	border: 1px solid #1e5b94
}

@media only screen and (max-width:600px) {
	.finace-box tbody tr td {
		padding: 10px 20px;
		font-size: 14px
	}

}

@media only screen and (max-width:450px) {
	.finace-box tbody tr td {
		font-size: 12px;
		line-height: 1.2;
		vertical-align: middle
	}

}

.finace-box tbody tr td:first-of-type {
	text-align: right
}

address {
	font-style: normal
}

.fixed-offers {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 40;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	left: 0;
	right: 0;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	transition: ease 0.5s;
	opacity: 1
}

.fixed-offers.hide {
	opacity: 0;
	bottom: -100px
}

.fixed-offers .inner {
	max-width: 1400px;
	width: 100%;
	margin: auto;
	background: #1862a3;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	transition: ease 0.3s
}

.fixed-offers p {
	margin-bottom: 0;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	float: left;
	padding: 10px;
	font-size: 19px
}

@media only screen and (max-width:1400px) {
	.fixed-offers p {
		font-size: 14px
	}

}

.fixed-offers p.orange {
	background: #f77d27;
	text-transform: uppercase;
	width: 25%;
	line-height: 37px
}

@media only screen and (max-width:1400px) {
	.fixed-offers p.orange {
		line-height: 30px
	}

}

@media only screen and (max-width:1010px) {
	.fixed-offers p.orange {
		display: none
	}

}

.fixed-offers p.dblue {
	background: #0055a0;
	width: 55%;
	margin-top: 0
}

.fixed-offers p.dblue span {
	color: #f77d27;
	font-size: 25px
}

@media only screen and (max-width:1400px) {
	.fixed-offers p.dblue span {
		font-size: 20px
	}

}

@media only screen and (max-width:1010px) {
	.fixed-offers p.dblue {
		width: 80%
	}

}

@media only screen and (max-width:720px) {
	.fixed-offers p.dblue {
		width: 100%
	}

}

.fixed-offers p.lblue {
	background: #1862a3;
	width: 20%;
	margin-top: 0;
	line-height: 37px
}

@media only screen and (max-width:1400px) {
	.fixed-offers p.lblue {
		line-height: 30px
	}

}

@media only screen and (max-width:1010px) {
	.fixed-offers p.lblue {
		width: 20%
	}

}

@media only screen and (max-width:720px) {
	.fixed-offers p.lblue {
		display: none
	}

}

.faq-content, .further-information-content {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0;
	margin-bottom: 20px
}

.ui-accordion-header {
	background: #f5f5f5;
	border-radius: 5px;
	margin-top: 20px;
	padding: 10px
}

.ui-accordion-header:hover {
	cursor: pointer
}

.ui-accordion-content {
	padding: 10px
}

.flex-2-col {
	display: flex;
	flex-flow: row wrap
}

.flex-2-col > div {
	width: 50%;
	padding-left: 20px;
	padding-right: 20px
}

@media (max-width:1199px) {
	.flex-2-col > div {
		width: 100%
	}

}

.further-information ul {
	padding: 20px 0 0 20px;
}

.further-information li {
	list-style: disc;
}

p a:hover, li a:hover {
	text-decoration: underline !important;
}

.standard-content a:hover {
	text-decoration: underline;
}

.wp-caption {
	border: 1px solid #efefef;
	padding: 5px;
}

.wp-caption-text {
	font-size: 12px !important;
}

.grecaptcha-badge {
	display: none !important;
}

.split-content .right.blue a {
	/* color: #fff !important; */
	font-weight: bold !important;
}

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 99;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center;
}

.blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	display: none;
	vertical-align: middle;
	top: 2%;
	margin-bottom: 50px !important;
	bottom: 10%;
	position: relative;
	z-index: 2;
	max-width: 500px;
	box-sizing: border-box;
	width: 90%;
	background: #fff;
	padding: 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	text-align: left;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
}

.modal-spinner {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	padding: 12px 16px;
	border-radius: 5px;
	background-color: #111;
	height: 20px;
}

.modal-spinner > div {
	border-radius: 100px;
	background-color: #fff;
	height: 20px;
	width: 2px;
	margin: 0 1px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.modal-spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.modal-spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% {
		-webkit-transform: scaleY(0.5)
	}

	20% {
		-webkit-transform: scaleY(1.0)
	}

}

@keyframes sk-stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.5);
		-webkit-transform: scaleY(0.5);
	}

	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}

}

h5.blogSeperator {
	padding: 20px 0;
	color: #8e8e8e;
}

.navigation h2 {
	display: none;
}

a.page-numbers {
	background-color: #f77d48;
	color: white;
	padding: 10px 20px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

a.page-numbers:hover {
	background-color: #1862a3;
}

nav.navigation.pagination h2 {
	display: none;
}

nav.navigation.pagination {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-item: center;
	min-height: 40px;
	height: auto;
}

span.page-numbers.current {
	background-color: #1862a3;
	padding: 10px 20px;
	color: white;
}

@media (max-width:504px) {
	a.page-numbers {
		background-color: #f77d48;
		color: white;
		padding: 10px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	}

	span.page-numbers.current {
		background-color: #1862a3;
		padding: 10px;
		color: white;
	}

}

.page-id-12139 .standard-content, .page-id-12139 .fair-trades {
	display:none !important;
}

.itembenefitsWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.itemOptionsWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.item {
    width: calc(100% / 3 - 1em);
    padding: 2em;
    margin: 0.5em;
}

.benefitsIntro {
    padding: 0;
}

.optionsIntro {
    /* padding: 2em 0; */
}

.item .itemTitle {
     padding: 0 0 10px 0;
}

@media (max-width:960px) {
	.item {
    width: calc(100% / 2 - 1em - 8px);
    padding: 1em;
}
}

@media (max-width:620px) {
	.item {
	    width: calc(100% - 1em - 8px);
	    padding: 1em;
	    margin: 0.5em;
	}
}

.page-template-page-aluminium-windows-and-doors-php .right {
    padding: 1.5em !important;
}

.featureContentRight {
    display: flex;
    flex-direction: row;
}

.featureContentRight .rightContent {
    width: 40%;
    padding: 2em;
}

.featureContentRight .leftContent {
    width: 60%;
    background-color: #f77d27;
    min-height: 600px;
}


.featureContentLeft {
    display: flex;
    flex-direction: row;
}

.featureContentLeft .rightContent {
    width: 40%;
    padding: 1.5em;
}

.featureContentLeft .leftContent {
    width: 60%;
    background-color: #f77d27;
}

.featureContentLeft .leftContent {
    width: 40%;
    padding: 2em;
    background-color:white;
}

.featureContentLeft .rightContent {
    width: 60%;
    background-color:#0055a0;
}

div#benefits {
    background-color: #f5f5f5;
    text-align: center;
    padding: 50px 0;
}

.page-id-13614 div#benefits {
    padding: 80px 0;
}

div#Options {
    text-align: center;
    padding-bottom: 2em;
}



#colours {
    display: flex;
    flex-direction: row;
    padding: 50px 0;
}

.page-id-13614 #colours {
    padding: 50px 0.5em;
}

.page-id-13614 #colours .leftContent {
    width: 50%;
    padding: 1em 1em 1em 0;
}

#colours .leftContent {
    width:50%;
    padding:1em;
}

#colours .rightContent {
    width:50%;
    padding:1em;
}

#supplier {
    padding: 50px 1em;
}

.page-id-13614 #supplier {
    padding: 80px 0.5em;
}

#Design {
    padding: 50px 1em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.page-id-13614 #Design {
    padding: 80px 0.5em;
}

.grey {
    background-color: #f5f5f5 !important;
}

.featureContentRight .leftContent:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1;
    background-image: url(https://www.majesticdesigns.co.uk/wp-content/uploads/2020/03/aluminium-doors-8.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
 }

 .leftContent {
     position:relative;
 }

  .rightContent {
     position:relative;
 }

 .featureContentLeft .rightContent:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1;
    background-image: url(https://www.majesticdesigns.co.uk/wp-content/uploads/2020/03/aluminium-doors-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
 }

 #supplierPoints {
    display: flex;
    flex-direction: row;
}

.supplierPoint {
    padding: 1em;
}

div#colours h3 {
    padding: 30px 0;
}

div#supplier h3 {
    padding: 30px 0;
}

div#Design h3 {
    padding: 30px 0;
}

#colours .leftContent img {
    width:100%;
    height:auto;
    padding:1em;
}

.supplierPoint h4 {
    padding: 0 0 10px 0;
}

.supplierPoint:first-of-type {
    padding-left: 0;
}
.supplierPoint:last-of-type {
    padding-right: 0;
}

.item {
    position:relative;
    background-size:cover;
    text-align: left;
}

.item .itemTitle {
    z-index:2;
    position:relative;
    color:white;
    font-size:18px;
    text-transform: capitalize;
}

.item .itemDescription {
    z-index:2;
    position:relative;
    color:white;
}


.item:before {
    content:"";
    background-color:hsl(208deg 74% 35% / 63%);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    z-index:0;
}

div#colours h3 {
    padding: 0;
}

.benefitsIntro {
    max-width: 980px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0 0.5em;
}

.optionsIntro {
    max-width: 1300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

div#Design h3 {
    padding: 0;
}

div#supplier h3 {
    padding: 0;
}

div#Options {
    padding: 50px 0;
}

.page-id-13614 div#Options {
   padding: 80px 0;
}

.featureContentRight {
    min-height: 600px;
}

@media (max-width:800px) {
div#modal li {
    padding: 10px 0;
}
}

@media (max-width:960px) {
.mob-menu li a {
    padding: 10px 20px !important;
}
}

.featureContentRight .rightContent {
    background-color: #1862a3;
}

.designContent {
    width: 50%;
}

.designImage img {
    width:95%;
    height:auto;
}

.designImage {
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    width:50%;
}

@media (max-width:1102px) {

    .designContent {
        width:70% !important;
    }

    .designContent p {
        width:100% !important;
    }

    .designImage { 
        width:30% !important;
    }

    .designImage img {
        width:80% !important;
    }
}


@media (max-width:1102px) {
div#Design {
    flex-direction:column;
}

.designContent {
        width:100% !important;
    }

     .designImage { 
        width:100% !important;
    }

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

@media (max-width:962px) {
div#supplierPoints {
    flex-direction:column;
}

.supplierPoint:first-of-type {
    padding-left: 1em;
}

.featureContentRight {
    flex-direction:column;
}

.featureContentLeft {
    flex-direction:column;
}

.featureContentRight .leftContent {
    width:100%;
}

.featureContentRight .rightContent {
    width:100%;
}

.featureContentLeft .leftContent {
    width:100%;
}

.featureContentLeft .rightContent {
    width:100%;
    height:600px;
}
}

@media (max-width:674px) {
    div#colours {
        flex-direction:column;
    }

    #colours .leftContent {
    width: 100%;
    padding: 1em;
     }

     #colours .rightContent {
    width: 100%;
    padding: 1em;
     }
}

.benefitsIntro p {
    margin-bottom: 20px;
}

.featureContentRight .rightContent h3, .featureContentRight .rightContent p{
    color: white !important;
}

.featureContentLeft .leftContent {
    background-color: #f77d27;
}

.featureContentLeft .leftContent h3, .featureContentLeft .leftContent p{
    color: white;
}

.optionsIntro {
    padding-bottom: 50px;
}

.page-id-13614 .optionsIntro {
     padding: 0 0.5em;
}

.optionsIntro p:first-of-type {
    margin-top: 0;
}

.page-template-page-guide-to-double-glazing #supplierPoints {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
}

.page-template-page-guide-to-double-glazing .supplierPoint {
    width:50%;
    padding: 0;
}

.supplierPoint.point_0 {
    padding-right: 1em;
}

.optionsIntro p {
    margin: 20px 0 !important;
}

.optionsIntro p:nth-child(2) {
    margin-bottom:0 !important;
}

@media (max-width:674px) {
	.page-template-page-guide-to-double-glazing .supplierPoint {
	    width: 100%;
	    padding: 0;
	}
	
	.page-id-13614 #colours .leftContent {
	    width: 100%;
	    padding: 1em;
	}
}

p.covid_message {
    text-align: center;
    background-color: #343638;
    color: white;
    padding: 1rem 6rem;
	display: inline-block;
	width: 100%;
}

p.covid_message strong {
    color: #f77d27;
}

.fa-facebook,
.fa-twitter,
.fa-envelope-o {
	color: #1862a3;
}

.fa-facebook:hover,
.fa-twitter:hover,
.fa-envelope-o:hover {
	color: #f77d27;
}

/* Sitemap Styles */

.sitemap-pages ul {
	margin-left: 20px;
	list-style: none;
}
.sitemap-pages > li {
	margin-bottom: 5px;
}
.sitemap-pages ul li {
	margin-bottom: 3px;
}