/*!
We Are Duo main.css
*/
p.social-feed-text {
	margin-top: 25px;
	color: #ebebeb;
	text-align: left;
	font-size: 1em
}

.social-feed-element {
	color: #8a8a8a;
	text-align: left;
	font-size: 1.6em
}

.social-feed-element a {
	color: #8a8a8a;
	margin-right: 5px
}

.social-feed-element a:hover {
	color: #56a4c9
}

.social-feed-links {
	width: 100%;
	margin-top: 35px;
	margin-bottom: 0px;
	border-bottom: 1px solid #56a4c9;
	display: inline-block;
	padding-bottom: 20px
}

.social-feed-element img:hover {
	opacity: 0.7
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-tap-highlight-color: transparent;
	height: 300px
}

.slick-list {
	width: 90%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-loading .slick-list {
	background: #fff url("ajax-loader.gif") center center no-repeat
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	text-align: center;
	float: left;
	height: 300px;
	min-height: 1px;
	display: none
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: inline-block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

@font-face {
	font-family: "slick";
	src: url("fonts/slick.eot");
	src: url("fonts/slick.eot?#iefix") format("embedded-opentype"), url("fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype"), url("fonts/slick.svg#slick") format("svg");
	font-weight: normal;
	font-style: normal
}

.rangeCarousel .slick-prev,
.rangeCarousel .slick-next {
	position: absolute;
	display: block;
	height: 300px;
	width: 5%;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 0;
	margin-top: 0;
	padding: 0;
	border: none;
	outline: none
}

.rangeCarousel .slick-prev:focus,
.rangeCarousel .slick-next:focus {
	outline: none
}

.rangeCarousel .slick-prev.slick-disabled:before,
.rangeCarousel .slick-next.slick-disabled:before {
	opacity: 0.25
}

.rangeCarousel .slick-prev:before,
.rangeCarousel .slick-next:before {
	font-family: "FontAwesome";
	font-size: 20px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #53a2c8
}

.rangeCarousel .slick-prev {
	left: 0
}

.rangeCarousel .slick-prev:before {
	content: '\f053'
}

.rangeCarousel .slick-next {
	right: 0
}

.rangeCarousel .slick-next:before {
	content: '\f054'
}

.slick-slider {
	margin-top: 4em
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\2022";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	opacity: 0.75
}

@media only screen and (max-width: 568px) {

	.rangeCarousel .slick-prev,
	.rangeCarousel .slick-next {
		width: 10%
	}

	.slick-list {
		width: 80%
	}
}

/*body {
	font-family: "proxima-nova";
	font-size: 62.5%
}*/

/*h1,
h2,
h3,
h4,
h5 {
	font-family: "proxima-nova"
}
*/
/*h1 {
	font-size: 3.6em;
	line-height: 1.2;
	margin-bottom: 0.3em;
	color: #0b6295
}

h2 {
	font-size: 3em;
	font-weight: 800;
	color: #56a4c9;
	text-transform: uppercase
}

h3 {
	font-size: 2.4em;
	color: #0b6295;
	margin-bottom: 1em
}

h4 {
	font-size: 1.8em;
	color: #53a2c8
}

h5 {
	font-weight: 800;
	font-size: 1.4em;
	font-family: "proxima-nova";
	margin-bottom: 0.5em
}

h6 {
	font-weight: 800;
	font-size: 1.2em;
	font-family: "proxima-nova";
	margin-bottom: 0.5em
}*/
/*
.subheading {
	color: #7e7e7e;
	font-size: 3em;
	font-weight: 300;
	line-height: 1.5
}

.subheadinglarge {
	font-family: "proxima-nova";
	color: #7e7e7e;
	font-size: 4em;
	font-weight: 300;
	line-height: 1
}

p {
	font-size: 1.6em;
	margin-bottom: 0.5em;
	line-height: 1.6em;
	font-weight: 400;
	color: #555
}

.title p {
	font-size: 5.5em;
	color: #363636;
	font-weight: 900;
	line-height: 0.85em;
	margin-top: 40px;
	margin-bottom: 0px;
	background: #ebebeb;
	padding: 10px 0
}*/

/*a {
	text-decoration: none;
	color: #0b6295
}*/

/*a:hover {
	color: #1987C7
}
*/
.blog-entry li {
	position: relative;
	/* font-size: 1.6em; */
	color: #555
}

.blog-entry li p {
	position: relative;
	font-size: 1em
}

.content ul {
	margin-left: 40px
}

.content ul li {
	list-style-type: disc;
	margin-bottom: 0.5em;
	line-height: 1.8em;
	font-weight: 400;
	color: #555
}

.ticks,
.ticks li,
.arrows,
.arrows li,
.carets,
.carets li {
	list-style: none !important;
	padding-left: 20px
}

.ticks li:before,
.arrows li:before,
.carets li:before {
	font-family: FontAwesome;
	margin-top: -6px;
	color: #0E6294;
	padding-right: 20px;
	position: relative;
	display: inline-block
}

.standard {
	padding-left: 40px
}

.standard li {
	list-style-type: disc
}

.ticks li:before {
	content: '\f00c'
}

.arrows li:before {
	content: '\f061'
}

.carets li:before {
	content: '\f0da'
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-sizing: border-box
}

/*html,
body {
	height: 100%
}*/

/*body {
	background: #ebebeb
}*/

/*#siteWrap,
#footer,
.wrap {
	max-width: 1400px;
	margin: 0 auto
}
*/
/*a img {
	border: none
}*/

/*img {
	max-width: 100%;
	height: auto
}*/

.lightBlueBg {
	background-color: #53a2c8
}

.darkBlueBg {
	background-color: #0b6295
}

.whiteBg {
	background-color: #fff
}

.paleGreyBg {
	background-color: #f3f3f3
}

.midGreyBg {
	background-color: #f0f0f0
}

.greyBg {
	background-color: #f4f2f2
}

.darkGreyBg {
	background: #000;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(54, 54, 54, 0.25) 65%, rgba(54, 54, 54, 0.25) 65%, rgba(0, 0, 0, 0.25) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(54, 54, 54, 0.25) 65%, rgba(54, 54, 54, 0.25) 65%, rgba(0, 0, 0, 0.25) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(54, 54, 54, 0.25) 65%, rgba(54, 54, 54, 0.25) 65%, rgba(0, 0, 0, 0.25) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)
}

.white {
	color: #fff !important
}

.lightBlue {
	color: #53a2c8 !important
}

.darkBlue {
	color: #0b6295 !important
}

.paleGrey {
	color: #b0b0b0 !important
}

.lightGrey {
	color: #737373 !important
}

.darkGrey {
	color: #3b3b3b !important
}

.button-banner,
.button-link {
	width: 100%;
	max-width: 310px;
	color: #56a4c9;
	background: transparent;
	position: relative;
	line-height: 1;
	overflow: hidden;
	font-weight: 500;
	font-size: 1.6em;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
	border: 1px solid #56a4c9;
	margin-top: 80px;
	display: inline-block
}

.button-banner:hover,
.button-link:hover {
	color: #fff;
	background: #56a4c9
}

.button-banner-text {
	padding: 1.2em 1.2em 0 1.2em;
	float: left
}

.button-banner .fa,
.button-link .fa {
	max-width: 50px;
	float: right;
	border-left: 1px solid #56a4c9;
	height: 100%;
	margin: 0 auto;
	padding: 1.2em
}

.button-banner:hover .button-banner .fa {
	border-left: 1px solid #fff
}

.button {
	padding: 1.5em;
	padding-right: 20%;
	color: #fff;
	border-radius: 3px;
	position: relative;
	line-height: 1;
	overflow: hidden;
	font-weight: 700;
	font-size: 1.6em;
	text-transform: uppercase;
	border: none;
	cursor: pointer
}

.open {
	font-size: 26em;
	color: #d9d9d9;
	font-weight: 700;
	margin-bottom: 0px;
	height: 160px
}

.close {
	font-size: 26em;
	color: #d9d9d9;
	font-weight: 700;
	margin-top: -70px;
	height: 160px;
	line-height: 0;
	float: right;
	margin-right: 20px
}

.rating {
	display: inline-block;
	width: 100%;
	font-size: 2em;
	color: #56a4c9;
	margin-top: 20px
}

.auth p {
	color: #56a4c9;
	margin-top: 10px;
	font-weight: 600
}

.text {
	margin-left: 75px
}

.unit .button {
	margin: 2em 0
}

.button:hover {
	color: #fff !important
}

.button:before {
	content: '\f054';
	font-family: FontAwesome;
	font-size: 1.2em;
	position: absolute;
	height: 100%;
	width: 20%;
	left: auto;
	right: 0;
	top: 0;
	bottom: 0;
	line-height: 3.5;
	text-align: center;
	z-index: 2
}

.button:after {
	content: '';
	width: 50%;
	height: 200%;
	background: #2b7497;
	z-index: 1;
	right: -35%;
	bottom: -50%;
	margin: -5px 0 0 -5px;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotate(17deg);
	-moz-transform-origin: 0 0;
	-moz-transform: rotate(17deg);
	-ms-transform-origin: 0 0;
	-ms-transform: rotate(17deg);
	transform-origin: 0 0;
	transform: rotate(17deg);
	position: absolute;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.button:hover:after {
	width: 45%
}

.button.small {
	padding: 1em;
	padding-right: 5em;
	font-size: 1.2em
}

.button.small:before {
	line-height: 2.6
}

.button.small:hover:after {
	width: 54%
}

.ccm-gallery tbody tr td img {
	padding: 10px 10px 0 10px !important
}

#lightbox-container-image-box {
	height: auto !important;
	width: 100% !important;
	max-width: 60% !important
}

#lightbox-container-image-data-box {
	max-width: 60% !important
}

.contact-form,
.review-form {
	width: 80%;
	margin: 0 auto
}

.contact-form .unit,
.review-form .unit {
	margin-bottom: 30px
}

.mini-quote-form .unit {
	width: 100%;
	margin-bottom: 10px
}

.contact-form label,
.mini-quote label,
.review-form label {
	display: none
}

.contact-form .check {
	margin: 30px auto;
	text-align: center
}

.review-form .check {
	margin: 30px auto;
	text-align: left
}

.contact-form .check input,
.review-form .check input {
	width: auto;
	display: inline;
	margin-right: 10px
}

.contact-form .check label,
.review-form .check label {
	display: inline;
	display: inline;
	font-weight: 600;
	font-size: 1.4em;
	color: #535353
}

.mini-quote-form {
	background: #f5f5f5;
	padding: 30px;
	border-radius: 3px;
	clear: both
}

button {
	border: none;
	display: block
}

/* section input,
#sidebarRight input,
section textarea,
section select {
	background: transparent;
	border: 3px solid #d7d7d7;
	border-radius: 3px;
	padding: 15px;
	color: #252525;
	width: 100%;
	font-weight: 400;
	font-size: 1.6em;
	font-family: "proxima-nova"
} */

/* section textarea {
	height: 150px;
	font-family: "proxima-nova";
	font-weight: 400
} */

.textarea-center {
	margin: 0 auto !important
}

/* .styled-select {
	width: 100%;
	overflow: hidden;
	background: url(/themes/theme_windowmate//assets/img/selectBg.png) no-repeat right center
} */

/* .styled-select select {
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "proxima-nova"
} */
/* 
section select option {
	color: #979797
} */

.center {
	margin: 0 auto
}

.left {
	float: left
}

.right {
	float: right
}

.noPaddingBtm {
	padding-bottom: 0
}

.noPaddingTop {
	padding-top: 0
}

.noPadding {
	padding: 0
}

.borderBtm {
	border-bottom: 1px solid #ebebeb
}

.marginBtm {
	margin-bottom: 5% !important
}

.marginTop {
	margin-top: 5% !important
}

.table {
	display: table;
	width: 100%
}

.tableCell {
	display: table-cell;
	vertical-align: middle;
	position: relative
}

/*section {
	padding: 6em 0;
	position: relative
}*/

/*section.narrow {
	padding: 4em 0
}*/

/*section.social {
	background-color: #363636;
	display: inline-block;
	width: 100%;
	margin-top: 0px;
	padding: 100px;
	top: 0
}*/

#suppliers {
	background-color: #fff;
	padding: 90px 0 50px 0;
	background-image: url(/assets/img/product-bg.png);
	background-repeat: no-repeat;
	background-position: 22% 100px;
	display: inline-block;
	width: 100%
}

.supplier {
	margin-top: 70px;
	margin-bottom: 40px;
	border-left: 1px solid #56a4c9
}

.supplier:first-child {
	border-left: none
}

#products {
	padding: 125px 0 50px 0;
	background: url(/assets/img/product-bg.png);
	background-repeat: no-repeat;
	background-position: 0px 132px
}

.productBox {
	margin-bottom: 1%;
	background: #56a4c9;
	overflow: hidden;
	display: block;
	margin-right: 1%;
	-webkit-box-shadow: 0px 0px 3px 5px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0px 0px 3px 5px rgba(0, 0, 0, 0.075);
	box-shadow: 0px 0px 3px 5px rgba(0, 0, 0, 0.075)
}

.productBox.fullThird {
	width: 32.6666%
}

.productBox a {
	background: rgba(86, 164, 201, 0.8);
	display: block;
	height: 100%;
	top: 0px;
	position: relative;
	z-index: 50;
	padding-top: 30%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out
}

.productBox a:hover {
	background: rgba(86, 164, 201, 0.95);
	display: block;
	height: 100%;
	top: 0px;
	position: relative;
	z-index: 50;
	padding-top: 30%
}

.productBox a h3 {
	text-align: center;
	opacity: 1 !important;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
	max-width: 310px;
	margin: 0 auto;
	padding: 15px 0;
	position: relative
}

.productBoxOverlay {
	position: absolute;
	width: 33.333%;
	height: 330px;
	background: #56a4c9;
	opacity: 0.5;
	overflow: hidden
}

.fullWrapper {
	position: relative;
	margin-bottom: 4em;
}

#sidebar {
	width: 20%;
	height: 100%;
	float: left;
	margin: 5% 5% 0 0
}

#sidebarRight {
	width: 20%;
	height: 100%;
	float: right;
	margin: 5% 5% 0 0
}

section.sideSection {
	width: 75%;
	float: left;
	padding-top: 5%;
	padding-right: 5%
}

section.sideSection .wrap {
	padding-right: 0
}

section.sideSection.left {
	padding-right: 0;
	padding-left: 5% !important
}

section.sideSection.left.blogPost {
	padding-right: 5%;
	float: left !important
}

.sideSection.left .wrap {
	padding-right: 10%;
	padding-left: 0
}

.twoColumns {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2
}

.ccm-image-block {
	width: 100%;
	height: auto;
	margin-bottom: 20px
}

.blog-entry .ccm-image-block {
	max-width: none
}

.blogPost ul {
	margin: 0;
	padding-left: 15px
}

.blogPost ul li {
	list-style: square;
	margin-bottom: 0.5em;
	line-height: 1.6em;
	font-weight: 400;
	color: #555
}

.mainImage .ccm-image-block {
	max-width: none
}

hr {
	border: none;
	height: 1px;
	background: #ebebeb;
	margin: 5% 0
}

.row {
	clear: both;
	width: 100%
}

.unit {
	float: left
}

.half {
	width: 48%;
	margin-right: 4%
}

.half:nth-child(even) {
	margin-right: 0;
	float: right;
	clear: right
}

.fullHalf {
	width: 50%
}

.third {
	width: 30.3333%;
	margin-right: 4%
}

.fullThird {
	width: 33.3333%
}

.twoThirds {
	width: 64.6666%;
	margin-right: 5%
}

.threeQuarters {
	width: 72%;
	margin-right: 4%
}

.quarter {
	width: 22%;
	margin-right: 4%
}

.fullQuarter {
	width: 25%
}

.last {
	margin-right: 0
}

.wrap {
	position: relative
}

.title {
	width: 50%
}

.title.center {
	text-align: center;
	margin: 0 auto
}

.title.center p.subheading {
	font-size: 2em
}

.pageBreadcrumb {
	float: right;
	width: 50%;
	text-align: right;
	font-size: 1.2em;
	line-height: 45px
}

.pageBreadcrumb,
.pageBreadcrumb a {
	font-weight: 700;
	text-transform: uppercase;
	color: #c9c9c9
}

.pageBreadcrumb span {
	color: #53a2c8;
	padding: 0 10px
}

/*#header ul li,
#subHeader ul li {
	list-style: none;
	display: inline-block;
	position: relative
}

#header {
	border-bottom: 1px solid #ebebeb;
	padding: 30px 0;
	background: #fff
}

a#logo {
	float: left;
	max-width: 300px
}

a#logo img {
	width: 100%
}

#header ul {
	float: right;
	position: absolute;
	right: 8px;
	top: 50%;
	line-height: 30px;
	margin-top: -15px
}

#header ul li {
	font-size: 14px !important
}

#header ul li:after {
	content: '';
	position: absolute;
	left: 0;
	top: -50%;
	margin-top: -10px;
	width: 1px;
	height: 250%;
	background-color: #eee;
	-webkit-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	transform: skewX(-17deg)
}

#header ul li:first-child:after {
	display: none
}

#header ul li:last-child {
	margin-right: -2em !important
}

#header ul li ul {
	display: none
}

#header ul li a {
	cursor: pointer;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 2em
}

#header,
#header a {
	color: #494949
}

#header ul li a.nav-path-selected,
#header ul li ul.submenu li a.nav-path-selected {
	color: #53a2c8
}

#header ul li:hover a,
#header ul li:hover:before {
	color: #53a2c8
}

#header ul li:hover>ul {
	display: block
}

#header ul li.nav-dropdown {
	margin-right: 2em
}

#header ul li.nav-dropdown:before {
	font-family: FontAwesome;
	content: '\f078';
	font-size: 1em;
	position: absolute;
	right: 5px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear
}

#header ul li.nav-dropdown.nav-path-selected:before {
	color: #53a2c8
}

#header ul li.nav-dropdown ul li:after {
	display: none !important
}

#header ul li ul.submenu {
	position: absolute;
	left: 0;
	top: auto;
	background: #fff;
	z-index: 999;
	min-width: 250px;
	margin-top: 0;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.06)
}

#header ul li ul.submenu li {
	width: 100%
}

#header ul li ul.submenu li.nav-dropdown:before {
	line-height: 4;
	content: '\f105'
}

#header ul li ul.submenu li a {
	width: 100%;
	display: block;
	padding: 1em 3em;
	border-bottom: 1px solid #efefef;
	font-weight: 400;
	color: #494949;
	line-height: 1.4
}

#header ul li ul.submenu li:last-child a {
	border-bottom: none
}

#header ul li ul.submenu li:hover:before {
	right: 15px;
	color: #fff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear
}

#header ul li ul.submenu li a:hover {
	color: #fff;
	background: #53a2c8;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear
}

#header ul li ul.submenu li ul.submenu {
	left: 250px;
	top: 0;
	padding-top: 0
}

#header ul li ul.submenu li ul.submenu li ul.submenu {
	left: -250px;
	width: 250px;
	background: #f9f9f9
}

.cut-left {
	background: #e1e1e1;
	float: left;
	padding: 45px 20px 0 10px;
	display: inline-block;
	color: #fff;
	-webkit-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	transform: skewX(-17deg);
	height: 100%;
	z-index: 9;
	position: absolute
}

.topNav {
	background: #e1e1e1;
	height: 45px;
	text-transform: uppercase;
	margin-left: 20px
}

#subHeader>* {
	color: #56a4c9;
	font-family: "proxima-nova"
}

#subHeader {
	height: 45px
}

#subHeader ul {
	float: right;
	font-weight: 400;
	font-size: 16px !important
}

.bold {
	font-weight: 700
}

#subHeader ul li:after {
	content: '';
	position: absolute;
	left: 0;
	width: 1px;
	height: 100%;
	max-height: 45px;
	background-color: #b2b2b2;
	-webkit-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	transform: skewX(-17deg)
}

#subHeader ul li {
	font-size: 16px !important;
	font-weight: 300;
	line-height: 0
}

#subHeader ul li a {
	color: #363636;
	padding: 25px 3em;
	display: inline-block
}

#subHeader ul li a:hover {
	color: #3d8eb4
}

#subHeader ul li:last-child a {
	padding-right: 0
}

#subHeader ul li:first-child:after {
	display: none
}

#subHeader .number {
	font-weight: 700;
	font-size: 14px;
	padding: 15px 0;
	display: inline-block;
	padding-left: 10px
}

.number span {
	color: #363636
}

#subHeader ul li.search:after {
	width: 0;
	height: 0;
	background: transparent
}

#subHeader ul li.search>span {
	background: #b2b2b2;
	height: 45px;
	margin-right: -8px;
	padding: 16px 20px;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	-webkit-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	transform: skewX(-17deg);
	border-right: 1px solid #919191
}

#subHeader ul li.search>span:hover {
	background: #3d8eb4
}

#subHeader ul li.search>span .fa-search {
	-webkit-transform: skewX(17deg);
	-moz-transform: skewX(17deg);
	-ms-transform: skewX(17deg);
	-o-transform: skewX(17deg);
	transform: skewX(17deg)
}

form#searchform {
	display: none;
	position: absolute;
	width: 400px;
	right: -6px;
	z-index: 55;
	height: 70px;
	padding: 0 20px
}

form#searchform span {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: #3d8eb4;
	top: 0;
	left: -15px;
	z-index: -1;
	-webkit-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	transform: skewX(-17deg)
}

#searchform input[type="text"] {
	width: 90%;
	height: 100%;
	padding: 10px 0;
	background: transparent;
	border: none;
	font-family: "proxima-nova";
	color: #fff;
	font-size: 2em;
	font-weight: 100
}

#searchform input[type="text"]:focus {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: none;
	outline: none
}

#searchform input[type="submit"] {
	background: none;
	border: none;
	font-family: FontAwesome;
	font-size: 1.5em;
	color: #fff;
	cursor: pointer
}

#searchform ::-webkit-input-placeholder {
	color: #266886;
	font-family: "proxima-nova";
	font-weight: 100
}

#searchform :-moz-placeholder {
	color: #266886;
	font-family: "proxima-nova";
	font-weight: 100
}

#searchform ::-moz-placeholder {
	color: #266886;
	font-family: "proxima-nova";
	font-weight: 100
}

#searchform :-ms-input-placeholder {
	color: #266886;
	font-family: "proxima-nova";
	font-weight: 100
}

#searchformMobile {
	margin-top: 2em
}

#searchformMobile input[type="text"] {
	width: 100%;
	font-size: 2em;
	padding: 15px 20px 15px 10px;
	border: 3px solid #DBDBDB;
	border-radius: 3px;
	position: relative
}

#searchformMobile input[type="submit"] {
	background: none;
	border: none;
	font-family: FontAwesome;
	font-size: 2em;
	color: #0b6295;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px
}

#showMobileNav {
	display: none;
	float: right;
	cursor: pointer;
	position: relative;
	width: 25px;
	height: 20px;
	border-top: 4px solid #308CC2;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	cursor: pointer
}

#showMobileNav:before,
#showMobileNav:after {
	width: 25px;
	height: 4px;
	background-color: #308CC2;
	content: '';
	position: absolute;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

#showMobileNav:before {
	top: 4px
}

#showMobileNav:after {
	top: 12px
}

#showMobileNav.active {
	border-top: none;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

#showMobileNav.active:before {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform-origin: 12.5px 0;
	-ms-transform-origin: 12.5px 0;
	-moz-transform-origin: 12.5px 0;
	-webkit-transform-origin: 12.5px 0;
	transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

#showMobileNav.active:after {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform-origin: 1.5px 0;
	-ms-transform-origin: 1.5px 0;
	-moz-transform-origin: 1.5px 0;
	-webkit-transform-origin: 1.5px 0;
	transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}
*/
#sidebar ul {
	width: 100%;
	list-style: none
}

#sidebar ul li {
	position: relative
}

#sidebar ul.product-range li a:after {
	font-family: 'FontAwesome';
	content: '\f054';
	position: absolute;
	font-weight: 300;
	right: 2em;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	top: 50%;
	margin-top: -8px
}

#sidebar ul.product-range li a {
	display: block;
	width: 100%;
	background: #0e6294;
	padding: 1.5em 2em;
	color: #53a2c8;
	font-weight: 700;
	font-size: 1.6em;
	line-height: 1;
	transition: background 0.2s linear;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear
}

#sidebar ul.product-range li:nth-child(even) a {
	background: #176da0
}

#sidebar ul.product-range li a.nav-path-selected {
	color: #fff;
	position: relative
}

#sidebar ul.product-range li a.nav-path-selected:after {
	content: ''
}

#sidebar ul.product-range li a span {
	width: 85%;
	display: block
}

#sidebar ul.product-range li a.nav-path-selected span.viewing {
	font-size: 0.8em;
	display: block;
	text-transform: none;
	font-weight: 400;
	color: #2BB2DD
}

#sidebar ul.product-range li a:hover {
	background: #1D7CB4;
	color: #fff;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear
}

#sidebar ul.product-range li a:hover:after {
	right: 1.5em;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear
}

#sidebar ul.product-range li.nav-path-selected ul.submenu {
	display: block
}

#sidebar ul.product-range li ul.submenu {
	display: none
}

#sidebar ul.product-range li ul.submenu li a {
	padding: 1.5em 1em 1.5em 2em;
	background: #F3F3F3;
	color: #252525 !important;
	font-weight: 400 !important;
	border-bottom: 1px solid #E6E6E6;
	font-size: 1.4em !important;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear
}

#sidebar ul.product-range li ul.submenu li a:after {
	font-family: 'FontAwesome';
	content: '\f105';
	position: absolute;
	font-weight: 300;
	right: 2em
}

#sidebar ul.product-range li ul.submenu li a:hover {
	background: #E4E4E4;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear
}

#sidebar ul.product-range li ul.submenu li a:hover:after {
	right: 1.5em;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear
}

#sidebarRight h4 {
	margin: 0 0 2em 0;
	color: #CFCFCF
}

#sidebarRight .main-content-thumb {
	margin-bottom: 20px
}

#sidebarRight .main-content-thumb .image-link {
	float: left;
	width: 80px;
	max-width: none;
	min-width: inherit;
	margin: 0 20px 0 0
}

#sidebarRight .main-content-thumb .image-link img {
	width: 100%;
	height: auto
}

#sidebarRight .main-content-thumb .info h3 {
	font-family: "proxima-nova";
	font-size: 1.6em;
	font-weight: 600;
	margin-bottom: 0
}

#sidebarRight .main-content-thumb .info h3 a {
	color: #53a2c8
}

#sidebarRight .main-content-thumb .info h4 {
	font-size: 1.4em;
	font-family: "proxima-nova";
	font-weight: 400;
	margin: 0;
	color: #666
}

#sidebarRight .ccm-tag-list li {
	padding: 0;
	margin: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	height: auto;
	line-height: auto
}

#sidebarRight .ccm-tag-list li a {
	padding: 8px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	color: #858585;
	font-weight: 700;
	text-transform: uppercase
}

#sidebarRight .ccm-tag-list li a:hover {
	color: #53a2c8;
	border-color: #53a2c8;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear
}

#sidebarRight .ccm-search-block-form input[type="submit"] {
	display: none
}

span#videoOverlay {
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	z-index: 1
}

#videoContainer {
	display: block;
	width: 100%;
	max-height: 500px;
	overflow: hidden;
	position: relative
}

#videoContainer video,
#videoContainer object {
	display: block;
	width: 100%;
	position: absolute;
	top: -25%
}

video,
canvas {
	width: 100%;
	max-width: 100%;
	height: auto;
	left: 0
}

video {
	background: url(/mov/dessian-products-fallback.jpg) no-repeat;
	background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	background-size: cover
}

.textOverlay {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 50%;
	width: 100%
}

.textOverlay .title h1 {
	color: #53a2c8;
	font-weight: 400
}

.textOverlay .title p.subheading {
	color: #fff;
	font-family: "proxima-nova"
}

#sliders {
	position: relative
}

.show #trade {
	display: none
}

#dualSliders ul {
	display: none;
	text-align: center;
	position: relative;
	z-index: 999;
	margin-top: -25px
}

#dualSliders ul.show {
	display: block
}

#dualSliders ul li {
	position: relative;
	display: inline-block;
	margin: 0 10px;
	padding: 0 30px 5px 30px;
	border-radius: 60px;
	background: #0E6498;
	font-family: "proxima-nova";
	color: #fff;
	font-size: 2em !important;
	font-weight: 300;
	line-height: 45px;
	width: 200px;
	cursor: pointer
}

#dualSliders ul li.homeowners {
	background: #388EB5;
	color: #fff
}

#dualSliders ul li.active:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -7.5px;
	width: 15px;
	height: 15px;
	margin-left: -7.5px;
	border-radius: 3px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background: #388EB5
}

#dualSliders ul li.trade.active:before {
	background: #0E6498
}

.powerSliderShell {
	width: 100%;
	z-index: 0
}

.powerSliderContainer {
	height: 1000px
}

.powerSlide {
	display: block;
	text-decoration: none;
	position: relative;
	width: 100% !important;
	height: 1000px
}

.powerSlide::after {
	-khtml-opacity: .50;
	-moz-opacity: .50;
	-ms-filter: "alpha(opacity=50)";
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
	opacity: .50
}

.powerSlide img {
	min-height: 400px;
	min-width: 40%;
	float: right;
	max-width: 50%;
	min-width: 50%
}

.powerSlide .largeText {
	color: #4fa3c8;
	font-family: "proxima-nova";
	font-size: 7em;
	font-weight: 700;
	display: block;
	margin-bottom: 20px;
	max-width: 595px;
	line-height: 0.9em
}

.powerSlide .smallText {
	font-family: "proxima-nova";
	font-size: 2.0em;
	font-weight: 00;
	color: #363636;
	display: block;
	max-width: 420px
}

.powerSliderPagination a {
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	display: inline-block;
	*display: inline;
	padding: 3px 6px
}

.powerSliderPagination a:hover,
.powerSliderPagination a.activeSlide {
	text-decoration: underline
}

.prev-next {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative
}

.powerSliderNext,
.powerSliderPrev {
	width: 50px;
	cursor: pointer;
	background: #56a4c9;
	color: #fff;
	font-size: 1.6em;
	text-align: center;
	padding: 40px 0;
	position: absolute;
	margin-top: -45%
}

.powerSliderNext:hover,
.powerSliderPrev:hover {
	background: #000
}

.powerSliderPrev {
	float: left
}

.powerSliderNext {
	float: right;
	right: 0px
}

.slideText {
	position: relative;
	z-index: 9999;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1000px;
	width: 100%;
	float: left
}

.leftStyle .slideText {
	background: #07507c
}

.leftStyle .slideText:after {
	background: url(/assets/img/slideTextBg.png) no-repeat
}

.overlay {
	background: #fff;
	background-size: 50% auto;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 1000px;
	width: 50%;
	float: left;
	z-index: 9999
}

.overlay:after {
	background: url(/assets/img/slideTextBgRight.png) no-repeat;
	background-position: 0px 0px;
	background-size: 100% 1000px;
	position: absolute;
	content: '';
	width: 270px;
	height: 1000px;
	position: absolute;
	right: -270px;
	top: 0;
	z-index: -1
}

.rightStyle .slideText {
	background-size: 50% auto
}

.rightStyle .slideText:after {
	background: url(/assets/img/slideTextBgRight.png) no-repeat;
	background-position: 0px 0px;
	background-size: 100% auto;
	position: absolute;
	height: 100%
}

.rightStyle .powerSlide .largeText {
	color: #07507c
}

.centred .slideText {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	margin: auto;
	width: 70%;
	height: 50%
}

.centred .powerSlide {
	background: #333
}

.centred .powerSlide img {
	opacity: 0.3
}

.centred .powerSliderNext,
.centred .powerSliderPrev {
	width: 60px;
	height: 60px;
	cursor: pointer;
	top: 50%;
	margin-top: -30px;
	border: 2px solid #fff;
	border-radius: 100%;
	color: #fff;
	font-size: 1.6em;
	line-height: 55px;
	text-align: center;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease
}

.centred .powerSliderNext:hover,
.centred .powerSliderPrev:hover {
	color: #4fa2c8;
	border-color: #4fa2c8;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease
}

.centred .powerSliderNext {
	right: 5%
}

.centred .powerSliderPrev {
	left: 5%
}

.inner {
	max-width: 55%
}

#callToAction {
	width: 100%;
	display: inline-block;
	background: #56a4c9;
	padding: 0px;
	margin-top: 80px
}

.callToAction {
	text-align: center;
	background-color: #0b6295;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	height: 325px
}

.callToAction.one {
	background-image: url(/assets/img/appointment.jpg)
}

.callToAction.two {
	background-image: url(/assets/img/callback.jpg)
}

.callToAction.three {
	background-image: url(/assets/img/contact.jpg)
}

.callToAction:nth-child(2) {
	background-color: #176da0
}

.callToAction:hover {
	background-color: #2379AC;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.callToAction a {
	color: #fff;
	padding: 15% 12%;
	display: block
}

.callToAction h2,
.callToAction h4 {
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.callToAction h2 {
	font-weight: 600;
	line-height: 1;
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: 2.1em;
	letter-spacing: 1px
}

.callToAction.one h2:before {
	content: '';
	position: relative;
	display: block;
	width: 70px;
	height: 83px;
	background-size: cover;
	z-index: 0;
	left: 50%;
	margin-left: -25px;
	margin-bottom: 25px;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.callToAction.two h2:before {
	content: '';
	position: relative;
	display: block;
	width: 70px;
	height: 67px;
	background-size: cover;
	z-index: 0;
	left: 50%;
	margin-left: -25px;
	margin-bottom: 25px;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.callToAction.three h2:before {
	content: '';
	position: relative;
	display: block;
	width: 70px;
	height: 70px;
	background-size: cover;
	z-index: 0;
	left: 50%;
	margin-left: -25px;
	margin-bottom: 25px;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.callToAction.one h2:before {
	background-image: url(/assets/img/appointment.png)
}

.callToAction.two h2:before {
	background-image: url(/assets/img/callback.png)
}

.callToAction.three h2:before {
	background-image: url(/assets/img/contact.png)
}

.callToAction:hover h2:before {
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.callToAction h4 {
	color: #1c679b;
	font-family: "proxima-nova";
	font-weight: 400;
	font-size: 1.6em;
	margin-top: 8px
}

.callToAction:hover h2 {
	color: #1c679b;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.callToAction:hover h4 {
	color: #fff;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.rangeBox {
	overflow: hidden;
	position: relative
}

.rangeBox:nth-child(even) {
	background: #4194C5
}

.rangeBox:nth-child(odd) {
	background: #0b6295
}

.rangeBox a>* {
	transition: all 0.3s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear
}

.rangeBox a:hover>* {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear
}

.rangeBox .table {
	height: 100%
}

.rangeBox .rangeIcon {
	font-size: 15.0em;
	color: #ddd
}

.rangeBox .overlayImg {
	position: absolute;
	top: -50%;
	left: -50%
}

.rangeBox a:hover .rangeIcon {
	color: #3491be;
	font-size: 10em
}

.rangeBox a h2 {
	color: #fff;
	font-weight: 400;
	line-height: 1;
	opacity: 1
}

.rangeBox a:hover h2 {
	color: #056381;
	opacity: 0
}

.rangeBox span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	font-family: "FontAwesome";
	background: #fff;
	width: 80px;
	height: 80px;
	border-radius: 80px;
	opacity: 0;
	z-index: 2
}

.rangeBox span:before {
	content: '\f061';
	color: #53a2c8;
	font-size: 2.5em;
	line-height: 80px;
	text-align: center
}

.rangeBox a:hover span {
	opacity: 1
}

.rangeBox a:hover p {
	opacity: 1
}

.rangeBox img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	z-index: 1;
	opacity: 0.2;
	max-width: 100%;
	margin: 0 !important
}

.rangeBox a:hover img {
	opacity: 1
}

.homeCarousel .wrap .title {
	display: none
}

.resources .wrap {
	padding: 0
}

.resources .wrap .half {
	width: 50%;
	padding: 5%
}

#brochure {
	text-align: right
}

#brochure .button-banner {
	margin-top: 40px
}

#brochure .title {
	padding: 0px 0 80px 0;
	background: url(/assets/img/product-bg.png);
	background-repeat: no-repeat;
	background-position: 34% 6px
}

.brochure {
	background: url(/assets/img/brochure-img.png) no-repeat;
	background-size: 100%;
	height: 405px;
	float: left
}

.brochure .title {
	width: 100%
}

.brochure .title p.subheading {
	color: #353535
}

#blog {
	padding-right: 80px
}

#blog .title {
	width: 100%
}

.blog {
	float: none !important;
	padding-left: 5%;
	background: #fff
}

.blog span {
	position: absolute;
	left: -50px;
	top: 0;
	bottom: 0;
	background: #fff;
	width: 100px;
	height: 100%;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg)
}

.blog .title {
	width: 100%;
	float: right;
	text-align: right;
	margin-bottom: 50px
}

.blog .title h3 {
	margin-bottom: 0
}

.blog .post {
	clear: both;
	width: 80%;
	position: relative
}

h3.ccm-page-list-title {
	font-size: 1.8em;
	margin-bottom: 0.5em
}

h3.ccm-page-list-title a {
	color: #ebebeb;
	padding-top: 50px;
	display: block;
	font-size: 2.6em;
	line-height: 0.8em
}

.ccm-page-list-description {
	font-size: 1.6em;
	color: #ebebeb
}

.bookAppointment {
	display: none
}

.closeForm {
	text-align: center;
	font-size: 3em;
	color: #53a2c8;
	cursor: pointer;
	margin-bottom: 1em
}

.closeForm i {
	transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear
}

.closeForm:hover i {
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear
}

.success {
	text-align: center;
	color: #7e7e7e;
	font-size: 2.4em;
	font-weight: 300
}

.mini-quote-form .success {
	text-align: left
}

.errors {
	text-align: center
}

.mini-quote-form .errors {
	text-align: left
}

.error-header {
	color: #7e7e7e;
	font-size: 1.8em;
	font-weight: 300;
	margin-bottom: 10px;
	display: block
}

.error-header i {
	margin-right: 10px
}

ul.error-items {
	margin-bottom: 30px
}

ul.error-items li {
	display: inline-block;
	background: #E7512D;
	padding: 4px 8px;
	border-radius: 3px;
	color: #fff;
	font-size: 1.2em !important;
	font-weight: 600;
	margin: 5px
}

ul.error-items li span {
	font-weight: 400
}

.processing {
	margin: 0 auto;
	text-align: center;
	font-size: 1.4em;
	margin-top: 1em
}

.follow {
	background: #4d4d4d;
	margin-top: 0px;
	padding: 40px 0;
	margin-top: -3px
}

.follow p {
	max-width: 460px;
	color: #fff;
	line-height: 1.2em
}

.socialIcons span a {
	font-size: 3em;
	color: #4d4d4d;
	background: #fff;
	padding: 10px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	position: relative;
	transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	display: inline-block;
	text-align: center;
	margin-left: 30px
}

.line-spacer {
	float: left;
	position: relative;
	width: 1px;
	height: 80px;
	background-color: #eee;
	transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-webkit-transform: skewX(-17deg);
	margin: 0 40px
}

.line-spacer-dark {
	float: left;
	position: absolute;
	width: 1px;
	height: 469px;
	background-color: #acacac;
	transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-webkit-transform: skewX(-17deg);
	margin: -20px 40px 0 -20px
}

.socialIcons span:first-child a:after {
	background: transparent
}

.socialIcons span a:hover {
	transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear
}

.socialIcons span a.twitter:hover {
	color: #39b9e3
}

.socialIcons span a.facebook:hover {
	color: #4d6db2
}

.socialIcons span a.pinterest:hover {
	color: #ab171e
}

.socialIcons span a.youtube:hover {
	color: #cc181e
}

#socialBox {
	margin-top: 5%;
	padding-bottom: 5%
}

#twitter-widget-0 {
	width: 100% !important
}

.fb_iframe_widget {
	width: 100% !important
}

#socialBox .socialCell {
	padding: 2%;
	position: relative;
	z-index: 10
}

#socialBox .socialHeader {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 5%
}

#socialBox .socialHeader .fa {
	color: #fff;
	font-size: 2.4em;
	float: left
}

#socialBox .socialHeader h4 {
	float: right;
	text-align: right
}

#socialBox .twitter .socialHeader h4 a {
	color: #A0DDFA
}

#socialBox .facebook .socialHeader h4 a {
	color: #799ADF
}

#socialBox .youtube .socialHeader h4 a {
	color: #DF797D
}

#socialBox .twitter {
	background: #55acee
}

#socialBox .twitter .skewBg {
	display: block;
	position: absolute;
	width: 120%;
	height: 100%;
	background: #55acee;
	top: 0;
	left: 0;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	z-index: -1;
	left: -10%
}

#socialBox .facebook {
	background: #4d6db2
}

#socialBox .facebook .skewBg {
	display: block;
	position: absolute;
	width: 120%;
	height: 100%;
	background: #4d6db2;
	top: 0;
	left: 0;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	z-index: -1;
	left: -3%
}

.like-list,
.comment-list {
	display: none
}

#socialBox .youtube {
	background: #cc181e
}

#socialBox .youtube .skewBg {
	display: block;
	position: absolute;
	width: 120%;
	height: 100%;
	background: #cc181e;
	top: 0;
	left: 0;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	z-index: -1;
	left: -3%
}

#socialBox .socialContent {
	color: #fff
}

#twitter {
	padding: 0 80px;
	border-left: 1px solid #636363;
	border-right: 1px solid #636363
}

#twitter_feed ul {
	color: #ebebeb;
	list-style: none
}

#twitter_feed ul li {
	color: #ebebeb;
	list-style: none;
	border-bottom: 1px solid #56a4c9;
	padding-top: 55px
}

#twitter_feed ul li:last-child {
	border-bottom: none
}

#twitter_feed p {
	color: #ebebeb
}

#twitter_feed img,
.user {
	display: none
}

#twitter_feed a {
	color: #56a4c9
}

#twitter_feed a:hover {
	color: #8a8a8a
}

#twitter_feed a .fa,
#twitter_feed .timePosted a {
	color: #8a8a8a
}

#twitter_feed a:hover .fa,
#twitter_feed .timePosted a:hover {
	color: #56a4c9
}

#videos li a img {
	float: left;
	margin: 0 2em 0 0
}

#videos li a .vid-title {
	color: #fff
}

#videos li a .vid-descr {
	color: #fff;
	font-weight: 400;
	font-size: 1.4em
}

#facebook {
	padding: 0 80px
}

.range {
	position: relative;
	margin-bottom: 4%;
	float: left !important
}

.range a {
	display: block
}

.range a span {
	display: block;
	overflow: hidden;
	max-height: 250px
}

.range a h3 {
	font-weight: 100;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	color: #252525;
	padding: 1em;
	width: 100%;
	line-height: 1;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.range a h3 .fa,
.products a h3 .fa {
	padding-left: 10px
}

.range a img {
	min-width: 100%;
	max-width: 100%;
	min-height: 100%
}

.range a:hover h3 {
	background: #1D7CB4;
	color: #fff !important;
	border-right: 1px solid #1d7cb4;
	border-left: 1px solid #1d7cb4;
	border-bottom: 1px solid #1d7cb4;
	transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

/*.products {
	position: relative;
	background: #0b6295;
	height: 350px;
	overflow: hidden
}
*/
/*.products a {
	max-height: 350px;
	height: 100%;
	overflow: hidden;
	position: relative
}*/

/*.products a img {
	position: absolute;
	float: left;
	width: auto;
	max-width: 100%;
	min-width: 100%;
	opacity: 0.3;
	transition: all 0.2s ease;
	z-index: 1
}*/

/*.products .title {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 53px;
	text-align: center;
	z-index: 2;
	opacity: 1;
	transition: all 0.2s ease
}

.products .title h3 {
	color: #fff;
	margin-bottom: 0;
	font-size: 3.4em;
	line-height: 1
}

.products .title p {
	text-transform: uppercase;
	color: #81D6FF;
	font-family: "proxima-nova"
}*/

/*.productRanges .products .title p {
	display: none
}*/

/*.products .description {
	color: #fff;
	text-align: center;
	padding: 0 40px;
	opacity: 0;
	font-family: "proxima-nova"
}*/

/*.products:hover .title {
	opacity: 0;
	transition: all 0.2s ease
}*/

/*.products:hover .description {
	opacity: 1
}*/

/*.products:hover img {
	opacity: 0;
	transition: all 0.2s ease
}
*/
.blog-entry {
	max-width: 1000px
}

.blog-entry h1 {
	font-weight: 300;
	color: #7e7e7e;
	margin-bottom: 0
}

.blog-entry h4 {
	margin-bottom: 2em
}

#main-content-post-author {
	margin-top: 4em;
	padding-top: 4em;
	border-top: 1px solid #ebebeb
}

.main-content-thumb {
	max-width: 1000px;
	margin-bottom: 5%;
	padding-bottom: 5%
}

.main-content-thumb h3 {
	/* color: #7e7e7e;
	font-size: 4em;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 0 */
}

.main-content-thumb h3 a {
	/* color: #7e7e7e */
}

.main-content-thumb h3 a:hover {
	/* color: #0b6295 */
}

.main-content-thumb .image-link {
	max-width: 100%;
	min-width: 60%;
	margin: 50px 0;
	position: relative
}

.main-content-thumb-offer {
	margin-bottom: 5%;
	padding-bottom: 5%;
	display: inline-block
}

.third.main-content-thumb-offer:nth-child(3n) {
	margin-right: 0
}

.image-link-offer {
	max-width: 100%;
	min-width: 60%;
	margin: 20px 0 10px 0;
	position: relative;
	height: 230px;
	overflow: hidden
}

.main-content-thumb .image-link a {
	display: block
}

.main-content-thumb .image-link img {
	max-width: 100%;
	height: auto;
	display: block
}

.main-content-thumb p {
	font-size: 1.8em
}

.mapBox {
	position: relative
}

.mapBox a.mapLink {
	display: block;
	background: #0b6295;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear
}

.mapBox a.mapLink p {
	font-family: "proxima-nova";
	padding: 40px;
	margin-bottom: 0;
	color: #fff;
	text-align: center;
	background: url(/assets/img/bigMarker.png) no-repeat;
	line-height: 1
}

.mapBox a.mapLink p span {
	font-family: "proxima-nova";
	font-size: 0.6em;
	text-transform: uppercase;
	display: block;
	font-weight: 400;
	color: #98d3f0
}

.mapBox:hover a.mapLink {
	background: #53a2c8;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear
}

.row.team {
	padding: 0 5%;
	margin-top: 2%
}

.teamWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: center
}

.teamWrap h1 {
	margin: 5% 0
}

.employee {
	text-align: center;
	margin-bottom: 50px;
	display: inline-block
}

.employee:nth-of-type(3n) {
	margin-right: 0
}

.employeeImage {
	width: 70%;
	height: 0;
	padding-bottom: 70%;
	overflow: hidden;
	border-radius: 100%;
	margin: 0 auto;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease
}

.employee:hover .employeeImage {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease
}

.employee h3 {
	/* color: #53a2c8;
	font-size: 3em;
	font-weight: 300; */
	line-height: 1;
	margin-bottom: 0;
	margin-top: 1em;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease
}

.employee:hover h3 {
	color: #0b6295;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease
}

.employee h4 {
	/* font-weight: 400; */
	/* color: #ACACAC; */
	/* font-family: "proxima-nova" */
}

#google-business {
	margin-top: 30px
}

#google-business a {
	color: #fff
}

.whyChoose .tableCell.twoThirds {
	padding-right: 5%
}

.whyChoose .tableCell.third {
	padding: 5%
}

.quote {
	background: url(/assets/img/quoteBg.jpg) no-repeat;
	background-size: cover;
	min-height: 500px;
	padding: 100px 50px
}

.quote h2 {
	text-align: right;
	font-weight: 300;
	position: relative;
	font-size: 2.6em;
	color: #fff
}

.quote h2:before {
	content: '\f10e';
	font-family: FontAwesome;
	position: absolute;
	color: rgba(255, 255, 255, 0.5);
	font-size: 1.5em;
	top: -1em;
	right: 0
}

.quote cite {
	text-align: right;
	clear: both;
	float: right;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.2em;
	margin-top: 1em;
	color: #C0C0C0
}

.testimonial-list {
	width: 103.125%;
	margin-left: -1.562%
}

.item.unit.third {
	width: 30.303%;
	margin: 0 1.515% 1.875em
}

.item.unit.third:nth-child(3n+1) {
	clear: left
}

.item blockquote p:before {
	content: '\f10d';
	font-family: FontAwesome;
	position: absolute;
	color: #53a2c8;
	font-size: 1.5em;
	left: 5%;
	text-indent: 0
}

.item blockquote p {
	border: 1px solid #e7e7e7;
	padding: 5%;
	position: relative;
	text-indent: 2em;
	background: #fff
}

.item blockquote p:after {
	content: '';
	position: absolute;
	left: 30px;
	bottom: -10px;
	border-left: 10px solid #fff;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent
}

.item small {
	text-transform: uppercase;
	font-size: 1.2em
}

#footer {
	margin-top: 60px
}

.footer-bg {
	background: #ebebeb;
	padding-top: 30px
}

#footerContent {
	margin-top: 30px
}

#footerContent #infoLogos img {
	margin-right: 20px
}

#footerContent #copyright p {
	color: #c0bfbf;
	margin-bottom: 0
}

#footerContent #copyright p,
#footerContent #copyright a {
	font-weight: 600;
	font-size: 1.2em;
	margin-top: 2em
}

#footerContent h5 {
	color: #a3a3a3
}

#footerContent p {
	font-size: 1.6em;
	color: #515151;
	font-weight: 400;
	word-break: break-all
}

h2.footerTitleMobile {
	display: none;
	color: #515151;
	margin-bottom: 1em
}

.bottom-sec {
	min-height: 80px;
	background: #fff
}

.bottom-sec .line-spacer {
	float: left;
	position: absolute;
	width: 1px;
	height: 30px;
	background-color: #acacac;
	transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-webkit-transform: skewX(-17deg);
	margin: 0px 0px 0px 60px
}

.bottom-sec .line-spacer-right {
	float: right;
	position: absolute;
	width: 1px;
	height: 30px;
	background-color: #acacac;
	transform: skewX(-17deg);
	-o-transform: skewX(-17deg);
	-ms-transform: skewX(-17deg);
	-moz-transform: skewX(-17deg);
	-webkit-transform: skewX(-17deg);
	margin: 0px 0px 0px 0px;
	right: 55%
}

.gallery {
	width: auto;
	margin: 0 auto
}

.gallery ul,
.gallery ul li {
	list-style: none !important;
	list-style-type: none !important
}

.galleryItem {
	width: 24%;
	float: left;
	margin-bottom: 15px
}

.galleryItem a {
	display: block
}

.galleryItem a:after {
	opacity: 0;
	font-family: "FontAwesome";
	content: '\f002';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	color: #53a2c8;
	font-size: 2.5em;
	height: 1em;
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	width: 25px
}

.galleryItem img {
	max-width: 100%;
	min-width: 100%;
	height: auto;
	display: block
}

.galleryItem a:hover:after {
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	opacity: 1
}

.galleryItem a:hover img {
	opacity: 0.1;
	-moz-opacity: 0.1;
	-webkit-opacity: 0.1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear
}

@media only screen and (max-width: 768px) {
	.galleryItem {
		width: 46.876%
	}

	.powerSlide img {
		max-width: none;
		min-width: 100%;
		height: 100%
	}

	.powerSlide .smallText {
		font-size: 2em
	}

	.centred .slideText {
		width: 55%
	}

	.centred .powerSliderNext,
	.centred .powerSliderPrev {
		width: 50px;
		height: 50px;
		line-height: 45px
	}

	.leftStyle .slideText,
	.rightStyle .slideText {
		width: 100%;
		padding: 5% 5% 10% 5%;
		height: auto;
		top: auto
	}

	.leftStyle .slideText:after,
	.rightStyle .slideText:after {
		background: none
	}
}

@media only screen and (max-width: 568px) {
	.powerSliderPrev {
		top: 0 !important;
		margin-top: 0 !important
	}

	.powerSliderNext {
		top: 50px !important
	}
}

@media only screen and (max-width: 480px) {
	.gallery {
		width: 100%;
		margin-left: 0
	}

	.galleryItem {
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear
}

#imagelightbox {
	position: fixed;
	z-index: 9999;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.5)
}

#imagelightbox-loading,
#imagelightbox-loading div {
	border-radius: 50%
}

#imagelightbox-loading {
	width: 2.5em;
	height: 2.5em;
	background-color: #444;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 0.625em;
	margin: -1.25em 0 0 -1.25em;
	-webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75)
}

#imagelightbox-loading div {
	width: 1.25em;
	height: 1.25em;
	background-color: #fff;
	-webkit-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite
}

@-webkit-keyframes imagelightbox-loading {
	from {
		opacity: .5;
		-webkit-transform: scale(0.75)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1)
	}

	to {
		opacity: .5;
		-webkit-transform: scale(0.75)
	}
}

@keyframes imagelightbox-loading {
	from {
		opacity: .5;
		transform: scale(0.75)
	}

	50% {
		opacity: 1;
		transform: scale(1)
	}

	to {
		opacity: .5;
		transform: scale(0.75)
	}
}

#imagelightbox-overlay {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

#imagelightbox-close {
	width: 2.5em;
	height: 2.5em;
	text-align: left;
	background-color: #53a2c8;
	position: fixed;
	z-index: 10002;
	top: 2.5em;
	right: 2.5em;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer
}

#imagelightbox-close:hover,
#imagelightbox-close:focus {
	background-color: #0b6295
}

#imagelightbox-close:before,
#imagelightbox-close:after {
	width: 3px;
	background-color: #fff;
	content: '';
	position: absolute;
	top: 20%;
	bottom: 20%;
	left: 50%;
	margin-left: -1px
}

#imagelightbox-close:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

#imagelightbox-close:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#imagelightbox-caption {
	text-align: center;
	color: #fff;
	background-color: #53a2c8;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em;
	font-size: 1.5em
}

.imagelightbox-arrow {
	width: 5em;
	height: 5em;
	background-color: #53a2c8;
	vertical-align: middle;
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	margin-top: -3.75em;
	cursor: pointer;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus {
	background-color: #0b6295;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease
}

.imagelightbox-arrow:active {
	background-color: #53a2c8
}

.imagelightbox-arrow-left {
	left: 2.5em
}

.imagelightbox-arrow-right {
	right: 2.5em
}

.imagelightbox-arrow:before {
	font-family: "FontAwesome";
	font-size: 20px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff
}

.imagelightbox-arrow-left:before {
	content: '\f053'
}

.imagelightbox-arrow-right:before {
	content: '\f054'
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear
}

@-webkit-keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fade-in {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@media only screen and (max-width: 41.25em) {
	#imagelightbox-close {
		top: 1.25em;
		right: 1.25em
	}

	#imagelightbox-nav {
		bottom: 1.25em
	}

	.imagelightbox-arrow {
		width: 2.5em;
		height: 3.75em;
		margin-top: -2.75em
	}

	.imagelightbox-arrow-left {
		left: 1.25em
	}

	.imagelightbox-arrow-right {
		right: 1.25em
	}
}

@media only screen and (max-width: 20em) {
	.imagelightbox-arrow-left {
		left: 0
	}

	.imagelightbox-arrow-right {
		right: 0
	}
}

body:after {
	content: url(/assets/img/close.png) url(/assets/img/loading.gif) url(/assets/img/prev.png) url(/assets/img/next.png);
	display: none
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit
}

.lightbox a img {
	border: none
}

.lb-outerContainer {
	position: relative;
	background-color: white;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both
}

.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(/assets/img/loading.gif) no-repeat
}

.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}

.lb-container>.nav {
	left: 0
}

.lb-nav a {
	outline: none;
	background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}

.lb-prev,
.lb-next {
	height: 100%;
	cursor: pointer;
	display: block
}

.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(/assets/img/prev.png) left 48% no-repeat;
	width: 55px;
	height: 100%
}

.lb-nav a.lb-prev:before {
	font-family: "FontAwesome";
	content: '\f053';
	font-size: 20px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #53a2c8;
	width: 55px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -27.5px;
	padding: 20px 0;
	background: #fff
}

.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	width: 55px;
	height: 100%
}

.lb-nav a.lb-next:before {
	font-family: "FontAwesome";
	content: '\f054';
	font-size: 20px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #53a2c8;
	width: 55px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -27.5px;
	padding: 20px 0;
	background: #fff
}

.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both
}

.lb-data {
	padding: 0 4px;
	color: #ccc
}

.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em
}

.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em
}

.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background-image: url(/assets/img/close.png) top right no-repeat;
	text-align: right;
	outline: none
}

.slick-slider,
.homeCarousel {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-tap-highlight-color: transparent;
	height: auto
}

.slick-list,
.homeCarousel .slick-list {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0
}

.slick-list:focus,
.homeCarousel .slick-list:focus {
	outline: none
}

.slick-loading .slick-list {
	background: #fff url("/assets/img/ajax-loader.gif") center center no-repeat
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track,
.homeCarousel .slick-track {
	position: relative;
	top: 0;
	display: block;
	zoom: 1
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide,
.homeCarousel .slick-slide {
	background: #fff;
	text-align: center;
	float: none;
	max-height: 300px;
	min-height: 1px;
	display: none;
	border: none;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	overflow: hidden
}

a.slick-slide:after,
a.homeCarousel .slick-slide:after {
	opacity: 0;
	font-family: "FontAwesome";
	content: '\f002';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	color: #53a2c8;
	font-size: 2.5em;
	height: 1em;
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear
}

.slick-slide img,
.homeCarousel .slick-slide img {
	margin: 10px
}

a.slick-slide:hover {
	border: none
}

a.slick-slide:hover img,
a.homeCarousel .slick-slide:hover img {
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	opacity: 0.1
}

a.slick-slide:hover:after,
a.homeCarousel .slick-slide:hover:after {
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	opacity: 1
}

.slick-slide h2 {
	color: #53a2c8
}

.slick-slide img {
	display: block;
	max-width: 150%;
	min-width: 100%;
	min-height: 300px
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: inline-block;
	vertical-align: middle
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

@font-face {
	font-family: "slick";
	src: url("fonts/slick.eot");
	src: url("fonts/slick.eot?#iefix") format("embedded-opentype"), url("fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype"), url("fonts/slick.svg#slick") format("svg");
	font-weight: normal;
	font-style: normal
}

.slick-prev,
.slick-next,
.homeCarousel .slick-prev,
.homeCarousel .slick-next {
	position: absolute;
	display: block;
	height: 55px;
	width: 55px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: #fff;
	color: transparent;
	top: 50%;
	margin-top: -15.5px;
	padding: 0;
	border: none;
	outline: none
}

.slick-prev:focus,
.slick-next:focus,
.homeCarousel .slick-prev:focus,
.homeCarousel .slick-next:focus {
	outline: none
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before,
.homeCarousel .slick-prev.slick-disabled:before,
.homeCarousel .slick-next.click-disabled:before {
	opacity: 0.25
}

.slick-prev:before,
.slick-next:before,
.homeCarousel .slick-prev:before,
.homeCarousel .slick-next:before {
	font-family: "FontAwesome";
	font-size: 20px;
	line-height: 1;
	opacity: 0.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #53a2c8
}

.slick-prev,
.homeCarousel .slick-prev {
	left: 0
}

.slick-prev:before,
.homeCarousel .slick-prev:before {
	content: '\f053'
}

.slick-next,
.homeCarousel .slick-next {
	right: 0
}

.slick-next:before,
.homeCarousel .slick-next:before {
	content: '\f054'
}

.slick-slider {
	margin-top: 3%
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0px;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\2022";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	opacity: 0.75
}

html.smackbox {
	overflow: hidden !important
}

#smackbox-overlay img {
	border: none !important
}

#smackbox-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999 !important;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

#smackbox-slider {
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
	display: none
}

#smackbox-slider .slide {
	background: url(/assets/img/loader-ffffff.gif) no-repeat center center;
	height: 100%;
	width: 100%;
	line-height: 1px;
	text-align: center;
	display: inline-block
}

#smackbox-slider .slide:before {
	content: no-open-quote;
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#smackbox-slider .slide img,
#smackbox-slider .slide .smackbox-video-container {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle
}

#smackbox-slider .slide .smackbox-video-container {
	background: none;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	padding: 5%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

#smackbox-slider .slide .smackbox-video-container .smackbox-video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative
}

#smackbox-slider .slide .smackbox-video-container .smackbox-video iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0
}

#smackbox-action,
#smackbox-caption {
	position: absolute;
	left: 0;
	z-index: 999;
	height: 50px;
	width: 100%
}

#smackbox-action {
	bottom: -50px
}

#smackbox-action.visible-bars {
	bottom: 0
}

#smackbox-action.force-visible-bars {
	bottom: 0 !important
}

#smackbox-caption {
	top: -50px;
	text-align: center
}

#smackbox-caption.visible-bars {
	top: 0
}

#smackbox-caption.force-visible-bars {
	top: 0 !important
}

#smackbox-action #smackbox-prev,
#smackbox-action #smackbox-next,
#smackbox-action #smackbox-close {
	background-image: url(/assets/img/icons-ffffff.png);
	background-repeat: no-repeat;
	border: none !important;
	text-decoration: none !important;
	cursor: pointer;
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0
}

#smackbox-action #smackbox-close {
	background-position: 15px 12px;
	left: 40px
}

#smackbox-action #smackbox-prev {
	background-position: -32px 13px;
	right: 100px
}

#smackbox-action #smackbox-next {
	background-position: -78px 13px;
	right: 40px
}

#smackbox-action #smackbox-prev.disabled,
#smackbox-action #smackbox-next.disabled {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	opacity: 0.3
}

#smackbox-slider.rightSpring {
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s
}

#smackbox-slider.leftSpring {
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s
}

@-moz-keyframes rightSpring {
	0% {
		margin-left: 0px
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0px
	}
}

@-moz-keyframes leftSpring {
	0% {
		margin-left: 0px
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0px
	}
}

@-webkit-keyframes rightSpring {
	0% {
		margin-left: 0px
	}

	50% {
		margin-left: -30px
	}

	100% {
		margin-left: 0px
	}
}

@-webkit-keyframes leftSpring {
	0% {
		margin-left: 0px
	}

	50% {
		margin-left: 30px
	}

	100% {
		margin-left: 0px
	}
}

@media screen and (max-width: 800px) {
	#smackbox-action #smackbox-close {
		left: 0
	}

	#smackbox-action #smackbox-prev {
		right: 60px
	}

	#smackbox-action #smackbox-next {
		right: 0
	}
}

#smackbox-caption {
	font-size: 15px;
	line-height: 43px;
	font-family: "proxima-nova";
	color: #fff !important
}

.smackbox-content,
.smackbox-content * {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	text-decoration: none !important
}

.smackbox-content a.smackbox {
	display: inline-block;
	width: 100px;
	height: 100px;
	position: relative;
	margin: 3px !important
}

.smackbox-content a.smackbox img {
	width: 100px;
	height: 100px;
	max-width: none;
	max-height: none;
	min-width: none;
	min-height: none;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	-webkit-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, top 0.1s ease-in-out, left 0.1s ease-in-out;
	-moz-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, top 0.1s ease-in-out, left 0.1s ease-in-out;
	-o-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, top 0.1s ease-in-out, left 0.1s ease-in-out;
	transition: width 0.1s ease-in-out, height 0.1s ease-in-out, top 0.1s ease-in-out, left 0.1s ease-in-out
}

.smackbox-content a.smackbox:hover img {
	width: 160px;
	height: 160px;
	z-index: 2;
	top: -30px;
	left: -30px
}

.sortable_responsive_gallery_container {
	width: 100%;
	float: none;
	margin: 0 auto;
	padding: 0
}

.sortable_responsive_gallery_image {
	margin: 0 auto;
	float: left;
	text-align: center
}

.sortable_responsive_gallery_image img {
	max-width: 98%;
	min-width: 98%;
	margin: auto;
	height: auto
}

@media screen and (max-width: 800px) {
	.sortable_responsive_gallery_image {
		margin: auto;
		float: left;
		text-align: center;
		width: 50% !important
	}
}

@media screen and (max-width: 520px) {
	.sortable_responsive_gallery_image {
		margin: auto;
		float: none;
		text-align: center;
		width: auto !important
	}

	.sortable_responsive_gallery_image img {
		max-width: 100%;
		margin: auto;
		height: auto
	}
}

a:active,
a:focus {
	outline: expression(hideFocus='true')
}

p {
	margin-bottom: 20px
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	margin-top: 100px
}

#tabs ul {
	margin-bottom: 4em;
	list-style: none
}

#tabs li,
#tabs2 li,
#tabs3 li,
#tabs4 li,
#tabs5 li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px
}

#tabs li a,
#tabs2 li a,
#tabs3 li a,
#tabs4 li a,
#tabs5 li a {
	display: block;
	padding: 14px 30px;
	background: #e2e2e2;
	text-decoration: none;
	color: #909090;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 1.2em
}

#tabs li a:hover,
#tabs2 li a:hover,
#tabs3 li a:hover,
#tabs4 li a:hover,
#tabs5 li a:hover {
	background: #0b6295;
	color: #fff
}

#tabs_container {
	width: 100%;
	overflow: hidden;
	position: relative
}

#tabs_container div {
	width: 100%;
	top: 0 !important
}

/* .transition {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s
} */

.make_transist {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.hidescale {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	opacity: 0
}

.showscale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s
}

.hideleft {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0
}

.showleft {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s
}

.hidescaleup {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0
}

.showscaleup {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s
}

.hideflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: rotatey(-90deg) scale(1.1);
	-moz-transform: rotatey(-90deg) scale(1.1);
	-o-transform: rotatey(-90deg) scale(1.1);
	-ms-transform: rotatey(-90deg) scale(1.1);
	transform: rotatey(-90deg) scale(1.1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.showflip {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: rotatey(0deg) scale(1);
	-moz-transform: rotatey(0deg) scale(1);
	-o-transform: rotatey(0deg) scale(1);
	-ms-transform: rotatey(0deg) scale(1);
	transform: rotatey(0deg) scale(1);
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.tabulous_active {
	background: #0b6295 url(/assets/img/tabMarker.png) no-repeat center top !important;
	color: #fff !important
}

.tabulousclear {
	display: block;
	clear: both
}

.file {
	padding: 10px;
	/* color: #696969; */
	font-weight: 100;
	background: #f7f7f7;
	border: 1px solid #e9e9e9;
	border-bottom: none
}

.file:last-child {
	border-bottom: 1px solid #e9e9e9
}

.file img,
.file a {
	float: left
}

.file img {
	margin-right: 10px
}

.file a {
	width: 100%;
	line-height: 1;
	font-size: 1.4em;
	font-weight: 600;
	/* color: #636363 */
}

.file a i {
	float: right;
	line-height: 40px;
	/* color: #ccc */
}

.stocklist {
	font-family: "proxima-nova";
	font-size: 3em;
	color: white;
	font-weight: 300;
	background: url(/assets/img/download.png) no-repeat 95% center;
	background-color: #0b6295;
	padding: 5%
}

.stocklist span {
	width: 60%
}

.ccm-search-block-form {
	margin-bottom: 2em
}

#magazine,
#magazine2,
#magazine3,
#magazine4,
#magazine5 {
	margin: 0 auto;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

#magazine3 {
	height: 1190px !important;
}

#magazine img,
#magazine2 img {
	width: 100%;
	height: 100%
}

#magazine .turn-page,
#magazine2 .turn-page {
	background-color: #fff
}

#magazine2 {
	height: 1000px !important
}

.cf:before,
.cf:after {
	content: "";
	display: table
}

.cf:after {
	clear: both
}

.cf {
	*zoom: 1
}

.spacer {
	clear: both;
	height: 50px
}

@font-face {
	font-family: 'icomoon';
	src: url("icoFont/icomoon.eot?-wsptee");
	src: url("icoFont/icomoon.eot?#iefix-wsptee") format("embedded-opentype"), url("icoFont/icomoon.woff?-wsptee") format("woff"), url("icoFont/icomoon.ttf?-wsptee") format("truetype"), url("icoFont/icomoon.svg?-wsptee#icomoon") format("svg");
	font-weight: normal;
	font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-glassIcon:before {
	content: "\e600"
}

.icon-accessIcon:before {
	content: "\e601"
}

.icon-ancilliariesIcon:before {
	content: "\e602"
}

.icon-conservIcon:before {
	content: "\e603"
}

.icon-doorsIcon:before {
	content: "\e604"
}

.icon-rooflineIcon:before {
	content: "\e605"
}

.icon-windowsIcon:before {
	content: "\e606"
}

.fa.fa-minus {
	display: block
}

@media only screen and (min-width: 1475px) {

	.contact-form,
	.review-form {
		width: 60%
	}

	.brochure {
		background-position: 150% center
	}
}

/*@media only screen and (min-width: 1200px) {
	#subNavMobile {
		display: none
	}

	.toggleDrop {
		display: none
	}
}

@media only screen and (max-width: 1475px) {
	.wrap {
		padding: 0 100px !important
	}

	#socialBox .wrap {
		padding: 0 0px !important
	}

	.socialIcons span a {
		margin-bottom: 10px
	}*/

/*	.title p {
		font-size: 4.5em
	}*/

/*	#header,
	#header a {
		color: #494949;
		padding-right: 100px
	}*/

/*	h2 {
		font-size: 2.8em
	}

	h3 {
		font-size: 2em
	}
*/
	.productBox div {
		height: 280px !important
	}

	#products {
		background-position: 75px 56px
	}

	#brochure {
		margin-top: 60px
	}

	#brochure .title {
		background-position: 0px 6px
	}

	#suppliers {
		background-position: 80px 100px
	}

	.button-banner,
	.button-link {
		font-size: 1.5em;
		margin-top: 30px
	}

	#blog {
		padding-right: 30px
	}

	#twitter {
		padding: 0 30px
	}

	#facebook {
		padding: 0 30px
	}

/*	#subHeader ul li {
		font-size: 14px !important
	}

	#subHeader ul li.search>span {
		padding: 17px 20px
	}
*/
	.powerSlide .largeText {
		font-size: 5em
	}

	.powerSliderShell {
		height: 800px !important;
		overflow: hidden !important
	}

	#products {
		padding-top: 50px !important
	}
}

@media only screen and (max-width: 1224px) {
	.powerSlide .largeText {
		font-size: 5em
	}

	.productBox {
		margin-right: 0
	}

	.title.twoThirds {
		width: 49%;
		margin-right: 1%
	}

	.productBox.fullThird {
		width: 49%;
		float: left
	}

	.productBox.fullThird:nth-child(odd) {
		margin-right: 1%
	}
}

@media only screen and (max-width: 1200px) {
	.powerSlide .largeText {
		font-size: 5em
	}

/*	#navigation,
	#subHeader {
		display: none
	}*/

	#subNavMobile {
		display: inherit
	}

	.brochure {
		background-position: left top
	}

	.brochure .title {
		width: 100%
	}

/*	#showMobileNav {
		display: block
	}

	#navigation.active {
		float: left;
		width: 100%;
		margin-top: 5%
	}

	#navigation,
	#navigation #subNavMobile {
		clear: both
	}

	#header {
		border-bottom: none
	}

	#header ul {
		position: relative;
		float: none;
		right: auto;
		top: auto;
		line-height: normal;
		margin-top: auto
	}

	#header ul li {
		display: block;
		position: relative;
		width: 100%
	}

	#header ul li:after {
		display: none
	}

	#header ul li.nav-dropdown {
		margin-right: 0
	}

	#header ul li.nav-dropdown:before {
		content: ''
	}

	#header ul li.nav-dropdown span.toggleDrop {
		font-size: 1.2em;
		position: absolute;
		right: 0;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		color: #252525;
		padding: 15px 20px;
		height: 49px;
		cursor: pointer;
		background: #d5d5d5
	}

	#header ul li.nav-dropdown ul.submenu span.toggleDrop {
		background: #e9e9e9
	}

	span.toggleDrop .fa-chevron-down {
		transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease
	}

	span.toggleDrop.active .fa-chevron-down {
		transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease
	}

	#header ul li.nav-selected>span.toggleDrop,
	#header ul li.nav-path-selected>span.toggleDrop {
		background: #308CC2;
		color: #fff
	}

	#header ul li:hover>ul {
		display: none
	}

	#header ul li a {
		border-bottom: 1px solid #eee;
		display: block;
		padding: 15px 3em 15px 10px
	}

	#header ul li a:hover {
		background: #0b6295
	}

	#header ul li a.nav-path-selected {
		color: #fff;
		background: #0b6295
	}

	#header ul li ul.submenu li a.nav-path-selected {
		color: #fff;
		background: #1776AD
	}

	#header ul li ul.submenu {
		position: static
	}

	#header ul li ul.submenu li a {
		padding: 15px 10px 15px 2em
	}

	#header ul li ul.submenu li.nav-dropdown:before {
		content: ''
	}

	#header ul li ul.submenu li ul.submenu li a {
		padding: 10px 10px 10px 3em
	}

	#header ul li ul.submenu li ul.submenu li ul.submenu li a {
		padding: 10px 10px 10px 4em
	}

	.title {
		width: 80%
	}*/

	.rangeBox a:hover .rangeIcon {
		font-size: 15em
	}

	.rangeBox a:hover h2 {
		color: #53a2c8
	}

	.rangeBox a:hover p {
		display: none
	}

	.products a img {
		min-height: 100%;
		min-width: 100%;
		max-width: 100%
	}

	.pageBreadcrumb {
		float: none;
		clear: left;
		width: 100%;
		text-align: left
	}

	.contact-form,
	.review-form {
		width: 100%
	}

	#sidebar.pr {
		display: none
	}

	.sideSection.pr {
		width: 100%;
		padding-right: 0
	}

	#socialBox .socialCell {
		padding: 5%
	}

	section.sideSection .wrap {
		padding-right: 5%
	}

	.powerSliderShell {
		height: 1000px !important;
		overflow: hidden !important
	}

	.productBox a {
		padding: 30% 20px 30% 20px
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
	#videoContainer {
		display: none
	}

	.textOverlay {
		background: url(mov/dessian-products-fallback.jpg) no-repeat;
		background-size: cover
	}

	.textOverlay .title p.subheading.white {
		color: #fff !important
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
	#videoContainer {
		display: none
	}

	.textOverlay {
		background: url(mov/dessian-products-fallback.jpg) no-repeat;
		background-size: cover;
		position: relative;
		padding: 5%
	}

	.textOverlay .title p.subheading.white {
		color: #fff !important
	}
}

@media only screen and (max-width: 768px) {
	.wrap {
		padding: 0 20px !important
	}

	#socialBox .wrap {
		padding: 0 20px !important
	}

	.unit {
		float: none;
		width: 100% !important
	}

	.products {
		float: left
	}

	.products .description {
		height: 100%;
		padding: 40px;
		text-align: left
	}

	.products a img {
		max-width: 100%;
		min-width: 100%
	}

	.half,
	.third,
	.fullThird,
	.twoThirds,
	.quarter,
	.fullQuarter {
		width: 100% !important;
		margin-bottom: 2em
	}

	.table {
		display: block
	}

	.tableCell {
		display: block
	}

	.rangeBox .table {
		display: table
	}

	.rangeBox .tableCell {
		display: table-cell
	}

	.right {
		float: left
	}

	.marginBtm {
		margin-bottom: 10% !important
	}

	.title {
		width: 100%
	}

	#sidebarRight {
		width: 100%;
		height: auto;
		margin: 5% 0 5% 0;
		padding: 0 5%
	}

	section.sideSection {
		width: 100%;
		padding-bottom: 0
	}

	section.sideSection .wrap {
		padding-right: 5%
	}

	#videoContainer {
		position: relative
	}

	.textOverlay {
		position: static;
		padding: 5%
	}

	.textOverlay p.subheading.white {
		color: #7e7e7e !important
	}

	span#videoOverlay {
		display: none
	}

	.callToAction {
		margin-bottom: 0
	}

	.callToAction a {
		padding: 5%
	}

	#socialBox .socialHeader {
		padding-bottom: 10%
	}

	#socialBox .socialHeader {
		position: static;
		width: 100%
	}

	#socialBox .socialCell {
		width: 100%;
		display: block
	}

	#socialBox .socialContent {
		margin-top: 3%
	}

	.resources {
		padding-top: 5%
	}

	.whyChoose .tableCell.third {
		padding: 20% 10%
	}

	#footerTitle {
		display: none
	}

	h2.footerTitleMobile {
		display: block
	}

	#tabs ul {
		margin-bottom: 0
	}

	#tabs_container div {
		top: 0 !important;
		padding: 0
	}

	.overlay {
		width: 100%
	}

	.text {
		margin-left: 0px
	}

	.inner {
		max-width: 100%
	}

	.powerSlide .largeText {
		font-size: 4em
	}

	.close {
		display: none
	}

	.button-banner,
	.button-link {
		font-size: 1.4em
	}

/*	#header {
		width: 100%;
		padding: 20px
	}
*/
	.prev-next {
		display: none
	}

	#sliders {
		height: 800px;
		overflow: hidden
	}

	.title p {
		font-size: 3em;
		margin-top: 10px
	}

	.productBox a,
	.productBox a:hover {
		padding-top: 20%
	}

	.brochure {
		width: 100%;
		height: 240px
	}

	#brochure .button-banner {
		margin-top: 40px;
		background: #ebebeb
	}

	#brochure .button-banner:hover {
		background: #56a4c9
	}

	.subheading.right {
		float: left
	}

	#callToAction .wrap {
		padding: 0 0px !important
	}

	.callToAction {
		height: 210px
	}

	#suppliers .fullThird {
		width: 33.3333% !important
	}

	.supplier div {
		height: 50px !important
	}

	section.social {
		padding: 0px
	}

	#facebook {
		padding: 0px
	}

	#twitter {
		padding: 0px;
		border: none
	}

	#twitter,
	#blog {
		margin-top: 60px;
		padding-bottom: 40px;
		border-bottom: 1px solid #636363
	}

	.socialIcons {
		display: inline-block
	}

	.socialIcons span a {
		margin-left: 10px
	}

	#products {
		padding-top: 40px !important
	}
}

@media only screen and (max-width: 568px) {
	section.sideSection.left {
		padding-left: 10% !important
	}

	#sidebarRight {
		padding: 0 10%
	}

	.resources .wrap .half {
		padding: 10%
	}

	.twoColumns {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1
	}

	.textOverlay {
		padding: 10%
	}

	#footer .wrap {
		padding: 5% 10%
	}

	#tabs li a,
	#tabs2 li a,
	#tabs3 li a,
	#tabs4 li a,
	#tabs5 li a {
		padding: 14px 20px !important
	}

	.button {
		width: 100%;
		font-size: 1.4em
	}

	.callToAction h2 {
		font-size: 2em
	}

	.callToAction h2:before {
		margin-bottom: 15px
	}

	.productBox a,
	.productBox a:hover {
		padding-top: 27.5%
	}
}

@media only screen and (max-width: 480px) {
	a#logo {
		max-width: 250px
	}
}

@media only screen and (max-width: 320px) {
	a#logo {
		max-width: 200px
	}
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0
}

.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.timeline-Viewport {
	background-color: red
}

/*!
We Are Duo new.css
*/

/*#subHeader ul li a {
	font-size: 11px;
	padding: 25px 15px;
}

#subHeader ul li:after {
	top: -2px;
}

#subHeader .social-header {
	/*display: none !important;*/
/*}*/

/*#subHeader .social-header a {
	padding: 16px 15px;
	font-size: 14px;
}*/

/** ACCORDIAN **/

.content .accordian {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 0;
}

.content .accordian li {
	list-style-type: none;
}

.content .accordian header {
	display: block;
	margin: 0;
	padding: 17px;
	font-size: 16px;
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.content .accordian .fa {
	font-size: 30px;
	float: right;
	line-height: 18px;
	color: #0b6295;
}

.content .accordian header.active,
.content .accordian header:hover {
	background-color: #0b6295;
	color: white;
}

.content .accordian header.active:hover .fa,
.content .accordian header:hover .fa {
	color: white;
}

.content .accordian header.active .fa:before {
	content: "\f106";
}

.content .accordian section {
	display: none;
	padding: 17px;
	background: #fff;
	border-top: 1px solid #ddd;
}

.content .accordian section h4 {
	margin-bottom: 7px;
}

.content .accordian section.active {
	display: block;
}

.content .accordian section p:last-child {
	margin: 0;
}

.spacing {
	margin-bottom: 1.5em;
}

.intro p {
	color: #5684a9;
	font-size: 3em;
	font-weight: 300;
	line-height: 1.5;
}

.intro p:first-child {
	font-family: "proxima-nova";
	color: #7e7e7e;
	font-size: 4em;
	font-weight: 300;
	line-height: 1;
}

@media only screen and (min-width: 768px) {
	.intro .bodycontainer p:first-child {
		color: #074063;
		max-width: 530px;
	}

	.intro .bodycontainer p:last-child {
		color: #5681a6;
		float: right;
		font-weight: bold;
	}

	.intro .bodycontainer {
		padding: 50px 0;
	}

	.intro .bodycontainer {
		max-width: 1100px;
		margin: 0 auto
	}
}

html>
/**/

body ul.ccm-search-block-tag-cloud {
	list-style-type: none;
	margin: 0px;
	padding: 0px
}

html>
/**/

body ul.ccm-search-block-tag-cloud li {
	float: left;
	padding: 0;
	margin: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	height: auto;
	line-height: auto;
}

html>
/**/

body ul.ccm-search-block-tag-cloud li a {
	padding: 8px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #ccc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	color: #858585;
	font-weight: 700;
	text-transform: uppercase;
}

html>
/**/

body ul.ccm-search-block-tag-cloud li a:hover {
	color: #53a2c8;
	border-color: #53a2c8;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

html>
/**/

body ul.ccm-search-block-tag-cloud li span {
	display: none;
}

:first-child+html ul.ccm-search-block-tag-cloud li {
	float: left;
	margin-right: 20px;
	white-space: nowrap;
	padding: 0px;
	margin-left: 0px
}

* html ul.ccm-search-block-tag-cloud li {
	float: left;
	margin-right: 20px;
	white-space: nowrap;
	padding: 0px;
	margin-left: 0px
}

#google-business {
	background-image: url('../img/tour.jpg');
	background-repeat: no-repeat;
	padding: 40px 40px 40px 40px;
}

.googleMapCanvas {
	width: 100%;
	border: 0px none;
	height: 500px;
}

.googleMapCanvas img {
	max-width: none !important;
}

.googleMapCanvas.mini {
	height: 300px;
}

#blockStyle1697Main26 {
	background-repeat: no-repeat;

	.ccm-gallery tbody tr td img {
		padding: 20px !important;
	}
}

.ccm-gallery tbody tr td p {
	text-align: center;
}

.ccm-gallery {
	margin-top: 12px;
	border: 2px solid #dedede;
	padding: 12px 0px 0px 0px;
}

.ccm-gallery tbody tr td {
	vertical-align: middle;
	text-align: center;
}

.ccm-gallery tbody tr td img {
	display: block;
	margin: auto;
	margin-bottom: 10px;
	cursor: pointer;
}

.callToAction h4 {
	color: white;
}

.content ul li {
	/* font-size: 1.6em; */
}

small {
	font-size: 12px;
}

.number span:first-of-type {
	margin-right: 2px;
}

.footer__wrapper .line-spacer-dark {
	height: 429px;
}

.footer-bg,
.footer__wrapper {
	background-color: white;
}

.footer__wrapper {
	padding-bottom: 70px;
}

.content .product__overview ul li p {
	font-size: inherit;
}

#footerContent #infoLogos img {
	margin-right: 1%;
	width: 32.5%;
	display: inline-block;
	float: left;
}

#footerContent #infoLogos img:last-child {
	margin-right: 0;
}

#infoLogos:before,
#infoLogos:after {
	content: '';
	clear: both;
	display: table;
}

.offer-wrapper:before {
	content: '';
}

.offer-wrapper:after {
	content: '';
	display: block;
	clear: both;
}

.offer-wrapper {
	margin: 1% 0 0 0;
	padding: 2px;
	opacity: 1;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.offer-wrapper:hover {
	opacity: 0.5;
	background-color: #ebebee;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

.brochure-block {
	margin-top: 20px;
}

.brochure-block h3 {
	width: 95%;
}

.brochure-img-block {
	margin-bottom: 0;
}

.buyingGuide {
	width: 100%;
}

.last {
	margin-bottom: 2em;
}

.button-banner.whiterb {
	color: #333;
	border: 1px solid #333;
}

.button-banner.whiterb:hover {
	color: #333;
	border: 1px solid #56a4c9;
}

.button-banner.whiterb i {
	border-left: 1px solid #333;
}

.button-banner.whiterb:hover i {
	border-left: 1px solid #56a4c9;
}

@media (min-width: 1230px) {
	.button-banner.whiterb {
		color: white;
		border: 1px solid white;
	}

	.button-banner.whiterb:hover {
		color: white;
		border: 1px solid #56a4c9;
	}

	.button-banner.whiterb i {
		border-left: 1px solid white;
	}

	.button-banner.whiterb:hover i {
		border-left: 1px solid #56a4c9;
	}
}


#productsnav {
	padding-top: 100px;
}

section.narrow.productheader {
	margin-top: 100px;
}

/* @media (min-width: 768px) {
	section.narrow.productheader {
		padding: 6em 0 12em;
	}
} */

section.maincontent {
	padding: 0 0;
}

.productheader.white {
	background-color: #fff;
}

.productheader.grey {
	background-color: #ebebeb !important;
}

@media (min-width: 1230px) {
	.grey {
		background-color: #ebebeb !important;
	}
}

.two__col,
.two__colnom {
	width: 100%;
}

.productBox.alt a h3 {
	padding: 15px 15px;
}

.productBox.alt a {
	padding-top: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 24em;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 1200px) {
	.productBox.alt a {
		padding: 0% 0px 0% 0px;
	}
}

.two__col .productBox {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.two__col .productBox a:hover {
	background: transparent !important;
}

.two__col .productBox a:hover h3 {
	border: 1px solid white;
	background-color: #56a2c7;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	t
}

.two__col .content p {
	padding-right: 20px;
}

.two__col .content {
	width: 100%;
	position: relative;
	z-index: 1;
	background-color: #ebebeb;
}

.lastpara {
	position: relative;
	margin-top: 80px;
	background-color: #ebebeb;
}

.toppara {
	position: relative;
	margin-top: 0px;
}

.toppara p {
	position: relative;
	z-index: 1;
	float: right;
	font-weight: bolder;
	text-align: right;
}

.toppara .line-spacer-dark {
	top: -20%;
	right: 125px;
	height: 120% !important;
	margin: 0 0 0 0 !important;
	z-index: 0;
}

.toppara.ol p {
	font-size: 24px;
}

.toppara p {
	color: #333;
}

@media (min-width: 1230px) {
	.toppara p {
		color: white;
	}
}

.features .wrap {
	padding: 30px 0;
	z-index: 2;
}

.two__col .line-spacer-dark {
	top: -10%;
	left: 125px;
	height: 120% !important;
	margin: 0 0 0 0 !important;
	z-index: -1;
}

.productheader .line-spacer-dark {
	top: 30px;
	left: 270px;
	max-height: 150%;
	z-index: 0;
}

@media (min-width: 768px) {
	.productheader .line-spacer-dark {
		left: 300px;
	}
}

.whyChooseUs .line-spacer-dark {
	top: 0px;
	left: 300px;
	max-height: 110%;
	z-index: 0;
}

@media (min-width: 768px) {
	.whyChooseUs .line-spacer-dark {
		top: 30px;
		left: 360px;
	}
}

.productheader h1.withIntro {
	position: relative;
	color: #56a2c7;
	margin-bottom: 0;
	min-height: 50px;
	font-size: 20px;
	text-transform: uppercase;
}

@media (max-width: 1475px) {
	.whyChooseUs h1 {
		background-color: white;
		z-index: 1;
	}
}

.productheader h2 {
	position: relative;
	font-size: 37px;
	color: #363636;
	max-width: 570px;
	min-height: 56px;
	z-index: 1;
	text-transform: none;
}

.productheader.white h2 {
	background-color: #fff;
}

.productheader h3 {
	position: relative;
	font-size: 37px;
	color: #56a2c7;
	background-color: #fff;
	z-index: 1;
}

.productheader.grey h2 {
	background-color: #ebebeb;
}

.two__colnom .button-banner {
	width: 100%;
	margin-top: 25px;
	font-size: 12px;
}

.bodycontainer .two__colnom h2 {
	text-transform: none !important;
	font-size: 30px;
	color: white;
}

@media (min-width: 768px) {
	.two__colnom .button-banner {
		width: 80%;
	}

	.bodycontainer .two__colnom h2 {
		padding-right: 100px;
	}
}

@media (min-width: 1200px) {
	.two__colnom .button-banner {
		width: 40%;
	}

	.bodycontainer .two__colnom h2 {
		padding-right: 300px;
	}
}

.bodycontainer .button-banner {
	max-width: 100%;
	margin-top: 20px;
}

.contentwrap h3,
.maincontent h3 {
	color: #56a4c9
}

@media (min-width: 768px) {
	.contentwrap .half:last-child {
		max-width: 320px;
	}

	.toppara p {
		max-width: 240px;
	}

	.two__col {
		position: relative;
		float: left;
		width: 50%;
		overflow: none;
	}

	.two__colnom {
		float: left;
		width: 50%;
	}
}

@media (min-width: 768px) {
	.two__col {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.two__col {
		width: 50%;
	}
}

.contentwrap ul {
	margin-bottom: 50px;
	font-weight: 400;
	color: #555;
	list-style: circle !important;
	padding-left: 20px;
}

.contentwrap ul li {
	font-size: 20px;
	margin-bottom: 20px;
	list-style-type: disc;
}

.contentwrap .half .button-banner {
	max-width: 100%;
	font-size: 12px;
	margin-top: 40px;
}

.arrangequote {
	position: relative;
	padding: 0;
}

.arrangequote .line-spacer-dark {
	top: 0;
	left: 280px;
	max-height: 90px;
}

@media (min-width: 768px) {
	.arrangequote .line-spacer-dark {
		left: 330px;
	}
}

.arrangequote .fa {
	position: absolute;
	top: 0px;
	right: 5px;
	color: white;
	font-size: 50px;
	transition: all 1s;
	z-index: 5;
}

@media (min-width: 768px) {
	.arrangequote .fa {
		right: 50px;
	}
}

.arrangequote .fa {}

.arrangequote .fa:hover {
	color: #56a4c9;
}

.arrangequote .fa::after {
	position: absolute;
	bottom: 0;
}

.arrangequote .bodycontainer.blackcontent {
	min-height: 150px;
	background-color: #4d4d4d;
}

.arrangequote .button-banner.right:hover .fa {
	color: white;
	border-left: 1px solid #56a4c9;
}

.videos {
	position: relative;
	padding: 0;
}

.videos .bodycontainer {
	background-color: black;
}

.videos .line-spacer-dark {
	top: 0;
	left: 280px;
	max-height: 90px;
}

.videos .fa {
	position: absolute;
	top: 0;
	right: 0;
	color: white;
	font-size: 50px;
	transition: all 1s;
}

.videos .bodycontainer.blackcontent {
	min-height: 150px;
	background-color: #4d4d4d;
}

.videos .subheading {
	color: white;
}

.videoSection {
	position: relative;
}

.videoSection blockquote {
	position: relative;
	color: #333;
	font-size: 3em;
	line-height: 1.2;
	transition: all 1s;
	padding: 10px 76px 0px 10px;
	margin-top: 85px;
}

.videoSection blockquote::before {
	position: absolute;
	left: -20px;
	top: 45px;
	color: rgba(86, 132, 169, 0.4);
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	vertical-align: -0.4em;
	margin-right: -20px;
}

.videoSection blockquote::after {
	position: absolute;
	bottom: -20px;
	right: 100px;
	z-index: 0;
	color: rgba(86, 132, 169, 0.4);
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	vertical-align: -0.4em;
}

.videoSection .subheading {
	color: #333;
}

.videoSection .line-spacer-dark {
	position: absolute;
	top: 0px;
	left: 250px;
	height: 100px;
	width: 2px;
	transition: all 1s;
}

.selected {
	color: #56a4c9 !important;
}

.selectedone {
	color: #56a4c9 !important;
	transform: rotate(90deg);
}

.subheading {
	transition: all 1s;
}

.line-spacer-dark {
	transition: all 1s;
}

.changecolourblue {
	color: #56a4c9 !important;
	transition: all 1s;
}

.changelinecolour {
	background-color: #56a4c9;
	transition: all 1s;
}

.arrangeaquoteform {
	display: none;
	transition: all 1s;
}

.videoEvent {
	display: none;
	transition: all 1s;
}

.testimonialsv2 {
	display: none;
}

.display {
	display: block;
	transition: all 1s;
}

.arrangeaquoteform .mini-quote-form {
	background: transparent;
}

.arrangeaquoteform .mini-quote-form input {
	background: transparent;
	border: 3px solid #fff;
	padding: 15px;
	color: #fff;
	width: 100%;
	font-weight: 400;
	font-size: 1.6em;
	font-family: "proxima-nova";
}

.arrangeaquoteform .mini-quote-form ::-webkit-input-placeholder {
	color: white;
}

.maincontent {
	background-color: white;
	padding: 50px 0;
}

.maincontent.cf .third:nth-child(2) {
	display: none;
}

.arrangeaquoteform .mini-quote-form {
	padding: 0;
}

@media only screen and (min-width: 900px) {
	.arrangeaquoteform .mini-quote-form input {
		width: 30%;
	}

	.arrangeaquoteform .button-banner {
		width: 30%
	}

	.arrangeaquoteform .mini-quote-form {
		padding: 30px;
	}

	.formcontainer {
		margin-left: 25%;
		display: block;
	}

	.pdfcon {
		margin-top: 75px;
	}

	.bodycontainer .unit.third img {
		max-height: 400px;
	}

	.bodycontainer .unit.twoThirds.cf p {
		max-width: 500px;
		font-size: 20px;
		font-weight: 100;
	}

	.maincontent.cf .smackbox-content a.smackbox img {
		width: 125px;
		height: 125px;
	}

	.maincontent.cf .smackbox-content a.smackbox {
		display: inline-block;
		width: 125px;
		height: 125px;
		position: relative;
		margin: 0px 20px 10px 0px !important;
	}

	.maincontent.cf .smackbox-content a.smackbox:hover img {
		width: 125px;
		height: 125px;
		z-index: 2;
		top: 0px;
		left: 0px;
	}

	.maincontent.cf .rollover {
		margin: 10px 20px 10px 0px;
	}

	.maincontent.cf .line-spacer-dark {
		margin-top: 65px;
		margin-left: 45%;
		height: 395px;
	}

	.maincontent.cf .third:nth-child(2) {
		display: block;
	}
}

@media (min-width: 1350px) {
	.arrangeaquoteform .button-banner {
		width: 20%
	}
}

.arrangeaquoteform .fa.fa-chevron-right {
	position: relative;
	font-size: 17px;
	color: #56a4c9;
}

.arrangequote .third {
	margin-right: 0;
}

.arrangequote .subtitle {
	position: relative;
}

.arrangequote .subtitle p {
	z-index: 1;
}

.arrangequote .subtitle blockquote {
	position: relative;
	color: white;
	font-size: 3em;
	line-height: 1.2;
	transition: all 1s;
}

@media (min-width: 900px) {
	.arrangequote .subtitle blockquote {
		padding: 40px 330px 0px 0px;
	}

	.arrangequote .subtitle blockquote:before {
		position: absolute;
		top: 105px;
		left: 80px;
		z-index: 0;
	}

	.arrangequote .subtitle blockquote:after {
		position: absolute;
		bottom: -30px;
		right: 130px;
		z-index: 0;
	}
}

.testimonialsv2 blockquote p {
	color: black !important;
	margin-bottom: 20px;
}

.testimonialsv2 blockquote small {
	color: white;
}

section.image-text.wrapper .bodycontainer img {
	display: block;
	width: 100%;
}

.main-content {
	background-color: white;
}

/* .subheadingcontainer {
	padding-bottom: 6em;
}

.subheadingcontainer h2 {
	text-transform: none;
	color: #363636;
	font-size: 37px;
}

.subheadingcontainer del {
	text-decoration: none;
	color: #56a2c7;
} */

.main-content p {
	/* font-size: 20px; */
}

@media (min-width: 768px) {
	/* .subheadingcontainer h2 {
		max-width: 920px;
	}

	.subheadingcontainer h2 {
		font-size: 50px;
	} */

	.main-content .twoThirds p {
		max-width: 480px;
	}
}

.whyChooseUs .unit.half.last {
	padding-right: 50px;
}

.BrochuresVideos .unit.half.last {
	max-width: 100%;
}

.BrochuresVideos .contentwrap .half .button-banner {
	margin-top: 0;
	margin-bottom: 20px;
}

.BrochuresVideos .button-banner {
	color: white;
}

.BrochuresVideos .button-banner-text {
	padding: 1.2em 1.2em 1.2em 1.2em;
}

.BrochuresVideos .contentwrap .half:last-child {
	max-width: 100%;
}

@media (min-width: 1200px) {
	.BrochuresVideos .contentwrap .half {
		width: 45%;
	}
}

@media (max-width: 768px) {
	.BrochuresVideos .bodycontainer {
		padding: 20px 0 !important;
	}
}

.maincontent p,
.features p {
	font-size: 20px;
}

.angledoverlay {
	position: relative;
	display: block;
	background-color: #8b8b8b;
	background-blend-mode: multiply;
	min-height: 400px;
	background-size: 100%;
	background-position: right;
	background-repeat: no-repeat;

	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	z-index: 1;
	padding: 0;
	overflow: hidden;
}

@media (min-width: 1500px) {
	.angledoverlay {
		background-size: 70%;
	}
}

.angledimage {
	padding: 0;
}

.angledimage::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #ebebeb;
	z-index: 1;
}

@media (min-width: 1230px) {
	.angledimage::before {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		width: 50%;
		height: 100%;
		background-color: #ebebeb;
		z-index: 1;
	}

	.angledimage::after {
		position: absolute;
		content: '';
		left: 0%;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #ebebeb;
		transform: skewY(98deg);
		-webkit-transform: skewY(98deg);
		-moz-transform: skewY(98deg);
		-ms-transform: skewY(98deg);
		-o-transform: skewY(98deg);
		z-index: 1;
	}
}

@media (max-width: 1230px) {
	.angleimage
}

.pages .item blockquote p:before {
	display: none;
}

.pages .item.unit.third {
	position: relative;
}

.pages .item blockquote p {
	text-indent: 1em !important;
}

.startQuote {
	position: absolute;
	background-image: url(../assets/img/SVG/Quotes.svg);
	left: 5px;
	top: 15px;
	background-repeat: no-repeat;
	background-size: 35px;
	height: 100%;
	width: 10%;
	z-index: 55;
}

.endquote {
	position: absolute;
	background-image: url(../assets/img/SVG/EndQuotes.svg);
	background-repeat: no-repeat;
	background-size: 35px;
	height: 100%;
	width: 10%;
	z-index: 55;
}

.arrangequote.pages .fa {
	font-size: inherit;
}

.arrangequote.pages .button-banner {
	width: 50%;
}

.arrangequote.pages .button-banner-text {
	padding: 20px;
}

.arrangequote.pages .descriptivecontent {}


.fullWrapper.cf .line-spacer-dark {
	height: 120%;
	margin: 38px 22px 40px 250px;
	left: -60px;
	top: -60px;
	z-index: -1;
}

.bodycontainer {
	position: relative;
	padding: 60px 0 50px 0;
	font-size: 11px;
	background-color: #ebebeb;
}

.bodycontainer h3 {
	color: #56a2c7;
	margin-bottom: 20px
}

.bodycontainer p {
	margin-bottom: 0;
	line-height: 1.8;
	padding-bottom: 10px;
}

.bodycontainer.black {
	background-color: #333;
	overflow: hidden;
}

.bodycontainer.blackcontent {
	background-color: #333;
	clear: both;
}

.bodycontainer.blackcontent ul {
	list-style-type: square;
	color: #fff;
	margin-left: 40px;
	margin-bottom: 10px;
	max-width: 1000px;
}

.bodycontainer.black p,
.bodycontainer.blackcontent p {
	color: #fff;
}

.contentwrap {
	margin: 0 auto;
	overflow: hidden;
}

.darkblue {
	color: #074063;
}

.lightblue {
	color: #5684a9;
}

/*.subheading.head {
	font-weight: 600;
	line-height: 1;
	font-size: 4em;
	margin-bottom: 20px;
	max-width: 900px;
}

.subheading.header {
	font-weight: 500;
	line-height: 1;
	font-size: 2.98em;
	margin-bottom: 100px;
}*/

.bodycontainer .contentwrap strong {
	color: #5699be;
}

.unit.third.last .responsiveimage {
	float: right;
}

@media only screen and (max-width: 1200px) {

	.toprow.cf,
	.bottomrow.cf,
	section.maincontent {
		padding: 20px !important;
	}
}

@media only screen and (max-width: 1200px) {
	.arrangequote.pages .bodycontainer {
		padding: 60px 20px 60px 0px !important;
	}
}

.toprow .unit.third.last.cf {
	float: right;
}

section.image-text.wrapper .bodycontainer.black {
	padding: 0;
}

section.image-text.wrapper ul {
	margin-left: 0;
}

section.image-text.wrapper ul li {
	list-style: none;
}

section.image-text.wrapper ul li:before {
	content: '✓';
	margin-right: 10px;
}


section.imageandtext ul {
	margin-left: 0;
}

section.imageandtext ul li {
	list-style: none;
}

section.imageandtext ul li:before {
	content: '✓';
	margin-right: 10px;
}

@media only screen and (min-width: 768px) {
	.toprow.cf {
		padding: 60px 0 100px 0;
	}
}

@media only screen and (min-width: 1100px) {
	/* section.image-text.wrapper .bodycontainer::after {
		content: "";
		position: absolute;
		background: rgb(235, 235, 235);
		top: 0px;
		left: 40%;
		height: 70vh;
		width: 16%;
		-webkit-transform: skew(-15deg);
		-moz-transform: skew(-15deg);
		-ms-transform: skew(-15deg);
		transform: skew(-15deg);
		z-index: 0;
	} */

	section.image-text.wrapper .bodycontainer {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	section.image-text.wrapper .bodycontainer .half:first-child {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		z-index: 1;
	}

	.whyChoose .content {
		/* margin-top: -210px; */
		padding-left: 100px;
	}
}

@media only screen and (min-width: 900px) {
	.wrap.content.whyChoose.cf .unit.third {
		float: right;
	}

	.testimonals-link,
	.maincontent-container {
		max-width: 770px;
	}
}

@media only screen and (max-width: 900px) {
	.flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.ccm-image-block {
		width: 50%;
	}
}

.numberhide {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 99;
	padding: 0 5%;
}

.number small {
	font-weight: bold;
	text-transform: uppercase;
	color: #56a4c9;
}

@media (min-width:1200px) {
	.numberhide {
		display: none;
	}
}

.testimonals-link {
	background-color: white;
	padding: 5em;
	margin: 0 0 30px 0;
}

.testimonals-link span.half.last {
	text-align: right;
}

.testimonals-link h2 {
	color: #074063;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 3.4em;
}

.testimonals-link blockquote {
	quotes: "\201C""\201D""\2018""\2019";
	font-size: 24px;
	max-width: 250px;
}

.testimonals-link blockquote:before {
	color: #5684a9;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

.testimonals-link blockquote:after {
	color: #5684a9;
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

.testimonals-link p {
	color: black !important;
	display: inline;
	line-height: 1;
	font-size: 1em;
}

.filecontainer a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.filecontainer.cf {
	width: 100%;
}

.filecontainer h3 {
	font-size: 1.3em;
}

.maincontent.cf .file h3 {
	color: #0b6295;
	margin-bottom: 0;
}

.maincontent.cf .file.cf {
	margin-bottom: 25px;
}

.maincontent.cf .file.cf img {
	margin-right: 30px;
}

.maincontent.cf .fa.fa-cloud-download {
	color: #a6a6a6;
}

.maincontent.cf .unit.half.cf .mini-quote-form {
	position: relative;
	margin-bottom: 30px;
}

.maincontent.cf .unit.half.cf {
	width: 45.5%;
}

.maincontent.cf .mini-quote-form {
	padding: 40px 40px;
}

.maincontent.cf .mini-quote-form h4 {
	font-size: 2.4em;
	padding-bottom: 40px;
	z-index: 2;
}

.maincontent.cf .mini-quote-form p {
	max-width: 350px;
}

.maincontent.cf button.small.left.button.lightBlueBg {
	float: right;
}

.maincontent .half:nth-child(even) {
	float: left !important;
}

.twocol.cf {
	position: relative;
	padding: 30px 0;
}

.twocol.cf .unit.half.cf h3:last-of-type {
	padding-top: 1em;
}

@media only screen and (min-width: 900px) {
	.unit.half.cf.altered {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.unit.half.cf.altered .mini-quote-form {
		margin-bottom: 30px !important;
	}
}

section.EnergyRatings {
	padding: 0 0;
	position: relative;
}

section.EnergyRatings .bodycontainer.blackcontent {
	padding: 50px 0;
}

section.EnergyRatings .bodycontainer.blackcontent h3 {
	color: white;
}

section.EnergyRatings .bodycontainer.blackcontent .subheading.head {
	color: #56a2c7;
}

section.EnergyRatings .bodycontainer.blackcontent .ccm-image-block {
	width: auto;
}

.productselect {
	position: relative;
	background: #56a2c7;
	height: 350px;
	margin: 0 0 55px;
	overflow: hidden;
}

.productselect a {
	max-height: 350px;
	height: 100%;
	overflow: hidden;
	position: relative
}

.productselect a::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #56a2c7;
	opacity: 0.5;
	z-index: 1;
}

.productselect:hover a:after {
	background-color: transparent;
}

.productselect a img {
	position: absolute;
	float: left;
	width: auto;
	max-width: 100%;
	min-width: 100%;
	opacity: 0.7;
	transition: all 0.2s ease;
	z-index: 1
}

.productselect .title {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 53px;
	text-align: center;
	z-index: 2;
	opacity: 1;
	transition: all 0.2s ease
}

.productselect .title h3 {
	margin-bottom: 0;
	font-size: 3em;
	line-height: 1;
	border: 1px solid white;
	background-color: #56a2c7;
	padding: 10px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	color: white;
}

.productselect .title p {
	text-transform: uppercase;
	color: #81D6FF;
	font-family: "proxima-nova";
}

.productRanges .productselect .title p {
	display: none
}

.productselect .description {
	color: #fff;
	text-align: center;
	padding: 0 40px;
	opacity: 0;
	font-family: "proxima-nova"
}

.productselect:hover .title {
	opacity: 0;
	transition: all 0.2s ease
}

.productselect:hover .description {
	opacity: 1;
	font-size: 24px;
}

.productselect:hover img {
	opacity: 0.2;
	transition: all 0.2s ease
}

@media only screen and (max-width: 1475px) {
	#productselect {
		background-position: 75px 56px
	}

	#productselect {
		padding-top: 50px !important
	}
}

/*@media only screen and (max-width: 1200px) {
	.products a img {
		min-height: 100%;
		min-width: 100%;
		max-width: 100%
	}
}*/

.slick-slide {
	background-color: transparent;
	max-height: 800px;
}


.inner {
	margin-top: 12%;
}


@supports not (mix-blend-mode: multiply) {
	.angledoverlay::after {
		content: '';
		background-color: rgba(139, 139, 139, 0.48);
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}
}


.number-mobile {
	padding: 5px 0;
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.number-mobile {
		display: none;
	}
}

@media only screen and (min-width: 600px) {
	.numberhide-mobile {
		display: none;
	}
}

@media all and (-ms-high-contrast:none) {
	.angledoverlay {
		position: relative;
	}

	.angledoverlay:before {
		content: '';
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		background-color: rgba(139, 139, 139, 0.48);
	}
}

.powerSliderShell {
	height: 610px !important;
}

.btn-slavery {
	max-width: 380px;
}