@font-face
{
	font-family: Muli;
	src: url(/assets/fonts/Muli.ttf)
}

@font-face
{
	font-family: Muli;
	src: url(/assets/fonts/Muli-Bold.ttf);
	font-weight: bolder
}

@font-face
{
	font-family: Muli;
	src: url(/assets/fonts/Muli-Light.ttf);
	font-weight: light
}

@font-face
{
	font-family: Muli;
	src: url(/assets/fonts/Muli-Black.ttf);
	font-weight: 700
}

.fi
{
	color: #a8a6a6
}

.project-list .fi
{
	vertical-align: sub
}

.datatable .fi.fi-minus,
.fi:hover
{
	color: #2fab59
}

.button .fi
{
	color: #fff
}

.button.locked,
.button.locked:focus,
.button.locked:hover
{
	background-color: rgba(211, 211, 211, .6);
	color: #898989;
	opacity: .5;
	cursor: default
}

.locked-date
{
	padding: 5px 0 0 0
}

.size-8
{
	font-size: 8px
}

.size-10
{
	font-size: 10px
}

.size-12
{
	font-size: 12px
}

.size-14
{
	font-size: 14px
}

.size-16
{
	font-size: 16px
}

.size-18
{
	font-size: 18px
}

.size-20
{
	font-size: 20px
}

.size-21
{
	font-size: 21px
}

.size-22
{
	font-size: 22px
}

.size-24
{
	font-size: 24px
}

.size-26
{
	font-size: 26px
}

.size-28
{
	font-size: 28px
}

.size-32
{
	font-size: 32px
}

.size-36
{
	font-size: 36px
}

.size-48
{
	font-size: 48px
}

.size-60
{
	font-size: 60px
}

.size-72
{
	font-size: 72px
}

.size-84
{
	font-size: 84px
}

.size-96
{
	font-size: 96px
}

.fi-pencil
{
	margin-top: 1px
}

html
{
	overflow-x: hidden
}

a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p
{
	font-family: Muli, sans-serif
}

h2
{
	font-weight: 900;
	line-height: 1.1
}

a
{
	color: #FCD900
}

a:hover
{
	color: #2fab59
}

.bold
{
	font-weight: 700 !important
}

.list-columns ul,
ul.list-columns
{
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px
}

@media (max-width:768px)
{

	.list-columns ul,
	ul.list-columns
	{
		-moz-column-count: 1;
		-moz-column-gap: 20px;
		-webkit-column-count: 1;
		-webkit-column-gap: 20px;
		column-count: 1;
		column-gap: 20px
	}
}

h2.grey,
p.grey
{
	color: #403f3f
}

.bg-vdark-grey
{
	background: #343434;
	color: #fff
}

.bg-dark-grey
{
	background: #707070;
	color: #fff
}

.bg-orange
{
	background: #FCD900;
	color: #fff
}

.bg-green
{
	background: #FCD900;
	color: #fff
}

.bg-white
{
	background: #fff
}

.bg-light-grey
{
	background: #f7f4f4
}

.page-home .bg-dark-grey
{
	background: #403f3f
}

.text-orange
{
	color: #FCD900 !important
}

.text-grey
{
	color: #a8a6a6
}

.bg-green .text-grey
{
	color: #fff
}

.text-dark-grey
{
	color: #403f3f !important
}

.text-white
{
	color: #fff !important
}

.text-green
{
	color: #FCD900 !important
}

.suppliers-list .text-green
{
	color: inherit !important;
	font-weight: 400
}

.suppliers-list .text-green a
{
	color: #FCD900 !important;
	font-weight: 700
}

.no-padding
{
	padding: 0 !important
}

.no-padding-x
{
	padding-left: 0 !important;
	padding-right: 0 !important
}

.no-padding-y
{
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.line-height-1 p
{
	line-height: 1
}

.line-height-1-2 p
{
	line-height: 1.2
}

.washout
{
	opacity: .5
}

.border-right
{
	border-right: 1px #cacaca solid
}

.border-left
{
	border-left: 1px #cacaca solid
}

.divider
{
	height: 1px;
	color: #cacaca;
	margin: 40px 0;
	width: 100%
}

hr
{
	max-width: 100%
}

hr.green
{
	border-bottom: 1px solid #FCD900
}

.padding-top-20
{
	padding-top: 20px !important
}

.padding-bottom-20
{
	padding-bottom: 20px !important
}

.bordered
{
	padding: 40px;
	border: 1px solid #cacaca;
	margin: 40px auto
}

.text-align-center
{
	text-align: center
}

.button.black
{
	background: #403f3f
}

.button,
.lot-wrapper .button,
.userBar .button
{
	background: #FCD900
}

.cursor-move
{
	cursor: move
}

.main-content a:hover
{
	color: #a8a6a6
}

.main-content a.button:hover
{
	color: #fff;
	background: #a8a6a6
}

@media (max-width:1023px)
{

	.border-left,
	.border-right
	{
		border: 0
	}

	.mobile-center
	{
		text-align: center
	}
}

.btn-link
{
	padding: 4px 0
}

.full-height
{
	height: 100%
}

.half-height
{
	height: 50%
}

.share-icons
{
	margin-top: 50px
}

.share-icons a:hover
{
	color: #fff
}

.share-icons .fi:before
{
	color: #fff;
	margin-right: 10px
}

.jssocials-share-link
{
	padding: .3em .5em .4em
}

.header
{
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -50%
}

.main-content
{
	margin-top: 158px
}

.page-home .main-content
{
	margin-top: 0
}

.page-about-us .icon-with-text img
{
	height: 200px !important
}

.icon-with-text
{
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	padding: 10px
}

.icon-with-text img
{
	max-height: 100px !important;
	margin-bottom: 20px !important
}

.team-member
{
	margin-top: 20px
}

.team-member p
{
	color: #403f3f
}

.member-name
{
	line-height: 1.2 !important;
	padding: 2.5px 0 !important
}

.member-name,
.team-member-bio .member-role
{
	font-size: 32px !important;
	font-weight: 700 !important;
	margin-top: 5px !important;
	margin-bottom: 0 !important
}

.team-member-bio .member-name,
.team-member-bio .member-role
{
	line-height: 1 !important
}

.team-member-bio .member-role
{
	color: #a8a6a6 !important;
	margin-top: 0 !important;
	margin-bottom: 25px !important
}

.off-canvas.off-canvas-contact-form,
.off-canvas.off-canvas-team
{
	padding: 50px 35px !important
}

.js-off-canvas-overlay
{
	background: rgba(254, 254, 254, .75) !important
}

.off-canvas .close-button
{
	z-index: 999
}

.lot .lot-wrapper
{
	padding: 20px 20px 40px 20px
}

.lot small
{
	color: #a8a6a6
}

.lot .lot-title p
{
	display: inline-block;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.1;
	padding: 12px
}

.lang-cy .lot .lot-title p
{
	font-size: 12px;
	padding: 18px 8px
}

.lot-description
{
	margin-top: 10px
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea
{
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 5px;
	padding: .3rem .5rem;
	margin: 0 0 1em 0
}

label
{
	font-weight: 700
}

.login-form,
.register-form
{
	margin: 25px 0
}

.login-form p,
.register-form p
{
	padding: 25px 0
}

.login-form label
{
	padding: 20px 0
}

.login-form form input[type=password],
.login-form form input[type=password]:focus,
.login-form form input[type=text],
.login-form form input[type=text]:focus,
.register-form form input:not([type=submit]),
.register-form form input:not([type=submit]):focus
{
	border-width: 0 0 1px 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 2px 0;
	height: 40px;
	color: #a8a6a6;
	font-size: 22px;
	font-weight: bolder
}

.register-form input[type=checkbox],
.register-form input[type=email],
.register-form input[type=password],
.register-form input[type=radio],
.register-form input[type=text],
.register-form select,
.register-form textarea
{
	margin: 1em 0 0 0
}

.editProjectForm input[type=checkbox],
.editProjectForm input[type=email],
.editProjectForm input[type=password],
.editProjectForm input[type=radio],
.editProjectForm input[type=text],
.editProjectForm select,
.editProjectForm textarea
{
	margin: 0
}

.editProjectForm input[type=checkbox],
.editProjectForm input[type=radio]
{
	height: 20px;
	width: 20px;
	vertical-align: sub;
	margin: 0 5px 0 5px
}

.register-form form input:not([type=submit]),
.register-form form input:not([type=submit]):focus
{
	font-size: 18px
}

.register-form form .large-6
{
	padding-top: 0;
	padding-bottom: 10px
}

.off-canvas-contact-form form input[type=email],
.off-canvas-contact-form form input[type=tel],
.off-canvas-contact-form input[type=text],
.off-canvas-contact-form input[type=text]:focus,
.off-canvas-contact-formform input[type=email]:focus,
.off-canvas-contact-formform input[type=tel]:focus
{
	border-width: 0 0 1px 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 2px 0;
	height: 40px;
	color: #a8a6a6;
	font-size: 22px;
	font-weight: bolder
}

.currency-symbol
{
	position: absolute;
	font-size: 19px;
	color: #fff;
	background: #ccc;
	padding: 5px 10px;
	z-index: 5;
	border-radius: 3px 0 0 3px
}

.currency-field
{
	padding-left: 40px
}

.off-canvas.position-right
{
	width: 600px !important;
	-webkit-transform: translateX(600px);
	transform: translateX(600px);
	z-index: 999;
	background: #fff
}

.off-canvas.is-open
{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

@media (max-width:600px)
{
	.off-canvas.position-right
	{
		width: 450px !important;
		-webkit-transform: translateX(450px);
		transform: translateX(450px);
		z-index: 999;
		background: #fff
	}

	.off-canvas.is-open
	{
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}
}

@media (max-width:450px)
{
	.off-canvas.position-right
	{
		width: 300px;
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
		z-index: 999;
		background: #fff
	}

	.off-canvas.is-open
	{
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-box-shadow: none !important;
		box-shadow: none !important
	}
}

.is-dropdown-submenu-parent.opens-right.is-active,
.submenu.is-dropdown-submenu
{
	background: #FCD900
}

.is-dropdown-submenu-parent.opens-right.is-active a
{
	color: #fff !important
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after
{
	display: none
}

.dropdown.menu .submenu,
.submenu.is-dropdown-submenu
{
	margin-left: 0;
	list-style-type: none !important;
	border: 0
}

.small-menu
{
	display: none
}

.slicknav_menu
{
	display: none
}

.dropdown.menu > li > ul.submenu
{
	display: none;
	position: absolute;
	background: #FCD900;
	min-width: 165px
}

.dropdown.menu > li > ul.submenu > li > a
{
	color: #fff
}

.lang-cy .dropdown.menu a
{
	padding: .7rem .5rem;
	font-size: .9em
}

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

#nav li
{
	position: relative
}

#nav li ul a:hover
{
	color: #403f3f !important
}

.primary-menu > li:last-of-type > ul
{
	left: -50px !important
}

.language-switcher
{
	background: #FCD900;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 20px 5px !important;
	border-radius: 4px;
	font-size: 14px;
	margin-left: 5px
}

.userBar
{
	position: relative;
	color: #fff !important
}

.userBar-inner .language-switcher
{
	display: inline-block
}

.search-overlay
{
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 999 !important;
	top: 0;
	left: 0;
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.search-overlay-content
{
	position: relative;
	top: 46%;
	width: 60%;
	text-align: center;
	margin-top: 30px;
	margin: auto
}

.search-overlay .search-close
{
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	cursor: pointer;
	color: #fff
}

.search-overlay input[type=search]
{
	border-width: 0 0 1px 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 2px 0;
	height: 40px;
	color: #a8a6a6;
	font-size: 22px;
	font-weight: bolder;
	background: 0 0
}

.search-overlay input[type=search]:active,
.search-overlay input[type=search]:focus
{
	background: 0 0;
	border-width: 0 0 1px 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.search-overlay input[type=submit]
{
	background: #FCD900;
	margin-top: 10px;
	padding: 10px 25px;
	border-radius: 3px;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	margin-top: 25px;
	cursor: hand;
	cursor: pointer
}

.header-logo
{
	max-height: 150px
}

.header-icons
{
	display: inline-block
}

.header-icons a
{
	padding: 0 3px
}

li.header-account
{
	display: inline-block;
	list-style: none
}

.header-account
{
	position: relative
}

.header-account .submenu
{
	float: right;
	list-style: none;
	color: #fff !important;
	min-width: 475px;
	margin-left: 0
}

.header-account .submenu li
{
	padding: 5px;
	display: inline-block
}

.header-account .submenu li a
{
	color: #fff !important;
	font-size: 14px
}

.account-mobile-menu
{
	display: none
}

@media (max-width:792px)
{
	.header-account .submenu
	{
		font-size: 12px
	}
}

@media (max-width:768px)
{
	.header-account .submenu
	{
		display: none
	}

	.account-mobile-menu
	{
		display: block
	}
}

.logo > .medium-12
{
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.menu-user-container
{
	position: relative
}

.menu-user-container .large-menu
{
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.mobile-page-title
{
	display: none
}

@media (max-width:1140px)
{
	.small-menu
	{
		display: block
	}

	.small-menu #nav
	{
		float: right !important
	}

	.large-menu
	{
		display: none
	}
}

@media (max-width:768px)
{
	.slicknav_menu
	{
		display: block;
		min-height: 100px;
		padding: 0 5px !important
	}

	.slicknav_brand
	{
		padding: 0 12px !important
	}

	.header-logo
	{
		height: 95px !important
	}

	ul.slicknav_nav
	{
		padding-top: 25px
	}

	.is-dropdown-submenu,
	.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu
	{
		position: relative;
		top: auto;
		left: auto;
		min-width: 0;
		border: none;
		background: #FCD900;
		color: #fff
	}

	.header
	{
		display: none
	}

	.header-logo
	{
		height: 75px
	}

	.userBar-inner
	{
		text-align: right;
		padding: 10px
	}

	.language-switcher
	{
		padding: 2px 10px 5px !important;
		font-size: 12px;
		margin-left: 2px
	}

	.slicknav_nav .language-switcher
	{
		display: none
	}

	.page-layout-main-content
	{
		margin-top: 0 !important
	}

	.mobile-page-title
	{
		display: block
	}
}

@media (max-width:540px)
{
	.userBar-inner .language-switcher
	{
		display: none
	}

	.slicknav_nav .language-switcher
	{
		display: block
	}
}

.main-content .grid-container
{
	overflow-y: hidden;
	overflow-x: hidden
}

.grid-container
{
	max-width: 1600px
}

.grid-x .cell
{
	position: relative;
	padding: 20px
}

.grid-x .cell.p-40
{
	padding: 40px
}

.grid-x .cell.no-margin-top
{
	margin-top: 0
}

.grid-x .cell.no-margin-bottom
{
	margin-bottom: 0
}

.grid-x .cell.no-padding-top
{
	padding-top: 0
}

.grid-x .cell.no-padding-bottom
{
	padding-bottom: 0
}

.grid-large-padding
{
	padding: 70px !important
}

.home-image-block
{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.cell-content
{
	margin-bottom: 60px
}

.grid-large-padding a.button
{
	right: 100px;
	bottom: 35px
}

.button
{
	background: #ads;
	margin-top: 10px;
	padding: 10px 25px;
	border-radius: 3px
}

.page-home .main-content .news-link,
.page-home .main-content .tweet
{
	font-size: 18px
}

.home-image-block.experience-block h2,
.home-image-block.experience-block p
{
	color: #403f3f
}

@media (max-width:1325px)
{
	.page-home .main-content .cell:not(.tweet)
	{
		min-height: 250px
	}
}

@media (max-width:1200px)
{
	.page-home .main-content .tweet
	{
		font-size: 16px
	}
}

@media (max-width:1023px)
{
	.page-home .main-content .cell:not(.tweet)
	{
		min-height: auto;
		padding: 40px 20px
	}

	.tweet-footer,
	.tweet-header
	{
		margin: 0 auto !important
	}

	.tweet-header h2:after
	{
		display: none
	}
}

.page-home .main-content .add-margin-y
{
	margin-top: .9375rem
}

.page-home .footer
{
	margin-top: 10px
}

.page-home .home-slider
{
	margin-bottom: 10px
}

.status-pending,
.status-pending a
{
	color: #ccc
}

.entry-icons a
{
	padding: .1em
}

.details-control
{
	position: relative;
	width: 40px
}

.details-control:before
{
	display: none !important;
	content: "" !important
}

.minus-icon,
.minus-icon:hover,
.plus-icon,
.plus-icon:hover
{
	position: absolute;
	left: 7px;
	top: 7px;
	width: 26px;
	height: 26px;
	background-color: #FCD900
}

.minus-icon:before,
.plus-icon:before
{
	position: absolute;
	left: 4px;
	top: -5px;
	font-size: 25px;
	content: "\f199";
	font-family: foundation-icons;
	height: 10px;
	width: 1px;
	color: #fff
}

.minus-icon:before
{
	left: 3px;
	content: "\f176"
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before
{
	display: none;
	width: 0
}

.datatable-slider
{
	display: none
}

.child-data
{
	display: none
}

div.dataTables_wrapper div.dataTables_filter label
{
	margin-bottom: 15px
}

div.dataTables_wrapper div.dataTables_info
{
	padding-top: 15px;
	clear: both
}

.no-dt-features .dataTables_filter,
.no-dt-features .dataTables_info,
.no-dt-features .dataTables_length,
.no-dt-features .dataTables_paginate
{
	display: none
}

.group-start
{
	background: #eaeaea !important
}

.tabs-title > a,
.tabs-title > a:focus,
.tabs-title > a:hover,
.tabs-title > a[aria-selected=true]
{
	font-size: 1rem;
	color: inherit
}

.header-area,
.header-area div,
.primary-menu
{
	z-index: 1
}

.primary-menu
{
	background: #403f3f;
	color: #fff
}

.primary-menu > li > a
{
	color: #fff
}

.primary-menu > li:hover
{
	background: #FCD900
}

.page-layout-header
{
	background-size: cover !important;
	background-repeat: no-repeat !important;
	min-height: 400px;
	background-position: center !important
}

.page-about-us .page-layout-header
{
	background-position: center center !important
}

.page-layout-main-content
{
	margin-top: 400px
}

.footer
{
	background: #403f3f
}

.footer a
{
	color: #fff
}

.footer-area h6
{
	font-weight: 700;
	color: #fff
}

.footer-area .large-2,
.footer-area .large-3
{
	color: #fff
}

.footer-area .news-title
{
	text-align: center;
	border-radius: 5px;
	vertical-align: middle;
	width: 100%;
	font-weight: 400;
	text-transform: uppercase;
	padding: 3px
}

.footer-area li
{
	list-style: none
}

.social-icon
{
	margin-left: 10px
}

.footer-menu
{
	margin-left: 0
}

.footer-area small,
.footer-menu li a
{
	color: #fff !important
}

.footer-menu li a:hover
{
	color: #FCD900
}

.footer-news-item + .footer-news-item
{
	border-top: 1px solid #b1afaf;
	padding-top: 10px
}

.bg-green .footer-news-item
{
	border-color: #fff
}

.footer-menu li
{
	margin-bottom: 10px;
	line-height: 1
}

.footer-enquiry-text
{
	font-size: 12px
}

.footer-enquiry-email,
.footer-enquiry-email:focus
{
	background: 0 0;
	border-color: #FCD900;
	color: #fff;
	border-radius: 3px
}

@media (max-width:1400px)
{
	a.footer-email
	{
		font-size: 14px
	}
}

@media (max-width:1250px)
{
	a.footer-email
	{
		font-size: 12px
	}
}

@media (max-width:1079px)
{
	.footer-area .large-2
	{
		text-align: center
	}

	.footer-news-item a
	{
		font-size: 16px
	}
}

@media (max-width:639px)
{
	.footer .cell
	{
		text-align: center !important
	}
}

.header .page-title
{
	padding-top: 75px
}

@media (max-width:1023px)
{
	.header .page-title
	{
		padding-top: 25px
	}
}

.page-title h1
{
	display: inline-block;
	font-weight: 700;
	font-size: 60px
}

.page-search .page-title h1
{
	font-size: 40px
}

.subheading
{
	color: #FCD900;
	font-size: 28px;
	font-weight: 700
}

.text-black
{
	color: #0a0a0a !important
}

.subheading p
{
	line-height: 1.3;
	margin-bottom: 5px
}

.grid-x .cell.content-block
{
	padding: 0 20px
}

.large-12.text-block + .large-12.text-block
{
	padding-top: 10px !important
}

.subheading + .content-block
{
	padding-top: 20px !important
}

.image-block,
.text-block.icon-with-text
{
	padding: 30px 20px !important
}

.main-content .page-title
{
	padding: 20px 20px 15px 20px !important
}

.page-body
{
	padding: 40px 0
}

.case-study-title
{
	line-height: 1.2
}

#past-projects
{
	padding-bottom: 20px !important
}

.case-study-button.active
{
	opacity: .5
}

@media (max-width:640px)
{
	.page-title h1
	{
		display: inline-block;
		font-weight: 700;
		font-size: 48px
	}
}

.home-slider .orbit-container,
.home-slider .orbit-image
{
	max-height: 1000px
}

.orbit-container
{
	height: auto
}

.orbit-slide
{
	display: none
}

.orbit-slide:first-child
{
	display: block
}

.orbit-container li
{
	background-size: cover
}

.home-slider img
{
	-webkit-filter: brightness(.5);
	filter: brightness(.5)
}

.home-slider .orbit-caption
{
	color: inherit;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 0;
	padding: 1rem;
	width: 90%;
	max-width: 1000px;
	background: 0 0 !important;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home-slider .orbit-caption h1,
.home-slider .orbit-caption h2
{
	font-weight: 700;
	font-size: 60px
}

.orbit-next
{
	right: 20px
}

.orbit-previous
{
	left: 20px
}

.arrow-left:before
{
	content: "\a";
	border-style: solid;
	border-width: 45px 45px 45px 0;
	border-color: transparent #FCD900 transparent transparent;
	position: absolute;
	left: -45px;
	top: 30px
}

img.next-arrow
{
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

img.prev-arrow
{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.page-body .green-line.size-60,
.page-body .orange-line.size-60
{
	display: inline-block
}

.orange-line:after
{
	content: "";
	background: #FCD900;
	width: 60%;
	height: 20px;
	display: block;
	margin-top: 10px
}

.orange-line.line-full:after
{
	width: 100%
}

.orange-line.orange-line-30:after
{
	width: 30%
}

.orange-line.orange-line-75:after
{
	width: 75%
}

.green-line:after
{
	content: "";
	background: #FCD900;
	width: 60%;
	height: 20px;
	display: block;
	margin-top: 10px
}

.green-line.line-full:after
{
	width: 100%
}

.green-line.green-line-30:after
{
	width: 30%
}

.green-line.green-line-75:after
{
	width: 75%
}

.page-home .main-content a.button
{
	background: #FCD900;
	color: #403f3f;
	position: absolute;
	right: 40px;
	bottom: 10px;
	border-radius: 5px;
	font-weight: 700;
	padding: 10px 25px
}

.page-home a.button.grey
{
	background: #403f3f;
	color: #fff
}

.small-menu ul
{
	float: none !important;
	margin: 0 auto !important
}

.faq-head
{
	margin-top: 100px
}

.home-stat
{
	padding: 10px 30px !important;
	width: 50% !important;
	margin: 50px 0 !important;
	min-height: 0 !important
}

.home-stat.stat-projects
{
	border-right: 1px dotted #fff
}

.stat-value
{
	line-height: 1.2;
	margin-bottom: 0
}

.stat-description
{
	line-height: 1.2;
	border-top: 1px #fff solid;
	padding-top: 5px;
	margin-top: 5px
}

@media (max-width:1350px)
{

	.page-home .main-content .h2,
	.page-home .main-content h2
	{
		font-size: 2rem
	}
}

@media (max-width:1325px)
{
	.faq-head
	{
		margin-top: 80px
	}
}

@media (max-width:1135px)
{

	.page-home .main-content .h2,
	.page-home .main-content h2
	{
		font-size: 1.7rem
	}
}

@media (max-width:1023px)
{
	.page-home .main-content .cell
	{
		text-align: center
	}

	.page-home .main-content a.button
	{
		position: initial
	}

	.page-home .main-content .cell-content
	{
		margin-bottom: 10px
	}

	.page-home .main-content .h2,
	.page-home .main-content h2
	{
		font-size: 2rem
	}

	.home-slider .orbit-caption,
	.orbit-next,
	.orbit-previous
	{
		top: 60%
	}

	.home-slider .orbit-caption h1
	{
		font-size: 2.5rem
	}

	.faq-head
	{
		margin-top: auto
	}
}

@media (max-width:911px)
{

	.home-slider .orbit-caption,
	.orbit-next,
	.orbit-previous
	{
		top: 70%
	}

	.dropdown.menu a,
	.dropdown.menu > li.is-dropdown-submenu-parent > a
	{
		font-size: 14px;
		padding: .7rem .8rem
	}

	.is-dropdown-submenu
	{
		min-width: 150px
	}
}

@media (max-width:550px)
{
	.home-stat
	{
		padding: 10px 30px !important;
		width: 100% !important;
		margin: 20px 0 !important;
		min-height: 0 !important
	}

	.home-stat.stat-projects
	{
		border-right: none
	}
}

body.page-account
{
	background: #fff;
	color: #333
}

body.page-account .header .page-title
{
	padding-top: 0
}

body.page-account .page-layout-header
{
	min-height: 300px
}

body.page-account .page-layout-main-content
{
	margin-top: 330px
}

@media (max-width:911px)
{
	body.page-account .small-menu
	{
		height: auto
	}
}

.page-banner-slider .orbit-container,
.page-banner-slider .orbit-image
{
	max-height: 500px
}

.page-banner-slider img
{
	-webkit-filter: brightness(.5);
	filter: brightness(.5)
}

.page-banner-slider .orbit-caption h1
{
	font-weight: 700
}

.image-block.full
{
	margin-bottom: 25px
}

.image-block.large-12
{
	text-align: center
}

.page-benefits .icon-with-text
{
	padding-top: 0;
	padding-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	margin-top: 30px
}

.page-benefits .icon-with-text p
{
	font-size: 16px
}

@media (max-width:1023px)
{
	.page-benefits .icon-with-text
	{
		border-right: 0
	}
}

.page-benefits .large-6
{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 20px;
	margin-bottom: 20px
}

.page-benefits .large-6:nth-child(odd)
{
	padding-left: 50px !important
}

@media (max-width:1023px)
{

	.page-benefits .large-6,
	.page-benefits .large-6:nth-child(odd)
	{
		border-right: none !important;
		padding-left: 20px !important;
		margin-bottom: 0
	}
}

.testimonials .orbit
{
	margin: 50px 0
}

.testimonials .small-12
{
	line-height: 1 !important;
	padding: 0 20px
}

figure.testimonial-previous
{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-filter: FlipH;
	filter: FlipH;
	-ms-filter: FlipH
}

.orbit-next,
.orbit-previous
{
	padding: 0
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover
{
	background: 0 0;
	cursor: hand;
	cursor: pointer
}

@media (max-width:1023px)
{
	.testimonials
	{
		text-align: center
	}

	.testimonial-excerpt
	{
		margin-top: 20px
	}
}

.accordion
{
	margin: 20px 0;
	background: #fff
}

.accordion-title
{
	font-weight: 700;
	font-size: 24px;
	border: none;
	padding: 10px 10px 10px 40px;
	color: inherit
}

.accordion-content,
.accordion-item
{
	padding: 10px 0
}

.accordion-title::before
{
	left: 0;
	content: "\f199";
	font-family: foundation-icons;
	font-style: normal;
	font-weight: light;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	text-decoration: inherit;
	background: #FCD900;
	color: #fff;
	padding: 2px 7px 2px 6px;
	font-size: 24px;
	width: 29px;
	top: 17px
}

.accordion-title:hover
{
	color: #FCD900
}

.accordion-title:focus
{
	color: #0a0a0a
}

.is-active > .accordion-title::before
{
	content: "\f176";
	padding: 2px 6px 2px 5px
}

.accordion-content,
:last-child:not(.is-active) > .accordion-title,
:last-child > .accordion-content:last-child
{
	border: none
}

.page-contact-us .image-block.large-3
{
	padding: 0 35px 10px !important
}

@media (max-width:1023px)
{
	.page-contact-us .image-block.large-3
	{
		max-width: 300px;
		margin: 0 auto;
		padding: 0
	}
}

.contact-team-members
{
	padding: 10px 0
}

.contact-team-member
{
	display: block;
	color: #0a0a0a;
	font-size: 12px
}

.contact-team-member.selected,
.contact-team-member:hover
{
	color: #FCD900
}

@media (min-width:1024px)
{
	.text-block.contact-details-box
	{
		padding-top: 0 !important
	}
}

.kpi-container
{
	width: 100%;
	height: 400px
}

.gauge-container
{
	width: 100%;
	text-align: center
}

.gauge
{
	width: 100%;
	display: inline-block;
	margin: -100px auto 0 auto
}

.tooltip
{
	max-width: 500px;
	padding: 1rem;
	font-size: 100%
}

th .pagination .current
{
	background: #FCD900
}

@media (max-width:480px)
{
	.gauge-container .gauge
	{
		margin: -60px auto 0 auto !important
	}
}

.kpiFormComments
{
	font-size: .7em;
	min-height: 39px;
	height: auto
}

table
{
	border-collapse: collapse
}

table tbody tr,
table tbody tr:nth-child(even)
{
	background: 0 0
}

table tbody,
table tfoot,
table thead
{
	border: 0;
	background-color: transparent
}

table tbody td,
table tbody th
{
	padding: .5em;
	white-space: normal;
	border-bottom: 1px solid #eee
}

.lots-table td,
.lots-table th
{
	border: 0
}

table tbody td td,
table tbody th th
{
	border: 0
}

.title-col
{
	font-weight: 700
}

#projects-table .title-col
{
	word-wrap: normal;
	white-space: normal;
	width: 400px
}

#projects-table .icons-col
{
	word-wrap: normal;
	width: 110px
}

.variableMonths input,
.variableMonths select
{
	margin: 0
}

table tbody tr.heading
{
	background: #a7cd97;
	color: #fff;
	border-top: 20px solid #fff;
	border-bottom: 10px solid #fff
}

table tbody tr.heading td
{
	padding: .3em .5em
}

table tbody tr.heading.sub-heading
{
	background: 0 0;
	color: #000;
	text-transform: uppercase
}

table tbody tr.heading.sub-heading td
{
	text-decoration: underline
}

.kpistable tr.table-header
{
	background: #efefef
}

.conditional-field
{
	list-style: none !important
}

.conditional
{
	display: none
}

.contact-cell:nth-of-type(odd)
{
	padding-left: 0 !important
}

.contact-cell:nth-of-type(even)
{
	padding-right: 0 !important
}

.off-canvas-content .contact-cell-large
{
	padding-left: 0 !important;
	padding-right: 0 !important
}

.contact-cell-large,
.off-canvas-content p.bold
{
	color: #0a0a0a !important
}

@media (max-width:1023px)
{
	.off-canvas-content form .contact-cell
	{
		padding-left: 0 !important;
		padding-right: 0 !important
	}
}

@media (max-width:980px)
{

	.contact-cell,
	.contact-cell-large
	{
		padding: 0 !important
	}

	.off-canvas-contact-form form input[type=email],
	.off-canvas-contact-form form input[type=tel],
	.off-canvas-contact-form input[type=text],
	.off-canvas-contact-form input[type=text]:focus,
	.off-canvas-contact-formform input[type=email]:focus,
	.off-canvas-contact-formform input[type=tel]:focus
	{
		height: 35px;
		font-size: 20px
	}

	textarea[rows]
	{
		height: 90px
	}
}

.grecaptcha-badge-container
{
	position: relative
}

.grecaptcha-badge
{
	position: fixed !important;
	bottom: 0 !important;
	right: -225px !important
}

.grecaptcha-badge:hover
{
	right: -40px !important
}

.userBar-inner .button
{
	margin-right: 10px
}

.message.error
{
	display: block;
	width: 100% !important;
	margin: 50px 0
}

.error,
ul.errors
{
	color: red;
	list-style: none;
	margin-left: 0
}

.callout.error
{
	margin: 0 0 1rem 0;
	padding: 1rem;
	border: 1px solid rgba(10, 10, 10, .25);
	background-color: #f7e4e1;
	color: #0a0a0a
}

@media (max-width:1165px)
{
	.contact-detail
	{
		font-size: 14px
	}
}

@media (max-width:1023px)
{
	.contact-detail
	{
		font-size: 16px
	}
}

@media (max-width:768px)
{
	.contact-page-header p
	{
		font-size: 40px
	}
}

.search-reveal img path
{
	fill: #FCD900
}

@media (max-width:850px)
{

	.orbit-slide h1,
	.orbit-slide h2
	{
		font-size: 40px !important;
		line-height: 1 !important
	}
}

@media (max-width:768px)
{

	.home-slider .orbit-caption,
	.orbit-next,
	.orbit-previous
	{
		top: 50% !important
	}

	.grid-large-padding
	{
		padding: 40px !important
	}

	table.dataTable.nowrap td,
	table.dataTable.nowrap th
	{
		white-space: normal !important
	}

	#projects-table .title-col
	{
		display: block !important
	}

	.size-96
	{
		font-size: 60px !important
	}

	.size-60
	{
		font-size: 36px !important;
		line-height: 1
	}

	.size-36
	{
		font-size: 28px !important;
		line-height: 1
	}

	.page-title h1
	{
		font-size: 40px !important
	}

	.page-news .content-block h1
	{
		display: none !important
	}

	table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child,
	table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child
	{
		padding-left: 25px !important
	}
}

@media (max-width:500px)
{

	.orbit-slide h1,
	.orbit-slide h2
	{
		font-size: 24px !important
	}

	.green-line:after
	{
		height: 10px !important
	}

	.page-title h1
	{
		font-size: 36px !important;
		line-height: 1
	}

	.details-control
	{
		width: 10px !important
	}
}

@media (max-width:450px)
{
	.header-logo
	{
		height: 60px !important
	}

	.userBar-inner
	{
		padding: 5px !important
	}

	.userBar-inner > a,
	.userBar-inner > strong
	{
		font-size: 12px
	}

	.userBar-inner > a.button
	{
		margin-right: 5px;
		padding: 10px
	}

	.header-icons a
	{
		font-size: 14px
	}

	.header-icons a
	{
		padding: 0 2px
	}

	.off-canvas.position-right
	{
		width: 100% !important
	}
}

.page-contractor .page-title h1
{
	font-size: 45px
}

.supplierAccreditationLogos
{
	padding: 20px 0
}

.supplierAccreditationLogos img
{
	width: auto;
	height: 50px
}

.contractor-well-being-icons
{
	float: right
}

.contractor-well-being-icons img
{
	width: 60px;
	height: 60px;
	opacity: .1
}

.contractor-well-being-icons img.enabled
{
	opacity: 1
}

.contractor-well-being-icons .has-tip
{
	border-bottom: 0
}

.slideup
{
	display: none
}

.sewtaps-table
{
	border-collapse: collapse
}

.sewtaps-table th
{
	background: #FCD900;
	text-align: left;
	color: #fff;
	border: 1px solid #eee;
	padding: .5em 1em
}

.sewtaps-table td
{
	border: 1px solid #eee;
	padding: .5em 1em
}


/*----------------------------------------
Documents grid - cancel the outer .cell gutter so
boxes sit flush to the container, gaps remain between them
----------------------------------------*/
.documents-grid
{
	margin: -20px;
	margin-bottom: 20px;
}

/*----------------------------------------
Download box button - full clickable box with padding
----------------------------------------*/
.download-box
{
	display: block;
	width: 100%;
	padding: 40px;
	/* yellow box inner padding */
	border: 0;
	cursor: pointer;
	box-sizing: border-box;
	height: 100%;
	border-radius: 10px;
}

.download-box .fi-download
{
	position: absolute;
	bottom: 30px;
	right: 30px;
	color: white;
}