body {
	font-family: Muli, sans-serif;
	color: #333;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300
}

h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 42px;
	line-height: 50px;
	font-weight: 200;
	text-align: center;
	letter-spacing: -.5px
}

h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 32px;
	line-height: 36px;
	font-weight: 300
}

h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 38px;
	font-weight: 300;
	letter-spacing: .11px
}

h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000a12;
	font-size: 24px;
	line-height: 32px;
	font-weight: 200;
	letter-spacing: .2px
}

h5 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000a12;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400
}

h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 26px;
	font-weight: 400
}

p {
	margin-bottom: 10px;
	color: #585858
}

a {
	color: #02aca8;
	text-decoration: underline
}

a:hover {
	text-decoration: none
}

ul {
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 40px;
	color: #585858
}

li {
	margin-bottom: 12px;
	font-size: 17px
}

.color-swatch {
	width: 100px;
	height: 100px
}

.color-swatch.primary {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02aca8), to(#02aca8));
	background-image: linear-gradient(180deg, #02aca8, #02aca8)
}

.color-swatch.secondary {
	background-color: #156da8
}

.color-swatch.white {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff)
}

.color-swatch.grey {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6);
	color: #f6f6f6
}

.color-swatch.dark {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1f2d3d), to(#1f2d3d));
	background-image: linear-gradient(180deg, #1f2d3d, #1f2d3d)
}

.color-swatch.accent {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f39952), to(#f39952));
	background-image: linear-gradient(180deg, #f39952, #f39952)
}

.color-swatch.black {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
	background-image: linear-gradient(180deg, #000, #000)
}

.color-swatch.bodyfontcolorlight {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff)
}

.color-swatch.bodyfontcolorgrey {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#585858));
	background-image: linear-gradient(180deg, #585858, #585858);
	color: #585858
}

.color-swatch.bodyfontcolordark {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000a12), to(#000a12));
	background-image: linear-gradient(180deg, #000a12, #000a12)
}

.color-swatch.bodyfontcolorblack {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
	background-image: linear-gradient(180deg, #000, #000)
}

.color-swatch.medium {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#38506b), to(#38506b));
	background-image: linear-gradient(180deg, #38506b, #38506b);
	color: #333
}

.color-swatch.bordergrey {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#49677a), to(#49677a));
	background-image: linear-gradient(180deg, #49677a, #49677a)
}

.swatch-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 35px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.heading {
	font-size: 16px;
	line-height: 24px
}

.sectionpadding {
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 60px
}

.sectionpadding.backgroundgrey {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6)
}

.sectionpadding.backgroundprimary {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#007aff), to(#007aff));
	background-image: linear-gradient(180deg, #007aff, #007aff)
}

.sectionpadding.backgroundsecondary {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#156da8), to(#156da8));
	background-image: linear-gradient(180deg, #156da8, #156da8)
}

.sectionpadding.backgrounddark {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1f2d3d), to(#1f2d3d));
	background-image: linear-gradient(180deg, #1f2d3d, #1f2d3d)
}

.sectionpadding.backgroundimageone {
	height: auto;
	background-image: url(../images/FIJI-ROSE-VERT-RT-008.jpg);
	background-position: 50% 0;
	background-size: cover
}

.sectionpadding.backgroundimageone.backgroundfadetowhite {
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .4)), color-stop(98%, #fff)), url(../images/Page-Background-min.jpg);
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .4), #fff 98%), url(../images/Page-Background-min.jpg);
	background-position: 0 0, 50% 0;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat
}

.sectionpadding.backgroundbluegrey {
	background-image: -webkit-gradient(linear, left top, right top, from(#38506b), to(rgba(73, 103, 122, .79))), url(../images/CTA-background-min-p-500.jpeg);
	background-image: linear-gradient(90deg, #38506b, rgba(73, 103, 122, .79)), url(../images/CTA-background-min-p-500.jpeg);
	background-position: 0 0, 50% 50%;
	background-size: auto, cover
}

.sectionpadding.backgroundimagegradient {
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .46)), to(#dad9d9)), url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .46), #dad9d9), url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-position: 0 0, 50% 50%;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat
}

.sectionpadding.backgroundimagegradient.rollerblindsbackground {
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 96.5%, .57)), color-stop(58%, #f6f6f6), to(#f6f6f6)), url(../images/Page-Background-min.jpg);
	background-image: linear-gradient(180deg, hsla(0, 0%, 96.5%, .57), #f6f6f6 58%, #f6f6f6), url(../images/Page-Background-min.jpg);
	background-position: 0 0, 50% 0;
	background-size: auto, auto;
	background-repeat: repeat, no-repeat
}

.sectionpadding.microbanner.microbanner1 {
	padding-top: 30px;
	padding-bottom: 30px;
	background-size: auto, cover
}

.sectionpadding.homebackground {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(hsla(0, 0%, 100%, 0))), url(../images/Home-Background.jpg);
	background-image: linear-gradient(0deg, #f6f6f6, hsla(0, 0%, 100%, 0)), url(/images/Home-Background.jpg);
	background-position: 0 0, 0 0;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat
}

.container {
	width: 85%;
	max-width: 1400px;
	margin-right: auto;
	margin-left: auto
}

.container.transform50up {
	display: block;
	margin-top: -150px;
	margin-bottom: 0
}

.container.transform50up.zindex1 {
	position: relative;
	z-index: 1
}

.container.sectionpaddingtop {
	margin-top: 90px;
	padding-top: 60px
}

.container.navbarmaincontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.white {
	color: #fff
}

.white.cta-title {
	margin-top: 0
}

.light {
	color: #fff
}

.dark {
	color: #777
}

.grey {
	color: #585858
}

.black {
	color: #000
}

.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: -15px;
	margin-left: -15px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.row.nogutters {
	margin-right: 0;
	margin-left: 0
}

.column {
	margin-right: 0;
	margin-left: 0;
	padding: 15px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.columnexamples {
	position: static;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6)
}

.column-12 {
	width: 100%;
	padding: 15px
}

.column-6 {
	width: 50%;
	padding: 15px;
	background-color: transparent
}

.column-6.nogutters.novpadding {
	padding-top: 0;
	padding-bottom: 0
}

.column-4 {
	width: 33.33333333%;
	padding: 15px;
	background-color: transparent
}

.column-4.w--current {
	background-color: transparent
}

.column-4.verticalflex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.column-4.verticalflex.columncentering {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.column-3 {
	width: 25%;
	padding: 15px
}

.column-3.hoverpopup {
	-webkit-transition: -webkit-transform .2s ease;
	transition: -webkit-transform .2s ease;
	transition: transform .2s ease;
	transition: transform .2s ease, -webkit-transform .2s ease
}

.column-3.hoverpopup:hover {
	-webkit-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.column-2 {
	width: 16.66666666%;
	padding: 15px
}

.column-1 {
	width: 8.33333333%;
	padding: 15px
}

.column-11 {
	width: 91.66666666%;
	padding: 15px
}

.column-10 {
	width: 83.33333333%;
	padding: 15px
}

.column-9 {
	width: 75%;
	padding: 15px
}

.column-9.zindex1 {
	position: relative;
	z-index: 1
}

.column-8 {
	width: 66.66666666%;
	padding: 15px
}

.column-7 {
	width: 50.33333333%;
	padding: 15px
}

.column-5 {
	width: 41.66666666%;
	padding: 15px
}

.sectionpaddingsmall {
	padding-top: 20px;
	padding-bottom: 20px
}

.sectionpaddingsmall.backgroundgrey {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6)
}

.nogutters {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0
}

.sectionpaddingtop {
	padding-top: 60px;
	padding-bottom: 0
}

.sectionpaddingtop.backgroundimage.newimage4 {
	background-image: url(../images/remote-background-min-p-800.jpeg);
	background-position: 100% 100%;
	background-size: auto;
	background-repeat: no-repeat
}

.sectionpaddingtop.backgroundimage.newimage4.sectionpadding {
	margin-bottom: 0;
	padding-bottom: 60px;
	background-image: url(../images/remote-background-min-p-800.jpeg);
	background-position: 100% 100%;
	background-size: 850px;
	background-repeat: no-repeat
}

.sectionpaddingtopsmall {
	padding-top: 30px
}

.sectionpaddingbottomsmall {
	padding-bottom: 30px
}

.buttoncontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.buttoncontainer.containerperfectcenter {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: -5px;
	padding-right: 5px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.buttoncontainer.buttoncenter {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.buttoncontainer.justifyright {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.buttoncontainer.justifyright.centeralign {
	height: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.buttonround {
	border-radius: 24px
}

.buttontrans {
	border: 2px solid #02aca8;
	background-color: transparent;
	color: #02aca8
}

.rowreverse {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: -15px;
	margin-left: -15px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.align_left {
	font-size: 38px;
	text-align: left
}

.align_center {
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 43px;
	font-weight: 200;
	text-align: center
}

.align_center.colorprimary {
	color: #02aca8
}

.align_center.colorprimary.captionsized {
	width: 60%;
	margin-right: auto;
	margin-left: auto
}

.align_center.all-product-title {
	margin-bottom: 19px;
	font-size: 30px
}

.align_right {
	text-align: right
}

.contentleft {
	text-align: left
}

.contentcenter {
	text-align: center
}

.contentright {
	text-align: right
}

.columncenter {
	display: block;
	margin-right: auto;
	margin-left: auto
}

.columnpadding {
	padding: 15px
}

.buttonwhite {
	border: 2px solid #02aca8;
	background-color: #fff;
	color: #02aca8
}

.button {
	padding: 12px 25px;
	border-radius: 3px;
	-webkit-transition: background-color .5s ease;
	transition: background-color .5s ease;
	color: #fff;
	font-weight: 400;
	cursor: pointer
}

.button.buttontrans {
	padding: 8px 42px 10px;
	border-width: 1px;
	color: #02aca8
}

.button.buttontrans.buttonround {
	position: static;
	z-index: 2;
	border-radius: 24px;
	-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: background-color .5s ease, transform .2s ease;
	transition: background-color .5s ease, transform .2s ease, -webkit-transform .2s ease;
	font-size: 20px
}

.button.buttontrans.buttonround:hover {
	-webkit-transform: scale(1.05) translate(0, 0);
	-ms-transform: scale(1.05) translate(0, 0);
	transform: scale(1.05) translate(0, 0)
}

.button.buttontrans.buttonround.zindex2 {
	position: relative
}

.button.buttondivider {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-right: 47px;
	padding-left: 47px;
	border: 1px solid #49677a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff);
	-webkit-transition: background-color .5s ease, box-shadow 1.5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 492ms cubic-bezier(.25, .46, .45, .94);
	transition: background-color .5s ease, box-shadow 1.5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 492ms cubic-bezier(.25, .46, .45, .94);
	transition: background-color .5s ease, transform 492ms cubic-bezier(.25, .46, .45, .94), box-shadow 1.5s cubic-bezier(.215, .61, .355, 1);
	transition: background-color .5s ease, transform 492ms cubic-bezier(.25, .46, .45, .94), box-shadow 1.5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 492ms cubic-bezier(.25, .46, .45, .94);
	color: #49677a
}

.button.buttondivider:hover {
	box-shadow: 0 0 25px -8px hsla(0, 0%, 57.3%, .81);
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}

.buttonprimary {
	padding-right: 22px;
	padding-left: 22px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02aca8), to(#02aca8));
	background-image: linear-gradient(180deg, #02aca8, #02aca8);
	-webkit-transition: background-color .1s ease, box-shadow .1s ease;
	transition: background-color .1s ease, box-shadow .1s ease;
	font-weight: 600
}

.buttonprimary:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00d8d3), to(#00d8d3));
	background-image: linear-gradient(180deg, #00d8d3, #00d8d3);
	box-shadow: 2px 2px 26px -9px hsla(0, 0%, 57.3%, .81)
}

.buttonprimary.buttonlarge {
	padding: 12px 30px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02aca8), to(#02aca8));
	background-image: linear-gradient(180deg, #02aca8, #02aca8);
	-webkit-transition: box-shadow .1s ease, background-color .1s ease;
	transition: box-shadow .1s ease, background-color .1s ease;
	font-weight: 600
}

.buttonprimary.buttonlarge:hover {
	margin: -.5px .5px .5px -.5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00bdb8), to(#00bdb8));
	background-image: linear-gradient(180deg, #00bdb8, #00bdb8);
	box-shadow: 0 3px 26px -9px hsla(0, 0%, 57.3%, .81)
}

.buttonprimary.buttonpadding {
	margin-top: 20px;
	-webkit-transition: opacity .2s ease, box-shadow .1s ease, background-color .1s ease;
	transition: opacity .2s ease, box-shadow .1s ease, background-color .1s ease
}

.buttonprimary.buttonpadding:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00d8d3), to(#00d8d3));
	background-image: linear-gradient(180deg, #00d8d3, #00d8d3);
	box-shadow: 0 3px 26px -9px hsla(0, 0%, 57.3%, .81)
}

.buttonprimary.buttonverylarge {
	padding: 23px 34px;
	border-radius: 3px;
	-webkit-transition: background-color .2s ease;
	transition: background-color .2s ease;
	font-size: 20px;
	letter-spacing: .2px
}

.buttonprimary.buttonverylarge:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00d8d3), to(#00d8d3));
	background-image: linear-gradient(180deg, #00d8d3, #00d8d3)
}

.buttonsecondary {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#156da8), to(#156da8));
	background-image: linear-gradient(180deg, #156da8, #156da8)
}

.button-2 {
	background-color: #38506b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5)));
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))
}

.button-3 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f39952), to(#f39952));
	background-image: linear-gradient(180deg, #f39952, #f39952)
}

.button-4 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6);
	color: #777
}

.buttonfull {
	display: block
}

.buttoncontainer-2 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.fontawesome {
	position: static;
	left: 0;
	top: 60px;
	right: 0;
	bottom: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 60px;
	height: 60px;
	margin-top: 30px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-transition: -webkit-transform 2s cubic-bezier(.175, .885, .32, 1.275);
	transition: -webkit-transform 2s cubic-bezier(.175, .885, .32, 1.275);
	transition: transform 2s cubic-bezier(.175, .885, .32, 1.275);
	transition: transform 2s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform 2s cubic-bezier(.175, .885, .32, 1.275);
	color: #fff
}

.fontawesome:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.navbar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background-color: transparent
}

.headercontactcontainer {
	display: block
}

.navcontainerimportant {
	margin-left: auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.headercontactp {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: right
}

.nav-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.nav-link {
	padding-top: 20px;
	-webkit-transition: padding .3s ease;
	transition: padding .3s ease;
	font-size: 20px;
	line-height: 27px;
	cursor: pointer
}

.nav-link:hover {
	margin-bottom: 0;
	padding-top: 16px;
	padding-bottom: 24px
}

.nav-link.w--current {
	color: #000a12
}

.whiteboxbanner {
	display: block;
	max-width: 900px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	padding: 47px 84px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .91)), to(hsla(0, 0%, 100%, .91)));
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .91), hsla(0, 0%, 100%, .91))
}

.heading2subtitleversion {
	margin-top: 10px;
	color: #585858;
	font-size: 20px;
	line-height: 26px;
	font-weight: 200;
	text-align: center;
	letter-spacing: .09px
}

.heading2subtitleversion.align_left {
	color: #585858;
	text-align: left
}

.productcategoryboxone {
	border: 4px solid #fff
}

.productcategoryboxone.positionrelative {
	position: relative;
	display: block
}

.productcategoryboxone.positionrelative.flexvertical {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.productcategoryboxone.positionrelative.flexvertical.justifyflexend {
	height: 100%;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	border-width: 5px
}

.productcategoryboxone.positionrelative.flexvertical.justifyflexend.dropshadow {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	box-shadow: 9px 9px 25px -10px rgba(0, 0, 0, .19)
}

.backgroundimageproductlist {
	height: 300px;
	background-image: url(../images/perfect-fit.jpg);
	background-position: 50% 50%;
	background-size: cover
}

.backgroundimageproductlist.positionabsolute {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/Product-Vertical-min.jpg);
	background-position: 0 0;
	background-size: 300px
}

.backgroundimageproductlist.positionabsolute.newimage1 {
	background-image: url(../images/somfy-remote-pic-1024x576.jpg)
}

.backgroundimageproductlist.positionabsolute.newimage1.dropshadow {
	background-image: url(../images/roller-thumb-3.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage2 {
	background-image: url(../images/shutter-thumb-3.jpg), url(../images/Phoenix_Truffle-1024x810-p-500.jpeg);
	background-position: 0 0, 0 0;
	background-size: cover, 300px;
	background-repeat: no-repeat, repeat
}

.backgroundimageproductlist.positionabsolute.newimage2.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage3 {
	background-image: url(../images/venetian-lightbox-2.jpg);
	background-position: 50% 50%;
	background-size: cover
}

.backgroundimageproductlist.positionabsolute.newimage3.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage4 {
	background-image: url(../images/venetian-thumbnail-3.jpg);
	background-position: 0 0;
	background-size: 250px
}

.backgroundimageproductlist.positionabsolute.newimage4.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage5 {
	background-image: url(../images/Product-Roman-min.jpg);
	background-position: 50% 50%;
	background-size: cover
}

.backgroundimageproductlist.positionabsolute.newimage5.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage6 {
	background-image: url(../images/Product-Perfect-Fit-min.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage6.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage9 {
	background-image: url(../images/motorised-roller-1.jpg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage9.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage10 {
	background-image: url(../images/cellular-lantern-thumb.jpg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage10.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage11 {
	background-image: url(../images/roller%202.jpg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage11.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage12 {
	background-image: url(../images/gabel-shutter2-min.jpg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage13 {
	background-image: url(../roof-2.jpg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage14 {
	background-image: url(../pods-images-1.jpg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage13 {
	background-image: url(../roof-2.jpg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage15 {
	background-image: url(../images/Allusion-1.jpg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage16 {
	background-image: url(../images/5b82bf2d9a8361351bf4d624_awning-thumb-3-p-500.jpg);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage12.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage8 {
	background-image: url(../images/Arena_Mid_Grey-2.jpg);
	background-position: 50% 100%;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage8.overflowhidden {
	background-image: none
}

.backgroundimageproductlist.positionabsolute.newimage7 {
	background-image: url(../images/Product-Pleated-min.jpg);
	background-position: 50% 100%;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductlist.positionabsolute.newimage7.overflowhidden {
	background-image: none
}

.captioncontainer {
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 96.5%, .85)), to(hsla(0, 0%, 96.5%, .9)));
	background-image: linear-gradient(180deg, hsla(0, 0%, 96.5%, .85), hsla(0, 0%, 96.5%, .9))
}

.captioncontainer.zindex1 {
	position: relative;
	z-index: 1;
	margin-top: 250px;
	margin-bottom: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .97)), to(hsla(0, 0%, 100%, .97)));
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .97), hsla(0, 0%, 100%, .97))
}

.heading-3 {
	margin-top: 10px
}

.heading-4 {
	margin-top: 10px
}

.heading-5 {
	margin-top: 10px
}

.sectiondivider.sectiondividerflex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.ruler1 {
	height: 2px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff)
}

.ruler1.marginvertical30 {
	margin-top: 30px;
	margin-bottom: 30px
}

.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
}

.flex.flexfullheight {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.flex.justifycenter {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.flex.container.view-product {
	margin-top: 20px
}

.speciallistitem {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.heading-6 {
	color: #000a12;
	font-size: 22px;
	font-weight: 400
}

.paragraph {
	color: #585858;
	font-weight: 200
}

.fontawesomelight {
	margin-top: 10px;
	margin-right: 10px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	font-family: 'Fa 300', sans-serif;
	color: #02aca8;
	font-size: 30px;
	line-height: 30px
}

.fontawesomelight.nomarginnocolor {
	margin-top: 0;
	margin-right: 0;
	color: #585858
}

.fontawesomelight.nomarginnocolor.fontawesomeborder {
	padding: 1px;
	border: 1px solid #585858
}

.fontawesomelight.nomarginnocolor.fontawesomeborder.fontawesomesmall {
	padding: 3px;
	border-width: 1px;
	font-size: 14px;
	line-height: 15px
}

.fontawesomelight.aligntop {
	margin-bottom: auto
}

.fontawesomelight.uparrow {
	margin-top: 0;
	margin-right: 0;
	margin-left: 10px;
	font-size: 15px;
	line-height: 10px
}

.backgroundimage {
	background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimage.newimage4 {
	width: 100%;
	height: 100%;
	margin-bottom: -15px;
	background-image: url(../images/auto-background.jpg), url(../images/auto-background.jpg);
	background-position: 0 0, 0 0;
	background-size: cover, 498px;
	background-repeat: no-repeat, no-repeat
}

.backgroundimage.newimage5 {
	position: static;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 400px;
	background-image: url(../images/Grovewood_Black_walnut.jpg);
	background-position: 50% 50%
}

.backgroundimage.newimage5.marginbottom150 {
	margin-bottom: 150px;
	background-image: url(../images/3-stages-background-min-p-1600.jpeg);
	background-position: 50% 100%;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimage.newimage6 {
	height: 300px;
	border: 2px solid #fff;
	background-image: url(../images/CAV-SHOWROOM-p-1080.jpeg)
}

.backgroundimage.newimage6.dropshadow {
	box-shadow: 9px 9px 25px -10px #585858
}

.backgroundimage.newimage7 {
	height: 300px;
	border: 2px solid #fff;
	background-image: url(../images/showroom1-p-1080.jpeg)
}

.backgroundimage.newimage7.dropshadow {
	box-shadow: 9px 9px 25px -10px #585858
}

.sectionpaddingbottom {
	position: static;
	display: block;
	width: auto;
	padding-top: 0;
	padding-bottom: 60px
}

.sectionpaddingbottom.gradientwhitetogrey {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(95%, #f1f1f1), to(#f6f6f6));
	background-image: linear-gradient(180deg, #fff, #f1f1f1 95%, #f6f6f6)
}

.whitefeaturesbox {
	padding: 15px
}

.whitefeaturesbox.zindex1 {
	position: relative;
	z-index: 1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff)
}

.whitefeaturesbox.zindex1.dropshadow {
	position: static;
	height: auto;
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	box-shadow: 0 13px 40px -10px rgba(88, 88, 88, .31)
}

.image {
	display: block
}

.image.largeiconimage {
	width: auto;
	height: 80%;
	margin-right: auto;
	margin-left: auto
}

.iconcontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	height: 100px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.iconcontainer.captionsized {
	width: 60%;
	margin-right: auto;
	margin-left: auto
}

.paragraphcaption {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	color: #000a12
}

.paragraphcaption.align_center {
	line-height: 23px;
	font-weight: 200
}

.fieldheading {
	display: inline-block;
	margin-right: 5px;
	color: #000a12;
	font-size: 18px;
	font-weight: 600
}

.fieldheading.grey {
	color: #585858;
	font-size: 16px
}

.fielddata {
	display: inline-block;
	font-size: 16px;
	font-weight: 200
}

.height100 {
	height: 100%
}

.bloglistwhitebox {
	position: relative;
	height: 100%;
	padding: 300px 0 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff)
}

.bloglistwhitebox.dropshadow {
	box-shadow: 9px 9px 25px -10px #585858;
	text-decoration: none
}

.bloglistwhitebox.dropshadow.bloglisthomeanimate {
	box-shadow: 0 13px 25px -10px rgba(0, 0, 0, .14);
	-webkit-transition: box-shadow .2s ease, -webkit-transform .2s ease;
	transition: box-shadow .2s ease, -webkit-transform .2s ease;
	transition: transform .2s ease, box-shadow .2s ease;
	transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease
}

.bloglistwhitebox.dropshadow.bloglisthomeanimate:hover {
	box-shadow: 0 18px 25px -10px rgba(0, 0, 0, .28);
	-webkit-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	transform: translate(0, -3px)
}

.homeblogimage {
	position: static;
	left: 0;
	top: 0;
	right: 0;
	height: 300px;
	padding-top: 20px;
	padding-left: 20px;
	background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.categorybubble {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02aca8), to(#02aca8));
	background-image: linear-gradient(180deg, #02aca8, #02aca8);
	-webkit-transition: background-color .1s ease, box-shadow .1s ease;
	transition: background-color .1s ease, box-shadow .1s ease;
	color: #fff
}

.categorybubble:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00d8d3), to(#00d8d3));
	background-image: linear-gradient(180deg, #00d8d3, #00d8d3)
}

.paragraphlarge {
	font-size: 18px;
	font-weight: 200;
	text-decoration: none
}

.paragraphlarge.nomarginbottom {
	font-size: 16px
}

.heading6sizedp {
	display: inline-block;
	font-size: 18px;
	line-height: 26px;
	font-weight: 200
}

.footernavbar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6)
}

.socialcontainer.flex.goright {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.fontawesomebrand {
	margin-right: 15px;
	padding: 5px;
	-webkit-transition: color .2s ease, background-color .2s ease;
	transition: color .2s ease, background-color .2s ease;
	font-family: 'Fa brands 400', sans-serif;
	color: #585858;
	font-size: 40px;
	line-height: 40px;
	text-decoration: none
}

.fontawesomebrand.facebookicon {
	font-size: 30px
}

.fontawesomebrand.facebookicon:hover {
	color: #3b5998
}

.fontawesomebrand.instagramicon {
	font-size: 30px
}

.fontawesomebrand.instagramicon:hover {
	color: #517fa4
}

.fontawesomebrand.twittericon {
	margin-right: 0;
	font-size: 30px
}

.fontawesomebrand.twittericon:hover {
	color: #00aced
}

.heading-8 {
	display: block;
	width: 100%
}

.div-block-2 {
	width: auto;
	margin-left: 0
}

.columnright {
	margin-left: auto
}

.topofpage {
	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;
	text-decoration: none
}

.topofpage.columnright {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	color: #a39696;
	text-align: right
}

.topofpage.columnright:hover {
	color: #02aca8
}

.nomarginbottom {
	margin-bottom: 0
}

.nomarginbottom.marginright10 {
	margin-right: 10px
}

.link {
	text-decoration: none
}

.div-block-3 {
	text-decoration: none
}

.div-block-4 {
	text-decoration: none
}

.productwhitebox {
	padding: 30px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff)
}

.productwhitebox.dropshadow {
	padding-bottom: 40px;
	box-shadow: 0 13px 25px -10px rgba(0, 0, 0, .27)
}

.productborderedbox {
	padding: 15px;
	border: .3px solid #f1f1f1
}

.marginbottom20 {
	margin-bottom: 20px;
	color: #585858
}

.marginbottom20.reason-text {
	font-weight: 300
}

.ruler2 {
	width: 20%;
	height: 1px;
	margin-right: auto;
	margin-left: auto;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dad9d9), to(#dad9d9));
	background-image: linear-gradient(180deg, #dad9d9, #dad9d9);
	color: #585858
}

.ruler2.marginbottom20 {
	margin-top: 10px
}

.lightbox-link {
	width: 100%
}

.link-block-2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	text-decoration: none
}

.paragraph-2 {
	font-weight: 200
}

.link-block-4 {
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.link-block-4.w--current {
	color: #02aca8
}

.div-block-10 {
	width: 10%;
	height: 200px;
	margin: -10px auto 20px 20%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02aca8), to(#02aca8));
	background-image: linear-gradient(180deg, #02aca8, #02aca8)
}

.div-block-10.linecommercial {
	width: 0%;
	height: 2px;
	margin-bottom: 10px
}

.div-block-10.linedomestic {
	width: 0%;
	height: 2px;
	margin-bottom: 10px
}

.div-block-10.lineindustrial {
	width: 0%;
	height: 2px;
	margin-bottom: 10px
}

.div-block-10.linehome {
	width: 0%;
	height: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 20%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02aca8), to(#02aca8));
	background-image: linear-gradient(180deg, #02aca8, #02aca8)
}

.navlink {
	display: inline-block;
	margin: 20px 0;
	padding: 0 19.5px;
	border-left: 0 none #fff;
	font-family: Muli, sans-serif;
	color: #000;
	font-size: 20px;
	font-weight: 300;
	text-decoration: none
}

.navlink:hover {
	border-style: none;
	border-top-width: 0;
	border-top-color: transparent;
	border-right-width: 1px;
	border-right-color: #000;
	border-bottom-width: 1px;
	border-bottom-color: #000
}

.established-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 20px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.establiished-logo {
	margin-bottom: 0;
	margin-left: 20px;
	font-family: Merriweather, serif;
	line-height: 19px;
	font-style: italic;
	font-weight: 200
}

.div-block-12 {
	height: 1200px
}

.paracontainer1 {
	overflow: visible;
	height: 400px;
	margin-bottom: 210px
}

.overflowhidden {
	overflow: hidden;
	height: 400px
}

.div-block-13 {
	height: 100%;
	background-image: url(../images/FIJI-ROSE-VERT-RT-008.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.div-block-13.buttonbackground2 {
	background-image: url(../images/motorised-min.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: repeat
}

.div-block-13.buttonbackground3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	background-image: url(../images/Shutters-min.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.div-block-13.buttonbackground4 {
	background-image: url(../images/awnings-min.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.backgroundimageproductsa {
	display: block;
	height: 100%;
	margin-left: 20px
}

.rollerblindgallery1 {
	height: 250px;
	background-image: url(../images/roller.jpg);
	background-position: 50% 50%;
	background-size: cover
}

.rollerblindgallery {
	height: 250px;
	background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.rollerblindgallery.rollerblindgallery1 {
	background-image: none
}

.rollerblindgallery.rollerblindgallery2 {
	background-image: url(../images/roller4.jpg)
}

.rollerblindgallery.rollerblindgallery3 {
	background-image: url(../images/lovolite-vision.jpg)
}

.rollerblindgallery.rollerblindgallery4 {
	background-image: url(../images/roller3.jpg), url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-position: 0 0, 50% 50%;
	background-size: 512px, cover;
	background-repeat: repeat, no-repeat
}

.dropdown-link {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6)
}

.dropdown-link:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dad9d9), to(#dad9d9));
	background-image: linear-gradient(180deg, #dad9d9, #dad9d9)
}

.dropdown-link.w--current {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f1f1f1));
	background-image: linear-gradient(180deg, #f1f1f1, #f1f1f1);
	color: #02aca8
}

.dropdown-link.w--current:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dad9d9), to(#dad9d9));
	background-image: linear-gradient(180deg, #dad9d9, #dad9d9)
}

.dropdown-list {
	background-color: #f6f6f6
}

.backgroundgrey {
	display: block;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6)
}

.backgroundgrey.footer {
	padding-top: 50px;
	padding-bottom: 50px
}

.column-12-2 {
	display: block;
	width: 100%;
	padding: 15px;
	background-image: none
}

.wrappadding {
	display: inline-block;
	padding: 7.5px
}

.searchdisplaynone {
	display: block;
	width: 100%;
	padding-left: 30px
}

.leftalign {
	margin-right: 30px;
	margin-left: 0;
	font-weight: 300;
	text-align: left
}

.leftalign.blogheading {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 30px
}

.leftalign.blogheading.borderbottom {
	width: 100%;
	border-color: #e9e9e9;
	border-bottom-style: solid;
	border-bottom-width: 1px
}

.leftalign.blogheading.borderbottom.lightgrey {
	color: #778f9b
}

.blogsearchinput {
	display: inline-block;
	width: 60%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	border-style: none;
	border-radius: 3px 0 0 3px;
	font-size: 17px;
	line-height: 24px
}

.sectionpaddingtop-2 {
	padding-top: 60px
}

.sectionpaddingtop-2.backgroundgrey {
	padding-bottom: 0
}

.sectionpaddingtop-2.backgroundgrey.zindex2 {
	position: relative;
	z-index: 2
}

.row-2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: -15px;
	margin-left: -15px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.container-2 {
	width: 85%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto
}

.searchholder {
	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
}

.button-6 {
	margin-top: 20px;
	margin-bottom: 30px;
	border-style: none;
	border-radius: 3px;
	background-color: #02aca8;
	color: #fff;
	font-weight: 400
}

.button-6:hover {
	box-shadow: 9px 9px 25px -10px rgba(0, 0, 0, .25);
	opacity: 1
}

.button-6.blogsearchbutton {
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 7px 12px;
	border: 1px solid #1e94e6;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #fff;
	color: #1e94e6;
	font-size: 17px;
	line-height: 22px;
	font-weight: 300
}

.button-6.blogsearchbutton.buttonfull {
	width: 25%;
	margin-top: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-style: none;
	border-color: #fff;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #02aca8;
	-webkit-transition: background-color .2s ease;
	transition: background-color .2s ease;
	color: #fff;
	font-size: 14px;
	line-height: 24px
}

.button-6.blogsearchbutton.buttonfull:hover {
	background-color: #00d8d3
}

.column-9-2 {
	display: block;
	width: 75%;
	padding: 15px
}

.sectionpadding-2 {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 60px;
	padding-bottom: 60px
}

.sectionpadding-2.backgroundgrey {
	position: static;
	z-index: 0;
	display: block;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6)
}

.blogrule {
	width: 1px;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(119, 143, 155, .4)), to(rgba(119, 143, 155, .4)));
	background-image: linear-gradient(180deg, rgba(119, 143, 155, .4), rgba(119, 143, 155, .4))
}

.blogdetailmenu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	border-right: 1px none rgba(119, 143, 155, .3);
	border-bottom: 1px none rgba(119, 143, 155, .3);
	border-left: 1px none rgba(119, 143, 155, .3)
}

.blogdetailmenu.backgroundwhite {
	margin-right: -60px;
	margin-bottom: -15px;
	margin-left: -60px;
	padding: 15px;
	border-style: solid none none;
	border-width: 1px;
	border-color: rgba(119, 143, 155, .3)
}

.blogdetailtext {
	padding: 30px 60px 60px;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(119, 143, 155, .3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff)
}

.blogdetailtext.noborder {
	margin-top: 0;
	padding: 0;
	border-style: none
}

.blogimagegradient {
	position: relative;
	left: auto;
	top: 0;
	right: 0;
	bottom: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	max-width: 800px;
	min-height: 350px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-position: 50% 50%;
	background-size: cover
}

.blogauthorcontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto
}

.rich-text-block {
	width: 100%;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0
}

.rich-text-block.blogdetailrichtext {
	max-width: 800px;
	margin: 40px auto
}

.blogdatecontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 5px;
	margin-left: 0;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto
}

.blogcategorycontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
	margin-left: 15px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.detailcategorybutton {
	margin-bottom: 0;
	color: #02aca8;
	font-size: 14px;
	line-height: 24px;
	text-decoration: underline
}

.div-block-17 {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff)
}

.blogdateinline {
	display: block;
	margin-right: 5px;
	margin-bottom: 0;
	font-size: 14px;
	font-style: normal
}

.blogdetailpadding {
	padding-top: 0;
	padding-right: 60px;
	padding-left: 60px
}

.blogdetailpadding.backgroundwhite {
	padding-top: 60px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff)
}

.fontawesome-2 {
	margin-right: 10px;
	margin-bottom: 0;
	font-family: 'Fa 300', sans-serif
}

.fontawesome-2.tag {
	display: inline-block;
	margin-right: 5px
}

.fontawesome-2.pencil {
	display: inline-block;
	margin-right: 5px
}

.fontawesome-2.calendar {
	display: inline-block;
	margin-right: 5px
}

.bloglistitemcontainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff);
	box-shadow: 1px 13px 25px -10px hsla(0, 0%, 57.3%, .81);
	-webkit-transition: box-shadow .2s ease, -webkit-transform .2s ease;
	transition: box-shadow .2s ease, -webkit-transform .2s ease;
	transition: box-shadow .2s ease, transform .2s ease;
	transition: box-shadow .2s ease, transform .2s ease, -webkit-transform .2s ease
}

.bloglistitemcontainer:hover {
	box-shadow: 1px 18px 25px -10px hsla(0, 0%, 57.3%, .81);
	-webkit-transform: translate(0, -3px);
	-ms-transform: translate(0, -3px);
	transform: translate(0, -3px)
}

.div-block-23 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.bloglistimagecontainernew {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 250px;
	min-height: 250px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-position: 50% 50%;
	background-size: cover
}

.div-block-24 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.div-block-21 {
	height: 100%;
	padding: 40px 30px;
	text-decoration: none
}

.blogdatecomtainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 5px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.bloglistheading {
	-webkit-transition: color .1s ease;
	transition: color .1s ease;
	font-size: 20px;
	line-height: 28px
}

.bloglistheading:hover {
	color: #00d8d3
}

.bloglistcategorycontainer {
	position: relative;
	left: 15px;
	top: 15px
}

.categorytagnew {
	padding: 3px 9px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .8)), to(hsla(0, 0%, 100%, .8)));
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8));
	color: #000a12;
	font-size: 12px
}

.categorytagnew.sidebarcategorytag {
	margin-top: 0;
	margin-bottom: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff);
	box-shadow: 1px 0 25px -10px hsla(0, 0%, 57.3%, .81)
}

.categorytagnew.hoverturq {
	-webkit-transition: background-color .6s ease, color .1s ease;
	transition: background-color .6s ease, color .1s ease;
	font-size: 12px
}

.categorytagnew.hoverturq:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02aca8), to(#02aca8));
	background-image: linear-gradient(180deg, #02aca8, #02aca8);
	color: #fff
}

.headinginline {
	display: inline-block;
	font-size: 43px
}

.headinginline.marginleft10 {
	margin-left: 10px;
	font-weight: 200
}

.microbanner {
	background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.microbanner.microbanner1 {
	background-image: -webkit-gradient(linear, left top, right top, from(#f6f6f6), to(hsla(0, 0%, 100%, .33))), url(../images/Phoenix_Truffle-1024x810-p-500.jpeg);
	background-image: linear-gradient(90deg, #f6f6f6, hsla(0, 0%, 100%, .33)), url(../images/Phoenix_Truffle-1024x810-p-500.jpeg);
	background-position: 0 0, 50% 50%;
	background-size: auto, cover;
	background-repeat: repeat, no-repeat
}

.left_align {
	font-size: 42px;
	text-align: left
}

.left_align.ourworkheading {
	font-size: 52px;
	line-height: 68px
}

.greyboxcontact {
	width: 100%;
	height: 100%;
	padding: 45px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
	background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6)
}

.contactbranchheading {
	font-size: 20px;
	line-height: 27px;
	font-weight: 400
}

.contactfieldheading {
	margin-bottom: 0;
	color: #02aca8;
	line-height: 27px
}

.contactfeildheading {
	margin-bottom: 0;
	color: #02aca8
}

.marginbottom30 {
	margin-bottom: 30px
}

.text-field {
	height: 50px
}

.textarea {
	min-height: 150px
}

.sabannaitem {
	width: 100%
}

.sabannalightbox {
	width: 100%
}

.image-13 {
	display: block;
	overflow: visible;
	width: auto;
	height: 80vh;
	max-height: 80vh;
	max-width: 80vw;
	min-width: 500px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/Phoenix_Truffle-1024x810-p-500.jpeg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.fontawesome2 {
	width: 40px;
	height: 40px;
	font-family: 'Fa 300', sans-serif;
	font-size: 40px;
	line-height: 40px
}

.fontawesome2.sabannaclosebutton {
	position: fixed;
	top: 60px;
	right: 60px;
	width: 80px;
	height: 80px;
	margin-bottom: auto;
	margin-left: auto;
	color: #fff;
	font-size: 80px;
	line-height: 80px;
	cursor: pointer
}

.modalcontainer {
	overflow: hidden;
	margin: 10vh 10vw
}

.sabannabgimagenew {
	position: relative;
	z-index: 1001;
	height: 80vh;
	max-width: 80vw;
	background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1
}

.categorybubblecontainer {
	position: absolute;
	left: 45px;
	top: 45px
}

.bloghometextlinkblock {
	height: 100%;
	margin-bottom: auto;
	padding: 30px;
	text-decoration: none
}

.homeblogimagelinkblock {
	position: absolute;
	left: 20px;
	top: 20px;
	right: 20px
}

.div-block-26 {
	margin-top: auto;
	margin-bottom: 0
}

.legal-rich-text h2 {
	margin-top: 10px;
	font-size: 25px;
	font-weight: 400
}

.legal-rich-text ul {
	color: #585858
}

.legal-rich-text li {
	font-size: 16px
}

.table-header {
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: 600
}

.paragraph-4 {
	color: #585858
}

.table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #dad9d9
}

.container-legal {
	width: 85%;
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto
}

.table-row {
	margin-bottom: 15px
}

.cta-button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.cta-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.brand-4 {
	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
}

.navbarmain {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff
}

.navbarcontact {
	border: 1px solid #02aca8;
	border-radius: 30px
}

.navbarcontact.navbarmainlink {
	color: #02aca8
}

.navbarcontact.navbarmainlink.w--current {
	border-style: solid;
	border-color: #02aca8;
	text-decoration: none
}

.navbarmainlink {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px
}

.navbarmainlink.w--current {
	border-style: none none solid;
	border-width: 1px;
	border-color: #000 #000 #02aca8;
	color: #02aca8
}

.headerdetails {
	background-color: #f1f1f1
}

.footerlink {
	margin-right: 12px;
	color: #696969;
	font-size: 14px;
	text-decoration: none
}

.footerlink:hover {
	border-bottom: 1px solid #02aca8;
	color: #02aca8
}

.footerbar {
	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
}

.footerlinks {
	padding-left: 0;
	font-size: 14px
}

.sociallinks {
	padding-right: 0
}

.footerdetails {
	margin-bottom: 25px
}

.copyright {
	margin-top: 15px;
	margin-bottom: 0;
	padding-left: 0;
	color: #a39696;
	line-height: 16px
}

.toplink {
	padding-top: 15px;
	color: #a39696;
	text-align: right
}

.collection-list-5 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.social-heading {
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center
}

.facebook {
	margin-top: 20px;
	font-size: 18px
}

.all-product-link {
	display: block;
	text-decoration: none
}

.video-title {
	margin-top: 0;
	font-size: 25px
}

.ruler2-2 {
	width: 20%;
	height: 1px;
	margin-right: auto;
	margin-left: auto;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dad9d9), to(#dad9d9));
	background-image: linear-gradient(180deg, #dad9d9, #dad9d9);
	color: #585858
}

.facebook-feed {
	margin-bottom: 30px
}

.awning-intro {
	margin-bottom: 15px
}

.motorised-section {
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid hsla(0, 0%, 57.3%, .5)
}

.nomargintop {
	margin-top: 0
}

.image-20 {
	display: block;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto
}

.image-21 {
	display: block;
	margin-right: auto;
	margin-left: auto
}

.success-message {
	background-color: #ecf8f8
}

.responsive-table {
	overflow: auto;
	width: 100%
}

.gallery-item {
	display: block;
	margin-bottom: 30px
}

.heading-10 {
	color: #585858
}

.heading-11 {
	color: #585858
}

.pdf-embed {
	height: 600px;
	margin-top: 30px
}

.home-hero {
	padding: 71px;
	background-image: url(../images/Home-Background_1-p-1600.jpeg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.contact-details {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.contact-card {
	display: block;
	width: 100%;
	padding: 10px 18px 18px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 1px none #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background-image: linear-gradient(180deg, #fff, #fff);
	box-shadow: 0 0 19px 0 #dfdfdf
}

.contact-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}

.utility-page-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100vw;
	height: 70vh;
	max-height: 100%;
	max-width: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.utility-page-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 260px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center
}

.utility-page-form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.image-22 {
	color: #b51f1f
}

.motorised-btn {
	margin-bottom: 20px
}

.motorised-btn.buttonprimary {
	margin-bottom: 35px
}

.columns {
	margin-right: 10px;
	margin-left: -10px;
	padding-left: 0
}

.column-flushed {
	margin-left: 0;
	padding-left: 0
}

.columns-2 {
	margin-right: -10px;
	margin-left: -10px
}

.home-pod-title {
	line-height: 28px;
	text-align: center
}

.columns-3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}

.column-14 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.column-15 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}

.column-16 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.blog-title {
	margin-bottom: 27px
}

.legal-rich-text---terms h2 {
	margin-top: 10px;
	font-size: 30px;
	font-weight: 400
}

.legal-rich-text---terms ul {
	color: #585858
}

.legal-rich-text---terms li {
	font-size: 16px
}

.legal-rich-text---terms h3 {
	font-size: 20px;
	font-weight: 400
}

.heading-12 {
	position: relative;
	display: block;
	width: 100%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, .65)), to(hsla(0, 0%, 100%, .65)));
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .65), hsla(0, 0%, 100%, .65));
	font-size: 42px;
	font-weight: 400;
	text-align: center
}

.text-span {
	display: block;
	color: #585858
}

.link-2 {
	font-weight: 600
}

.image-24 {
	min-height: 300px;
	-o-object-fit: cover;
	object-fit: cover
}

.image-25 {
	min-height: 300px
}

@media screen and (max-width:991px) {
	.sectionpadding.microbanner.microbanner1 {
		padding-top: 30px;
		padding-bottom: 30px
	}
	.row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
	.column-6.nogutters {
		-webkit-box-flex: 1;
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto
	}
	.column-3 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto
	}
	.column-3.column-md-down-12 {
		width: 100%
	}
	.column-3.column-md-down-12.paddingnonedown-md-down {
		margin-bottom: 0;
		padding-bottom: 0
	}
	.column-9.column-md-down-12 {
		width: 100%
	}
	.column-7 {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.column-md-down-6 {
		width: 50%
	}
	.column-md-down-4 {
		width: 33.33333333%
	}
	.column-md-down-3 {
		width: 25%
	}
	.column-md-down-2 {
		width: 16.66666666%
	}
	.column-md-down-12 {
		width: 100%
	}
	.sectionpaddingtop.backgroundimage.newimage4.sectionpadding {
		background-image: none;
		background-position: 0 0;
		background-size: auto;
		background-repeat: repeat
	}
	.align_center {
		font-size: 18px
	}
	.headercontactp {
		font-size: 14px;
		text-align: center
	}
	.whiteboxbanner {
		padding-right: 60px;
		padding-left: 60px
	}
	.productcategoryboxone.positionrelative.flexvertical.justifyflexend.dropshadow {
		margin-bottom: 25px
	}
	.backgroundimageproductlist.positionabsolute.overflowhidden {
		background-image: none
	}
	.flex.flexfullheight {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.backgroundimage.newimage5.marginbottom150 {
		height: 300px;
		margin-bottom: 105px
	}
	.whitefeaturesbox.zindex1.dropshadow {
		margin-top: -302px
	}
	.fieldheading.grey {
		font-size: 15px
	}
	.fielddata {
		font-size: 15px
	}
	.bloglistwhitebox.dropshadow.bloglisthomeanimate {
		margin-bottom: 25px
	}
	.paragraphlarge.marginbottom20 {
		font-size: 15px;
		line-height: 20px
	}
	.socialcontainer.flex.goright {
		margin-bottom: 10px;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}
	.div-block-2 {
		text-align: center
	}
	.marginbottom20 {
		font-size: 22px
	}
	.link-block-2 {
		margin-bottom: 14px
	}
	.navlink {
		display: inline-block;
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		border-style: none;
		text-align: left
	}
	.paracontainer1 {
		margin-bottom: 433px
	}
	.searchdisplaynone {
		padding-right: 15px;
		padding-left: 15px
	}
	.row-2 {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.blogimagegradient {
		min-height: 300px
	}
	.fontawesome-2.tag {
		display: inline-block
	}
	.fontawesome-2.pencil {
		display: inline-block
	}
	.fontawesome-2.calendar {
		display: inline-block
	}
	.div-block-23 {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.left_align.ourworkheading {
		font-size: 40px;
		line-height: 52px
	}
	.image-14 {
		max-width: 40%
	}
	.navbarmain {
		padding-top: 15px;
		padding-bottom: 15px
	}
	.navbarcontact.navbarmainlink {
		border-style: none;
		border-color: #000a12;
		border-radius: 0;
		color: #333
	}
	.navbarmainlink {
		background-color: #f1f1f1
	}
	.navbarmainlink.w--current {
		border-style: none;
		background-color: #e6f3f3
	}
	.icon-2 {
		font-size: 40px
	}
	.menu-button-2 {
		padding: 9px;
		border: 1px solid #dad9d9
	}
	.menu-button-2.w--open {
		background-color: #f1f1f1
	}
	.footerlink {
		display: block;
		margin-right: 0;
		margin-bottom: 7px;
		padding: 10px 5px;
		background-color: rgba(218, 217, 217, .2)
	}
	.footerbar {
		display: block
	}
	.footerlinks {
		text-align: center
	}
	.image-15 {
		display: block;
		margin-right: auto;
		margin-left: auto
	}
	.collection-list-5 {
		display: block
	}
	.collection-item-3 {
		width: 100%;
		float: none
	}
	.product-image-main {
		display: block;
		max-width: 50%;
		margin: 15px auto 20px
	}
	.image-18 {
		display: none
	}
	.image-19 {
		display: none
	}
	.column-13 {
		text-align: center
	}
	.gallery-item {
		margin-bottom: 20px
	}
	.contact-flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.columns-3 {
		display: block
	}
}

@media screen and (max-width:767px) {
	.container {
		width: 90%
	}
	.white.cta-title {
		display: block;
		max-width: 400px;
		margin-right: auto;
		margin-left: auto;
		text-align: center
	}
	.row.row-sm-down-rowreverse {
		-webkit-flex-wrap: wrap-reverse;
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse
	}
	.column-3.column-md-down-12 {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		-ms-flex-order: -1;
		order: -1
	}
	.column-sm-down-12 {
		width: 100%
	}
	.column-sm-down-6 {
		width: 50%
	}
	.column-sm-down-4 {
		width: 33.33333333%
	}
	.column-sm-down-3 {
		width: 25%
	}
	.column-sm-down-2 {
		width: 16.66666666%
	}
	.buttoncontainer.buttoncenter.buttonlarge {
		margin-bottom: 30px
	}
	.navbar {
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.navcontainerimportant {
		display: none
	}
	.headercontactp {
		font-size: 12px
	}
	.whiteboxbanner {
		padding-right: 30px;
		padding-left: 30px
	}
	.fontawesomelight.aligntop.align_center.tick {
		font-size: 35px
	}
	.paragraphcaption.align_center {
		width: 100%
	}
	.bloglistwhitebox.dropshadow.bloglisthomeanimate {
		margin-bottom: 30px
	}
	.paragraphlarge.white.cta-text {
		display: block;
		max-width: 500px;
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: auto;
		text-align: center
	}
	.topofpage.columnright {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center
	}
	.container-2 {
		width: 85%
	}
	.button-6 {
		font-size: 14.4px;
		line-height: 20px
	}
	.blogrule.displaynone-xs {
		display: block
	}
	.blogdetailmenu.backgroundwhite {
		padding: 10px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.blogcategorycontainer {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
	.blogcategorycontainer.displaynone-xs {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
	.blogcategorycontainer.displaynone-xs.displaynonesm {
		display: none
	}
	.image-14 {
		display: block;
		max-width: 40%
	}
	.container-legal {
		width: 90%
	}
	.cta-button {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.cta-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.menu-button-2 {
		padding: 7px
	}
	.text-block {
		text-align: center
	}
	.heading-9 {
		font-size: 32px;
		line-height: 42px
	}
	.collection-list-5 {
		display: block
	}
	.image-16 {
		display: none
	}
	.image-17 {
		display: none
	}
	.contact-details {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.contact-card {
		margin-bottom: 30px
	}
	.blog-title {
		font-size: 28px;
		line-height: 34px
	}
}

@media screen and (max-width:479px) {
	.column-4.verticalflex.columncentering {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.column-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto
	}
	.column-10 {
		-webkit-box-flex: 1;
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto
	}
	.column-xs-down-12 {
		width: 100%
	}
	.column-xs-down-6 {
		width: 50%
	}
	.column-xs-down-4 {
		width: 33.33333333%
	}
	.column-xs-down-3 {
		width: 25%
	}
	.column-xs-down-2 {
		width: 16.66666666%
	}
	.heading2subtitleversion {
		font-size: 18px;
		line-height: 24px
	}
	.flex.flexfullheight.flex-vertical {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.productwhitebox.dropshadow {
		padding: 10px
	}
	.marginbottom20 {
		line-height: 28px
	}
	.marginbottom20.reason-text {
		font-size: 18px;
		line-height: 24px
	}
	.establiished-logo {
		display: none
	}
	.container-2 {
		display: block;
		width: 85%;
		margin-right: auto;
		margin-left: auto
	}
	.button-6 {
		margin-bottom: 30px
	}
	.sectionpadding-2 {
		overflow: hidden;
		padding-top: 60px;
		text-align: center
	}
	.sectionpadding-2.backgroundgrey {
		padding-top: 30px;
		padding-bottom: 30px
	}
	.blogrule.displaynone-xs {
		display: none
	}
	.blogdetailmenu.backgroundwhite {
		margin-right: -10px;
		margin-left: -10px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.blogauthorcontainer.nomarginleft-xs {
		margin-left: 0
	}
	.blogdatecontainer.marginleftauto-xs {
		margin-right: auto
	}
	.blogcategorycontainer.displaynone-xs {
		display: none
	}
	.blogdateinline.displaynone-xs {
		display: none
	}
	.blogdetailpadding {
		padding-right: 10px;
		padding-left: 10px
	}
	.fontawesome-2.tag {
		display: inline-block
	}
	.bloglistimagecontainernew {
		width: 100%;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
	.greyboxcontact {
		padding: 10px 20px 20px
	}
	.image-14 {
		display: block;
		width: 60%;
		max-width: 45%
	}
	.table {
		overflow: scroll
	}
	.heading-9 {
		font-size: 32px;
		line-height: 38px
	}
	.email-form {
		margin-bottom: 42px
	}
	.gallery-item {
		margin-bottom: 10px
	}
	.home-hero {
		padding-right: 20px;
		padding-left: 20px
	}
	.blog-title {
		font-size: 24px;
		line-height: 28px
	}
}

@font-face {
	font-family: 'Fa brands 400';
	src: url(../fonts/fa-brands-400.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Fa 300';
	src: url(../fonts/fa-light-300.ttf) format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@media only screen and (min-width:992px) {
	.w-nav-menu {
		display: flex
	}
	.footerlinks {
		display: flex
	}
}

.bloglistitem {
	padding-left: 0;
	padding-right: 0
}

.container {
	padding-left: 0!important;
	padding-right: 0!important
}

.w--current p {
	color: #02aca8 !important;
}

.div-block-13.buttonbackground5 {
	background-image: url('../images/cellular-bifold-blinds-min.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.div-block-13.buttonbackground6 {
	background-image: url('../images/gabel-shutter2-min.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.div-block-13.buttonbackground7 {
	background-image: url('../images/cellular-lantern-thumb.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.d-none {
	display: none;
}

.sectionpadding.backgroundimagegradient.podsbackground {
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 96.5%, 0.57)), color-stop(58%, #f6f6f6), to(#f6f6f6)), url('../images/CB-Prestige-Outdoor-Living-Pod-Grey-7-scaled-background.jpg');
	background-image: linear-gradient(180deg, hsla(0, 0%, 96.5%, 0.57), #f6f6f6 58%, #f6f6f6), url('../images/CB-Prestige-Outdoor-Living-Pod-Grey-7-scaled-background.jpg');
	background-position: 0px 0px, 50% 0px;
	background-size: auto, auto;
	background-repeat: repeat, no-repeat;
}

.sectionpadding.backgroundimagegradient.externalbackground {
	background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 96.5%, 0.57)), color-stop(40%, #f6f6f6), to(#f6f6f6)), url('../images/CB-Antiguan-External-Roller-Blind-Grey-15-background.jpg');
	background-image: linear-gradient(180deg, hsla(0, 0%, 96.5%, 0.57), #f6f6f6 40%, #f6f6f6), url('../images/CB-Antiguan-External-Roller-Blind-Grey-15-background.jpg');
	background-position: 0px 0px, 50% 0px;
	background-size: auto, auto;
	background-repeat: repeat, no-repeat;
}@media (max-width:991px){.whitefeaturesbox.zindex1.dropshadow{margin-top:0!important}}@media (max-width:767px){.w-row{display:block!important;margin-left:0!important;margin-right:0!important}.w-col.w-col-6.w-col-stack{width:100%!important;float:none!important;padding-left:0!important;padding-right:0!important}.productwhitebox,.productborderedbox,.whitefeaturesbox{margin-bottom:20px}}.location-page .left_align.ourworkheading{font-size:42px;line-height:50px}.location-page h2.left_align{font-size:32px;line-height:36px}.location-page h3{font-size:22px;line-height:30px}.location-page p,.location-page .paragraphlarge,.location-page .marginbottom20.reason-text{font-size:17px;line-height:28px;font-weight:300}@media (max-width:991px){.location-page .left_align.ourworkheading{font-size:36px;line-height:44px}.location-page h2.left_align{font-size:28px;line-height:34px}.location-page h3{font-size:20px;line-height:28px}.location-page p,.location-page .paragraphlarge,.location-page .marginbottom20.reason-text{font-size:17px;line-height:28px}}@media (max-width:767px){.location-page .left_align.ourworkheading{font-size:30px;line-height:38px}.location-page h2.left_align{font-size:24px;line-height:30px}.location-page h3{font-size:18px;line-height:26px}.location-page p,.location-page .paragraphlarge,.location-page .marginbottom20.reason-text{font-size:16px;line-height:26px}}