@import url('https://fonts.googleapis.com/css?family=Bai+Jamjuree:200,200i,300,300i,400,400i,500,500i,600,600i');

/*!
 * 
 * Copyright (c) Actualise Design Pty Ltd
 *
 * http://actualisedesign.com
 *
 */

@charset "utf-8";

/* ---------------------- GENERAL ---------------------- */
body {
	width:100%;	
	height:100%;
	margin:0 auto;
	padding:0;
	/*overflow-x: hidden;*/
	font-size: 18px;
	color: #000;
}

input,
select,
button,
textarea, 
body {
	font-family: 'Bai Jamjuree', sans-serif;
}

html, body { 
    height:100%;
}

p {
	line-height: 1.7em;
	letter-spacing: 0.02em;
	margin: 0 0 28px 0;
	cursor: default;
}

	p > a {
		text-decoration: underline;
	}

a {
	text-decoration:none;
	border:none;
	color: inherit;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	cursor: default;
	margin-top:0;
}

h1 {
	font-weight: 300;
	font-size: 50px;
	margin: 0 0 30px 0;
}

ul li {
	cursor: default;	
}

img {
	border:none;	
}

a img {
	border:none;	
}

input,
select {
    /*float: left;*/
    display: inline-block;
    /*width: calc(50% - 10px);*/
    box-sizing: border-box;
    height: 46px;
    margin: 0 20px 26px 0;
    padding: 0 18px;
    background-color: #e8f0fe;
    /*color: #fff;*/
    font-size: 20px;
    border: none;
    outline: none;
}

	input[type="submit"] {
		background-color:rgba(2, 51, 205, 0.95);
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
	}

.anchor-link-position {
    position: relative;
    width: 1px;
    height: 1px;
    top: -121px;
    float: left;
}

.uppercase {
	text-transform:uppercase;
}

.no-text-transform {
	text-transform:none !important;	
}

.test {
	font-family: 'Bai Jamjuree', sans-serif;	
}

/* ---------------------- iPhone phone number colour fix ---------------------- */

a[href^=tel] {
	color: inherit;
	text-decoration: none;
}


/* ---------------------- Header ---------------------- */

.sticky-header {	
	display: inline-block;
	width: 100%;
	height: 139px;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	transition: all ease-out 0.2s;	
}

.sticky-header-min {	
	height: 100px;
	/*background-color: rgba(47, 47, 47, 0.95);	*/
	/*background-color: rgba(39, 39, 39, 0.95);*/
	background-color: rgba(39, 39, 39, 1);
}

.sticky-header-hover {	
	/*background-color: rgba(39, 39, 39, 1);*/	
}

	.sticky-header > .inner {	
		display: inline-block;
		width: 95%;
		height: 100%;
		margin: 0 2.5%;
		padding: 0;
		float:left;
		position: relative;
		transition: height ease-out 0.2s;	
	}

	.sticky-header-min > .inner {	
		height: auto;
	}

	.sticky-header-min > .inner:first-of-type {	
		height: 100px;
	}

	.sticky-header-min > .inner:nth-child(2),
	.sticky-header-min > .hover-out {	
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0 2.5%;
		box-sizing: border-box;
		background-color: rgba(39, 39, 39, 0.95);
	}

	.sticky-header-hover > .inner:nth-child(2),
	.sticky-header-hover > .hover-out {	
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0 2.5%;
		box-sizing: border-box;
		/*background-color: rgba(39, 39, 39, 1);*/
	}

	.sticky-header > .sub-nav {
		height: auto;
		display: none;
	}

	.sticky-header > .hover-out {
		display: none;
	}

		.sticky-header > .inner > .logo {	
			display: inline-block;
			width: 175px;
			height: 60px;
			margin: 0;
			padding: 0;
			position: absolute;
			left: 0;
			bottom: 26px;
			transition: all ease-out 0.2s;	
			animation: fadeIn 1s;
			animation-delay: 0s;
			animation-fill-mode: backwards;
		}

		.sticky-header-min > .inner > .logo {	
			bottom: 21px;
			width: 165px;
			height: 57px;
		}

			.sticky-header > .inner > .logo > img {	
				display: inline-block;
				margin: 0;
				padding: 0;
				position: absolute;
				left: 0;
				top: 0;
				transition: all ease-out 0.2s;	
			}

			.sticky-header-min > .inner > .logo > img {	
				width: 165px;
				height: 57px;
			}

			.sticky-header > .inner > .logo > img.logo-blue {	
				z-index: 11;
				opacity: 0;
				display: none;
			}

			.sticky-header > .inner > .logo > img.logo-white {	
				z-index: 10;
				opacity: 1;
			}


		.sticky-header > .inner > .secondary-nav {	
			display: inline-block;
			width: auto;
			height: auto;
			margin: 0;
			padding: 0;
			position: absolute;
			right: 0;
			top: 10px;
			animation: fadeIn 1s;
			animation-delay: 0s;
			animation-fill-mode: backwards;
		}

			.sticky-header > .inner > .secondary-nav > a {	
				display: inline-block;
				width: auto;
				height: auto;
				margin: 0 20px 0 0;
				padding: 6px 10px 6px 9px;
				float: left;
				text-transform: uppercase;
				font-size: 15px;
				letter-spacing: 0.15em;
				color: #fff;
			}

			.sticky-header > .inner > .secondary-nav > a:last-of-type {	
				margin-right: 0;
			}

				.sticky-header > .inner > .secondary-nav > a > img {	
					display: inline-block;
					margin: -1px 12px 0 0;
					padding: 0;
					float: left;
				}

				.sticky-header > .inner > .secondary-nav > a > span {	
					display: inline-block;
					margin: 0;
					padding: 0;
					float: left;
				}


		.sticky-header > .inner > .primary-nav {	
			display: inline-block;
			width: auto;
			height: 94px;
			margin: 0;
			padding: 0 30px 0 35px;
			position: absolute;
			right: -3px;
			top: 45px;
			background-color:rgba(2, 51, 205, 0.65);
			transition: all ease-out 0.2s;
			animation: fadeIn 1s;
			animation-delay: 0s;
			animation-fill-mode: backwards;
		}

		.sticky-header > .inner > .primary-nav:hover {	
			/*background-color:rgba(2, 51, 205, 1);*/
		}

		.sticky-header-min > .inner > .primary-nav:hover {	
			background-color:rgba(2, 51, 205, 0);
		}

		.sticky-header-min > .inner > .primary-nav {
			/*padding: 0 0 0 35px;*/
			height: 74px;
			background-color:rgba(2, 51, 205, 0);
			top:25px;
            padding-right: 0;
			/*right: -43px;*/
		}

		.sticky-header > .inner > .primary-nav:hover::before {	
			/*opacity: 1;*/
		}

		.sticky-header-min > .inner > .primary-nav:hover::before {	
			opacity: 0;
		}

		.sticky-header-min > .inner > .primary-nav::before {	
			opacity: 0;
		}

			.sticky-header > .inner > .primary-nav > div {	
				display: inline-block;
				width: auto;
				height: auto;
				margin: 26px 40px 0 0;
				padding: 0;
				float: left;
			}

				.sticky-header > .inner > .primary-nav a {	
					display: inline-block;
					width: auto;
					height: auto;
					margin: 0;
					padding: 10px 15px;
					float: left;
					text-transform: uppercase;
					letter-spacing: 0.15em;
					font-size: 17px;
					color: #fff;
					transition: opacity ease-out 0.2s;	
				}

				.sticky-header > .inner > .primary-nav:hover a {	
					opacity: 0.7 !important;
				}

				.sticky-header > .inner > .primary-nav a:hover,
				.sticky-header > .inner > .primary-nav a.active {
					transition: opacity ease-out 0s;	
					opacity: 1 !important;
				}

				.sticky-header > .inner > .primary-nav > div:last-of-type {	
					margin-right: 0;
				}

				.sticky-header > .inner > .primary-nav .sub-expand {	
					display: none;
				}


		.sticky-header > .inner > .mobile-menu-block {	
			display:none;
		}

		.sticky-header > .inner > .mobile-nav {	
			/*display:none;*/
		}



/* ---------------------- Footer ---------------------- */

.site-footer {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 46px 5% 35px 5%;
	box-sizing: border-box;
	float: left;
}

		.site-footer .copyright {
			display:inline-block;
			height:auto;
			width:auto;
			padding:0;	
			margin:0;
			float:left;
			color: #aaaaaa;
			font-size: 17px;
			position: relative;
			top:4px;
		}

		.site-footer .actualise-link {
			display:inline-block;
			height:auto;
			width:auto;
			padding: 10px 10px;	
			margin:0;
			float:right;
			position:relative;
			right:-10px;
		}
		
			.site-footer .actualise-link > span {
				display:inline-block;
				margin: 0 14px 0 0;
				position: relative;
				top: -8px;
				font-size: 13px;
				color: #c1c1c1;
			}
			
			.site-footer .actualise-link > img {
				display:inline-block;
			}




/* -------------------------------------------------------------------- HOME ------------------------------------------------------------------------------------------- */ 

/* ------ HOME - Hero ------ */

.hero-top-module {
	display: table;
	width: 100%;
	height: 800px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}		

.hero-top-module-min {
	display: table;
	width: 100%;
	height: 160px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}				
	
				
	.slider-container {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}	

		.slider {
			display: inline-block;
			width: 100%;
			height: 800px;
			margin: 0;
			padding: 0;
			position: relative;
		}	

		.hero-top-module-min .slider {
			height: 160px;
		}	

			.slider .frame {
				display: none;
				width: 100%;
				height: 100%;
				float: left;
				margin: 0;
				padding: 0;
				background-image:url(/images/img_hero-img-1.png);
				background-position:top center;
				background-repeat:no-repeat;
				background-size:cover;
				/*background-attachment:fixed;*/
				background-color:#000;			
			}

			.slider .frame:first-of-type {
				display: inline-block;		
			}	

				.slider .frame .cover {
					display: inline-block;
					width: 100%;
					height: 100%;
					float: left;
					margin: 0;
					padding: 0;
					background-color:rgba(0, 0, 0, 0.55);	
				}	

				

	.hero-top-module > .table {
		display: table;
		width: 100%;
		height: 90%;
		margin: 0;
		padding: 5% 0 0 0;
		float: left;
		z-index: 2;
		position: relative;
	}	

		.hero-top-module .table > .inner {
			display: table-cell;
			width: 100%;
			height: 100%;
			vertical-align: middle;
			text-align: left;
		}	

			.hero-top-module .table > .inner > .content {
				display: inline-block;
				width: 85%;
				height: auto;
				margin: 0 7.5%;
				padding: 30px 0 0 0;
                color: #fff;
			}	

			.home_page .hero-top-module .table > .inner > .content {
				padding-top: 0px;
				padding-bottom: 90px;
			}	

				.hero-top-module .table > .inner > .content h1 {
					color: #fff;
					margin: 0 0 10px 0;
					padding: 0;
					font-size: 60px;
					font-weight: 200;
					line-height: 1.1em;
					animation: fadeInDown 1s;
					animation-delay: 0s;
					animation-fill-mode: backwards;
				}

				.hero-top-module .table > .inner > .content p {
					color: #fff;
					margin: 0 0 20px 0;
					padding: 0;
					font-size: 18px;
					width: 50%;
					animation: fadeIn 1s;
					animation-delay: 0.3s;
					animation-fill-mode: backwards;
				}

				.hero-top-module .table > .inner > .content ul {
					animation: fadeIn 1s;
					animation-delay: 0.3s;
					animation-fill-mode: backwards;
				}	

				.hero-top-module .table > .inner > .content p.page-links {
					margin-bottom: 0;
					width: 100%;
					position: relative;
					top:-3px;
					animation: fadeIn 1s;
					animation-delay: 0.4s;
					animation-fill-mode: backwards;
				}	

					.hero-top-module .table > .inner > .content p > a {
						color: inherit;
						margin: 0 20px 0 -5px;
						padding: 5px 10px;
						text-transform: uppercase;
						letter-spacing: 0.1em;
						font-weight: 300;
						display: inline-block;
						text-decoration: none;
					}	


	.four-col-thumbs {
		display: inline-block;
		width: 95%;
		height: 178px;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 2.5%;
		bottom: 70px;
		z-index: 3;
		box-sizing: border-box;
		/*border: 1px solid #fff;*/
	}	

	.smart-solutions_mobile {
		display: none;
	}	

	.sticky-header .four-col-thumbs {
		width: 100%;
		position: relative;
		left: 0;
		bottom: 0;
		border: 1px solid rgba(39, 39, 39, 1);
		float: left;
	}	

	.home_page .sticky-header .smart-solutions,
	.services_page .sticky-header .smart-solutions,
	.smart-solutions_page .sticky-header .smart-solutions {
		/*display: none;*/
	}	

		.four-col-thumbs > .item {
			display: inline-block;
			width: 25%;
			height: 100%;
			margin: 0;
			padding: 0;
			float: left;
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;
			box-sizing: border-box;
			border-right:1px solid #fff;
			position: relative;
		}	

		.smart-solutions_desktop > .item:nth-child(2) {
			left:-1px;
		}	

		.smart-solutions_desktop > .item:nth-child(3) {
			left:-2px;
		}	

		.smart-solutions_desktop > .item:nth-child(4) {
			left:-3px;
		}	


		.smart-solutions_desktop > .item {
			border:1px solid rgba(39, 39, 39, 1);
			animation: fadeInUp 1s;
			animation-delay: 0.5s;
			animation-fill-mode: backwards;
		}	

		.smart-solutions_desktop > .item:nth-child(2) {
			animation-delay: 0.6s;
		}	

		.smart-solutions_desktop > .item:nth-child(3) {
			animation-delay: 0.7s;
		}	

		.smart-solutions_desktop > .item:nth-child(4) {
			animation-delay: 0.8s;
		}	

		.sticky-header .four-col-thumbs > .item {
			border-right: 1px solid rgba(39, 39, 39, 1);
		}	

		.four-col-thumbs > .item:last-of-type {
			/*border-right:none;*/
		}	

			.four-col-thumbs > .item > .cover {
				display: inline-block;
				width: 100%;
				height: 100%;
				float: left;
				margin: 0;
				padding: 0;
				position: relative;
				transition: all ease-out 0.2s;	
			}	

			.four-col-thumbs:hover > .item > .cover {				
				/*background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)) !important;*/
				/*background: rgba(2, 51, 205, 0.5);*/
			}	

			.sticky-header .four-col-thumbs:hover > .item > .cover {				
				/*background: rgba(2, 51, 205, 0.6);*/
			}	

			.four-col-thumbs > .item:hover > .cover,
			.sticky-header .four-col-thumbs > .item:hover > .cover {
				transition: all ease-out 0s;	
				background: rgba(39, 39, 39, 0);
			}	

				.four-col-thumbs > .item > .cover h2 {
					position: absolute;
					left:7%;
					bottom:16px;
					margin: 0;
					padding: 0;
					font-size: 26px;
					font-weight: 200;
					color: #fff;
					cursor: pointer;
					transition: opacity ease-out 0.2s;	
				}

				.sticky-header .four-col-thumbs > .item > .cover h2 {
					/*opacity: 0.85;*/
				}	

				.sticky-header .four-col-thumbs > .item:hover > .cover h2 {
					transition: opacity ease-out 0s;
					opacity: 1;
				}	

				.four-col-thumbs:hover > .item > .cover h2 {

				}	

				.four-col-thumbs > .item:hover > .cover h2 {

				}





/* ------ HOME - Body Text and Image ------ */

.body-text-and-image {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;	
}

	.body-text-and-image > .table-left,
	.body-text-and-image > .table-right {
		display: table;
		width: 37.4%;
		height: auto;
		height: 600px;
		margin: 0 2.5% 0 10%;
		padding: 0;
		float: left;	
	}

	.body-text-and-image > .table-right {
		margin: 0 10% 0 2.5%;
	}

		.body-text-and-image > .table-left > .cell,
		.body-text-and-image > .table-right > .cell {
			display: table-cell;
			width: 100%;
			vertical-align: middle;
			text-align: left;
		}

		.body-text-and-image > .table-right > .cell {
			vertical-align: bottom;
			text-align: center;
		}

			.body-text-and-image > .table-right > .cell > img {
				display:block;
				margin: auto;
				width: 100%;
				height: auto;
			}

		.body-text-and-image .cell h1 {
			color:#244bc5;
			margin: 28px 0 24px 0;
			padding: 0;
		}

		.body-text-and-image .cell p {
			margin: 0 0 28px 0;
			padding: 0;
		}

		.body-text-and-image .cell p.page-links {
			/*margin-top: 10px;*/
			margin-bottom: 0;
		}

			.body-text-and-image .cell p.page-links > a {
				text-transform: uppercase;
				font-size: 16px;
				letter-spacing: 0.1em;
				margin: 0 26px 0 0;
				text-decoration: none;
			}


/* ------ HOME - Services ------ */

.body-services {
	display: inline-block;
	width: 100%;
	height: auto;
	min-height: 805px;
	margin: 0 0 1px 0;
	padding: 100px 8% 0 8%;
	box-sizing: border-box;
	float: left;	
    background-image: url(/images/gfx_services-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
	color: #fff;
}

.sticky-header .body-services {
	background-image: url(/images/gfx_services-bg_hover-menu.png);
	min-height: 0px;
	margin-bottom:0;
	padding: 0 8% 0 8%;
}

	.body-services h1 {
		color: #244bc5;
		text-align: center;
	}

	.body-services p {
		text-align: center;
	}

	.body-services ul {
		width: 64%;
		margin: 110px 0 0 0;
		padding: 0;
		list-style: none;
		columns: 3;
		column-gap: 40px;
	}

	.sticky-header .body-services ul {
		margin-top: 30px;
		margin-bottom: 1px;
	}

		.body-services ul > li {
			margin: 0 0 30px 0;
			font-size: 20px;
			text-transform: uppercase;
			letter-spacing: 0.08em;
			transition: opacity ease-out 0.2s;
		}

		.body-services ul:hover > li {
			opacity: 0.55;
		}

		.sticky-header .body-services ul > li {
			/*opacity: 0.65;*/
			display: inline-block;
			width: 100%;
		}

		.body-services ul > li:hover {
			transition: opacity ease-out 0s;
			opacity: 1;
		}

			.body-services ul > li > a {
				display: inline-block;
				width: 100%;
			}



/* ------ HOME - Experience Centre ------ */

.body-video-btn-right-text-img-bg {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 0 1px 0;
	padding: 0;
	float: left;
    background-image: url(/images/img_experience-centre-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
	color: #fff;
	position: relative;
}

	.body-video-btn-right-text-img-bg .table-left,
	.body-video-btn-right-text-img-bg .table-right {
		display: table;
		width: 35%;
		height: auto;
		height: 997px;
		margin: 0 15% 0 0%;
		padding: 0;
		float: left;
		z-index: 3;
		position: relative;
	}

	.body-video-btn-right-text-img-bg .table-left {
		width: 35%;
		margin: 0 0 0 15%;
	}

		.body-video-btn-right-text-img-bg .table-left > .cell,
		.body-video-btn-right-text-img-bg .table-right > .cell {
			display: table-cell;
			width: 100%;
			vertical-align: middle;
			text-align: left;
		}

		.body-video-btn-right-text-img-bg .table-left > .cell {
			text-align: center;
		}

			.body-video-btn-right-text-img-bg .table-left > .cell > .play {
				display: inline-block;
				cursor: pointer;
			}

				.body-video-btn-right-text-img-bg .table-left > .cell > .play > img {
					display: inline-block;
				}

	.body-video-btn-right-text-img-bg .cover {
		display: inline-block;
		width: 100%;
		height: 100%;
		float: left;
		margin: 0;
		padding: 0;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		left:0;
		top:0;
		z-index: 2;
	}



/* ------ HOME - EcoXpert ------ */

.body-text-left-image-right-img-bg {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
    background-image: url(/images/img_ecoxpert-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
	color: #fff;
}

	.body-text-left-image-right-img-bg > .table-left,
	.body-text-left-image-right-img-bg > .table-right {
		display: table;
		width: 37.4%;
		height: auto;
		height: 631px;
		margin: 0 2.5% 0 10%;
		padding: 0;
		float: left;
		z-index: 3;
		position: relative;
	}

	.body-text-left-image-right-img-bg > .table-right {
		margin: 0 10% 0 2.5%;
	}

		.body-text-left-image-right-img-bg > .table-left > .cell,
		.body-text-left-image-right-img-bg > .table-right > .cell {
			display: table-cell;
			width: 100%;
			vertical-align: middle;
			text-align: left;
		}

		.body-text-left-image-right-img-bg > .table-right > .cell {
			vertical-align: middle;
			text-align: center;
		}

			.body-text-left-image-right-img-bg > .table-right > .cell > img {
				display:block;
				margin: 0 auto 92px auto;
				max-width: 80%;
				height: auto;
			}

		.body-text-left-image-right-img-bg .cell h1 {
			margin: 28px 0 24px 0;
			padding: 0;
		}

		.body-text-left-image-right-img-bg .cell p {
			margin: 0 0 28px 0;
			padding: 0;
		}

		.body-text-left-image-right-img-bg .cell p:last-of-type {
			/*margin-bottom: 0;*/
		}

		.body-text-left-image-right-img-bg .cell p.page-links {
			/*margin-top: 10px;*/
			margin-bottom: 0;
		}

			.body-text-left-image-right-img-bg .cell p.page-links > a {
				text-transform: uppercase;
				font-size: 16px;
				letter-spacing: 0.1em;
				margin: 0 26px 0 0;
			}

	.body-text-left-image-right-img-bg .cover {
		display: inline-block;
		width: 100%;
		height: 100%;
		float: left;
		margin: 0;
		padding: 0;
		background-color: rgba(0, 0, 0, 0.65);
		position: absolute;
		left:0;
		top:0;
		z-index: 2;
	}



/* ------ HOME - Projects ------ */

.body-projects {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 110px 2.5% 60px 2.5%;
	box-sizing: border-box;
	float: left;
}

	.body-projects h1 {
		color:#244bc5;
		margin-bottom: 70px;
	}

	.body-projects > .block {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 0 0 30px 0;
		padding: 0;
		float: left;
	}

		.body-projects > .block > .item {
			display: inline-block;
			width: 30%;
			height: auto;
			margin: 0 5% 40px 0;
			padding: 0;
			float: left;
		}

		.body-projects > .block > .item:nth-child(3n) {
			margin-right: 0;
		}

			.body-projects > .block > .item > img {
				display: inline-block;
				width: 100%;
				height: auto;
				margin: 0 0 10px 0;
				padding: 0;
				float: left;
			}

			.body-projects > .block > .item:nth-child(2n) > img {
				animation-delay: 0.1s;
			}

			.body-projects > .block > .item:nth-child(3n) > img {
				animation-delay: 0.2s;
			}

			.body-projects > .block > .item > p {
				display: inline-block;
				width: 100%;
				font-size: 28px;
				margin: 0;
				float: left;
                line-height: 1.2em;
			}

			.body-projects > .block > a > p {
				cursor: pointer;
			}

/*			.body-projects > .block > .item:nth-child(2n) > p {
				animation-delay: 0.1s;
			}

			.body-projects > .block > .item:nth-child(3n) > p {
				animation-delay: 0.2s;
			}*/


				.body-projects > p > a {
					text-transform: uppercase;
				}


	.body-projects > p  {
		display: inline-block;
		width: 100%;
		height: auto;
		float: left;
	}



/* ------ HOME - Shop ------ */

.body-shop {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 110px 2.5% 70px 2.5%;
	box-sizing: border-box;
	float: left;
	background-color: #f6f6f6;
}

	.body-shop h1 {
		color:#244bc5;
		text-align: center;
		padding: 0 0 40px 0;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 100px;
	}

	.body-shop > .block {
		display: inline-block;
		width: 84%;
		height: auto;
		margin: 0 8% 60px 8%;
		padding: 0;
		float: left;
	}

	.body-shop > .block > .item {
		display: inline-block;
		width: 11%;
		height: auto;
		margin: 0 5.6666% 40px 0;
		padding: 0;
		float: left;
	}

	.body-shop > .block > .item:nth-child(6n) {
		margin-right: 0;
	}

		.body-shop > .block > .item > img {
			display: inline-block;
			width: 100%;
			height: auto;
			margin: 0 0 10px 0;
			padding: 0;
			float: left;
		}

		.body-shop > .block > .item:nth-child(2n) > img {
			animation-delay: 0.1s;
		}

		.body-shop > .block > .item:nth-child(3n) > img {
			animation-delay: 0.2s;
		}

		.body-shop > .block > .item:nth-child(4n) > img {
			animation-delay: 0.3s;
		}

		.body-shop > .block > .item:nth-child(5n) > img {
			animation-delay: 0.4s;
		}

		.body-shop > .block > .item:nth-child(6n) > img {
			animation-delay: 0.5s;
		}

		.body-shop > .block > .item > p {
			display: inline-block;
			width: 100%;
			font-size: 16px;
			line-height: 1.5em;
			margin: 0;
			float: left;
		}

/*		.body-shop > .block > .item:nth-child(2n) > p {
			animation-delay: 0.1s;
		}

		.body-shop > .block > .item:nth-child(3n) > p {
			animation-delay: 0.2s;
		}

		.body-shop > .block > .item:nth-child(4n) > p {
			animation-delay: 0.3s;
		}

		.body-shop > .block > .item:nth-child(5n) > p {
			animation-delay: 0.4s;
		}

		.body-shop > .block > .item:nth-child(6n) > p {
			animation-delay: 0.5s;
		}*/

		.body-shop > p {
			display: inline-block;
			width: 100%;
			height: auto;
			float: left;
			padding: 40px 0 0 0;
			border-top: 1px solid #dddddd;
		}

			.body-shop > p > a {
				text-transform: uppercase;
				text-decoration:none;
			}


/* ------ HOME - Image and Text ------ */

.body-image-and-text {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;	
}

	.body-image-and-text > .table-left,
	.body-image-and-text > .table-right {
		display: table;
		width: 37.4%;
		height: auto;
		height: 613px;
		margin: 0 2.5% 0 10%;
		padding: 0;
		float: left;	
	}

	.home_page .body-image-and-text > .table-left,
	.home_page .body-image-and-text > .table-right {
		height: 813px;
	}

	.body-image-and-text > .table-right {
		margin: 0 10% 0 2.5%;
	}

		.body-image-and-text > .table-left > .cell,
		.body-image-and-text > .table-right > .cell {
			display: table-cell;
			width: 100%;
			vertical-align: middle;
			text-align: left;
		}

		.body-image-and-text > .table-left > .cell {
			vertical-align: middle;
			text-align: center;
		}

			.body-image-and-text > .table-left > .cell > img {
				display:block;
				margin: auto;
				
				width: 100%;
				height: auto;
			}

		.body-image-and-text .cell h1 {
			color:#244bc5;
			margin: 32px 0 24px 0;
			padding: 0;
		}

		.body-image-and-text .cell h2 {
			margin: 32px 0 24px 0;
		}

		.body-image-and-text .cell p {
			margin: 0 0 28px 0;
			padding: 0;
		}

		.body-image-and-text .cell p.page-links {
			/*margin-top: 10px;*/
			margin-bottom: 0;
		}

			.body-image-and-text .cell p.page-links > a {
				text-transform: uppercase;
				font-size: 16px;
				letter-spacing: 0.1em;
				margin: 0 26px 0 0;
				text-decoration: none;
			}



/* ------ HOME - Enquiry Form ------ */

.enquiry-module {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 130px 0 130px 0;
	float: left;
    background-image: url(/images/img_enquiry-form-bg.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.home_page .enquiry-module {
	border-bottom: none;
}

	.enquiry-module > .table-left,
	.enquiry-module > .table-right {
		display: table;
		width: 40%;
		height: auto;
		margin: 0 50% 0 10%;
		padding: 0;
		float: left;
		z-index: 3;
		position: relative;
	}

	.join-the-team-module > .table-left {
		width: 40%;
		margin: 0 50% 0 10%;
	}


		.enquiry-module > .table-left > .cell {
			display: table-cell;
			width: 100%;
			vertical-align: middle;
			text-align: left;
		}

		.enquiry-module .cell h1 {
			margin: 0 0 30px 0;
			padding: 0;
		}

		.enquiry-module .cell p {
			margin: 0 0 42px 0;
			padding: 0;
		}

		.enquiry-module .cell form {
			display: inline-block;
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			float: left;
		}

			.enquiry-module .cell form input {
				float: left;
				display: inline-block;
				width:calc(50% - 10px);
				box-sizing: border-box;
				height: 46px;
				margin: 0 20px 26px 0;
				padding: 0 18px;
				background-color: rgba(0, 0, 0, 0.4);
				color: #fff;
				font-size: 20px;
				border: none;
				outline: none;
			}

			.enquiry-module .cell form input:nth-child(2n) {
				margin-right: 0;
			}

			.enquiry-module .cell form .message-div {
				display:none;
			}

			.enquiry-module .cell form textarea {
				float: left;
				display: inline-block;
				width:100%;
				box-sizing: border-box;
				height: 114px;
				margin: 0 0 26px 0;
				padding: 10px 18px;
				background-color: rgba(0, 0, 0, 0.4);
				color: #fff;
				font-size: 20px;
				border: none;
				outline: none;
				resize: none;
			}

			.enquiry-module .cell form input::placeholder,
			.enquiry-module .cell form textarea::placeholder {
				color: #fff;			
			}

			.enquiry-module .cell form .submit {
				display: inline-block;
				width:100%;
				height: 46px;
				margin: 0;
				float: left;
				position: relative;
			}

				.enquiry-module .cell form input[type="submit"] {
					width:100%;
					text-transform: uppercase;
					position: relative;
					cursor: pointer;
					background-color: rgba(0, 0, 0, 0);
					z-index: 3;
				}

				.enquiry-module .cell form .submit > .cover {
					display: inline-block;
					width: 100%;
					height: 100%;
					float: left;
					margin: 0;
					padding: 0;
					/*background-image: url(/images/gfx_submit-bg.png);*/
					background-color: rgba(2, 51, 205, 0.95);
					background-position: left top;
					background-repeat: no-repeat;
					position: absolute;
					left: 0;
					top: 0;
					z-index: 2;
					opacity: 0.65;
				}

				.enquiry-module .cell form .submit:hover > .cover {
					opacity: 1;
				}


/* ------ HOME - Partners ------ */

.partners-module {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 110px 2.5% 120px 2.5%;
	box-sizing: border-box;
	float: left;
	background-color: #f6f6f6;
}

.partners-white-bg-module {
	background-color: #fff;
}

	.partners-module h1 {
		color:#000;
		font-size: 38px;
		text-align: center;
		padding: 0 0 0 0;
		margin-bottom: 60px;
	}

	.partners-module > .block {
		display: inline-block;
		width: 84%;
		height: auto;
		margin: 0 8% 0 8%;
		padding: 0;
		float: left;
		text-align: center;
	}

		.partners-module > .block > img {
			display: inline-block;
			width: 100%;
			max-width: 1084px;
			height: auto;
			margin: 0;
			padding: 0;
		}


/* ------ HOME - Mailing List ------ */

.mailing-list-module {
	display: table;
	width: 100%;
	height: auto;
	height: 177px;
	margin: 0;
	padding: 0 5% 15px 5%;
	box-sizing: border-box;
	float: left;
    background-image: url(/images/img_mailing-list-subscribe-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
	color: #fff;
}

	.mailing-list-module > .inner {
		display: table-cell;
		width: 100%;
		height: 100%;
		vertical-align: middle;
		text-align: center;
		margin: 0;
		padding: 0;
		z-index: 3;
		position: relative;
	}

		.mailing-list-module > .inner > h1 {
			display: inline-block;
			font-size: 36px;
			margin: 0 40px 0 0;
		}

		.mailing-list-module > .inner > p {
			display: inline-block;
			margin: 0 40px 0 0;
			position: relative;
			top:-4px;
		}

		.mailing-list-module > .inner > form {
			display: inline-block;
			width: auto;
			height: auto;
			margin: 0;
			padding: 0;
			position: relative;
			top:13px;
		}

			.mailing-list-module > .inner > form input {
				float: left;
				display: inline-block;
				width:288px;
				box-sizing: border-box;
				height: 46px;
				margin: 0 35px 0 0;
				padding: 0 18px;
				background-color: rgba(0, 0, 0, 0.4);
				color: #fff;
				font-size: 20px;
				border: none;
				outline: none;
			}

			.mailing-list-module > .inner > form input::placeholder {
				color: #fff;
			}

			.mailing-list-module > .inner > form .submit {
				display: inline-block;
				width:174px;
				height: 46px;
				margin: 0;
				float: left;
				position: relative;
			}

				.mailing-list-module > .inner > form input[type="submit"] {
					width:100%;
					text-transform: uppercase;
					position: relative;
					cursor: pointer;
					background-color: rgba(0, 0, 0, 0);
					z-index: 3;
					padding: 0;
				}

				.mailing-list-module > .inner > form .submit > .cover {
					display: inline-block;
					width: 100%;
					height: 100%;
					float: left;
					margin: 0;
					padding: 0;
					background-color: rgba(2, 51, 205, 0.95);
					background-position: left top;
					background-repeat: no-repeat;
					position: absolute;
					left: 0;
					top: 0;
					z-index: 2;
					opacity: 0.65;
				}

				.mailing-list-module > .inner > form .submit:hover > .cover {
					opacity: 1;
				}



	.mailing-list-module > .cover {
		display: inline-block;
		width: 100%;
		height: 100%;
		float: left;
		margin: 0;
		padding: 0;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		left:0;
		top:0;
		z-index: 2;
	}



/* ------ HOME - Social ------ */

.social-module {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 2.5% 120px 2.5%;
	box-sizing: border-box;
	float: left;
	background-color: #f6f6f6;
}

	.social-module h1 {
		color: #244bc5;
		font-size: 42px;
		text-align: center;
		padding: 0 0 0 0;
		margin-bottom: 90px;
	}

	.social-module > .content {
		display: inline-block;
		width: 94%;
		height: auto;
		margin: 0 3% 0 3%;
		padding: 0;
		float: left;
		text-align: center;
	}


		.social-module > .content > .block_instagram {
			display: inline-block;
			width: 100%;
            max-width: 1030px;
			height: auto;
			margin: 0 50px 30px auto;
			padding: 0;
			float:none;
			text-align: center;
		}

		.social-module > .content > .block_1 {
			display: inline-block;
			/*width: 320px;*/
            width: 500px;
			height: 500px;
			margin: 0 3% 30px 0;
			padding: 0;
			float:none;
			text-align: center;
			/*background-color: #fff;*/
		}


			.social-module > .content .block {
				display: inline-block;
				width: 100%;
				height: auto;
				margin: 0;
				padding: 0;
				float: left;
			}

			.social-module > .content > .block_1 > .fb_desktop {
				/*display: none;*/
                display: inline-block;
			}

			.social-module > .content > .block_1 > .fb_mobile {
                display: none;
			}

			.social-module > .content > .block_2 > .twitter_desktop {
				/*display: none;*/
                display: inline-block;
			}

			.social-module > .content > .block_2 > .twitter_mobile {
                display: none;
			}


		.social-module > .content > .block_2 {
			display: inline-block;
			/*width: 320px;*/
            width: 500px;
			height: 500px;
			margin: 0 3% 0 0;
			padding: 0;
			float:none;
			position: relative;
			top:-29px;
			/*background-color: #fff;*/
		}

			.social-module > .content > .block_2 iframe {
				outline: 1px solid #ebedf0;
				/*background-color: #fff;*/
			}


		.social-module > .content > .block_3 {
			display: inline-block;
			width: 500px;
			height: 500px;
			margin: 30px 0 0 0;
			padding: 0;
			float:none;
			position: relative;
			top:-29px;
			/*background-color: #fff;*/
		}





/* ------ HOME - Site Map ------ */

.site-map-module {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 85px 0;
	float: left;
    background-image: url(/images/img_site-map-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
	color: #fff;
}

	.site-map-module > h1 {
		color: #fff;
		font-size: 36px;
		width: 70%;
		margin: 0 15%;
		padding: 90px 0 80px 0;
		text-align: center;
		float: left;
		z-index: 3;
		position: relative;
	}

	.site-map-module > .table {
		display: table;
		width: 60%;
		height: auto;
		margin: 0 20%;
		padding: 0;
		float: left;
		z-index: 3;
		position: relative;
	}

		.site-map-module > .table > .cell {
			display: table-cell;
			width: 25%;
		}

			.site-map-module > .table > .cell > ul {
				width: 90%;
				margin: 0 0 30px 0;
				padding: 0;
				list-style: none;
			}

				.site-map-module > .table > .cell > ul > li {
					margin: 0 0 6px 0;
					letter-spacing: 0.03em;
					transition: opacity ease-out 0.2s;	
				}

				.site-map-module > .table:hover > .cell > ul > li {
					opacity: 0.55;
				}

				.site-map-module > .table > .cell > ul > li:hover {
					opacity: 1;
					transition: opacity ease-out 0s;
				}

				.site-map-module > .table > .cell > ul > li:first-of-type {
					font-size: 17px;
					text-transform: uppercase;
					font-weight: 500;
					margin-bottom: 7px;
					letter-spacing: 0.08em;
				}

				.site-map-module > .table:hover > .cell > ul > li:first-of-type {
					opacity: 1;
				}

					.site-map-module > .table > .cell > ul > li > a {
						display: inline-block;
						width: 100%;
					}

	.site-map-module .cover {
		display: inline-block;
		width: 100%;
		height: 100%;
		float: left;
		margin: 0;
		padding: 0;
		background-color: rgba(66, 66, 66, 0.85);
		position: absolute;
		left:0;
		top:0;
		z-index: 2;
	}


/* -------------------------------------------------------------------- SMART HOMES ------------------------------------------------------------------------------------------- */ 


.breadcrums-module {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 50px 0;
	padding: 0 8%;
	box-sizing: border-box;
	float: left;
}

	.breadcrums-module > ul {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 16px;
		text-transform: uppercase;
		color: #244bc5;
		letter-spacing: 0.1em;
	}

		.breadcrums-module > ul > li {
			margin: 0 0 10px 0;
			padding: 0;
			cursor: default;
			display: inline-block;
		}

		.breadcrums-module > ul > li + li::before {
			content: "›\00a0";
			padding: 0 10px;
			color: #5d5d5d;
		}

			.breadcrums-module > ul > li > a {
				color: #5d5d5d;				
			}



/* ------ BODY MODULE - Video Button with Hero Image BG ------ */

.body-video-hero {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 0 1px 0;
	padding: 0;
	float: left;
}

	.video-container {
		position: relative;
		padding-bottom: 56.0%;
		padding-top: 0px;
		height: 0;
		overflow: hidden;
	}

		.video-container > iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}



/* ------ BODY MODULE - Video Button with Hero Image BG ------ */

.body-video-btn-img-bg {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 0 1px 0;
	padding: 0;
	float: left;
    background-image: url(/images/img_experience-centre-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
	color: #fff;
	position: relative;
}


	.video-lightbox {
		display: none;
		position: fixed;
		top:0;
		left:0;
		margin: -60px 0 0 0;
		padding: 122px 15%;
		height: calc(100% + 120px);
		box-sizing: border-box;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 110;
	}

		.video-lightbox > .inner {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}

			.video-lightbox .close {
				display: inline-block;
				position: absolute;
				top:80px;
				right: 20px;
				margin: 0;
				padding: 0;
				cursor: pointer;
			}

				.video-lightbox .close > img {
					display: inline-block;
					margin: 0;
					padding: 20px;
					float: left;			
				}

            .video-lightbox > .inner p.small {
                font-size: 14px;
            }



	.body-video-btn-img-bg > img {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		float: left;
		opacity: 0;
	}

		.body-video-btn-img-bg > .inner {
			display: inline-block;
			width: 100%;
			height: 100%;
			float: left;
			margin: 0;
			padding: 0;
			position: absolute;
			left:0;
			top:0;
			z-index: 3;	
		}

			.body-video-btn-img-bg .table-left {
				display: table;
				width: 70%;
				height: 100%;
				margin: 0 15%;
				padding: 0;
				float: left;	
			}

				.body-video-btn-img-bg .table-left > .cell {
					display: table-cell;
					width: 100%;
					vertical-align: middle;
					text-align: center;
				}

					.body-video-btn-img-bg .table-left > .cell > .play {
						display: inline-block;
						cursor: pointer;
					}

						.body-video-btn-img-bg .table-left > .cell > .play > img {
							display: inline-block;
						}


	.body-video-btn-img-bg .cover {
		display: inline-block;
		width: 100%;
		height: 100%;
		float: left;
		margin: 0;
		padding: 0;
		background-color: rgba(0, 0, 0, 0.5);
		position: absolute;
		left:0;
		top:0;
		z-index: 2;
	}



/* ------ BODY MODULE - Hero Image ------ */

.body-img-hero {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 0 1px 0;
	padding: 0;
	float: left;
}

	.body-img-hero > img {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		float: left;
	}


/* ------ BODY MODULE - Body Text and Text ------ */

.body-text-and-text {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;	
}

	.body-text-and-text > .table-left,
	.body-text-and-text > .table-right {
		display: table;
		width: 37.4%;
		height: auto;
		height: 600px;
		box-sizing: border-box;
		margin: 0 2.5% 0 10%;
		padding: 170px 0 150px 0;
		float: left;	
	}

	.body-text-centered > .table-left {
		width: 80%;
        margin-right: 10%;
        height: auto;
	}

        .body-text-centered > .table-left p {
            text-align: center;
        }

	.body-text-and-sidenav > .table-left {
		width: 54%;
	}

	.body-text-and-sidenav > .table-right {
		width: 20.8%;
	}

	.body-text-and-text-base > .table-left,
	.body-text-and-text-base > .table-right {
		padding-top: 150px;
		padding-bottom: 90px;
		height: auto;
	}

	.body-text-and-text-shop > .table-left,
	.body-text-and-text-shop > .table-right {
		padding-top: 20px;
		padding-bottom: 90px;
		height: auto;
	}


	.body-text-and-text-base > .table-left {
		margin-left: 7.5%;
	}

	.body-text-and-text-content > .table-left,
	.body-text-and-text-content > .table-right {
		padding-top:0px;
	}

	.body-image-with-title-2-columns > .table-left,
	.body-image-with-title-2-columns > .table-right {
		padding-bottom: 110px;
	}

	.body-text-and-text > .table-right {
		margin: 0 10% 0 2.5%;
	}

	.body-text-and-text-shop > .table-left {
		margin-left: 8%;
		width: 48.8%;
	}

	.checkout_page .body-text-and-text-shop > .table-left {
		width: calc(78.8% - 370px);
	}

	.body-text-and-text-shop-one-col > .table-left {
		width: 83.8%;
	}

	.body-text-and-text-shop > .table-right {
		margin-right: 8%;
		width: 30%;
	}

	.checkout_page .body-text-and-text-shop > .table-right {
		width: 370px;
	}

		.body-text-and-text > .table-left > .cell,
		.body-text-and-text > .table-right > .cell {
			display: table-cell;
			width: 100%;
			vertical-align: middle;
			text-align: left;
		}

		.body-text-and-text-base > .table-left > .cell,
		.body-text-and-text-base > .table-right > .cell {
			vertical-align: top;
		}

		.body-text-and-text-shop > .table-right > .cell > img {
			display:inline-block;
			width: 100%;
			height: auto;
			margin: 0 0 30px 0;
			padding: 0;
			float: left;
		}

		.body-text-and-text-shop > .table-right > .cell > p {
			display:inline-block;
			width: 100%;
			height: auto;
			margin: 0 0 30px 0;
			padding: 0;
			float: left;
		}

		.body-text-and-text .cell h1 {
			color:#244bc5;
			margin: 0 0 24px 0;
			padding: 0;
		}

		.body-text-and-text .cell h2 {
			display: inline-block;
			width: 100%;
			color:#244bc5;
			margin: 0 0 24px 0;
			padding: 0;
			float: left;
		}

		.body-text-and-text .cell p {
			margin: 0 0 28px 0;
			padding: 0;
		}

			.body-text-and-text .cell p > img {
				display: inline-block;
				width: 100%;
				height: auto;
				margin: 0 0 30px 0;
				float: left;
			}

			.body-image-with-title-2-columns .cell p > img {
				margin-bottom: 100px;
			}



/* ------ BODY MODULE - Body Line Break ------ */

.body-line-break {
	display: inline-block;
	width: 95%;
	height: 1px;
	background-color: #b2b2b2;
	margin: 0 2.5%;
	padding: 0;
	float: left;	
}




/* ------ BODY MODULE - Body 3 Images Columns ------ */

.body-3-images-columns {
	display: inline-block;
	width: 95%;
	height: auto;
	margin: 0 2.5%;
	padding: 0;
	float: left;	
}

	.body-3-images-columns > .table {
		display: table;
		width: 33.3333%;
		height: auto;
		height: 600px;
		margin: 0;
		padding: 0;
		float: left;	
	}

	.body-3-images-columns .table {
		margin: 0;
	}

		.body-3-images-columns .table > .cell {
			display: table-cell;
			width: 100%;
			vertical-align: middle;
			text-align: center;
		}

			.body-3-images-columns .table > .cell > img {
				display:block;
				margin: auto;
				width: 100%;
                /*width: calc(100% - 1px);*/
				height: auto;
			}


/* -------------------------------------------------------------------- WORK ------------------------------------------------------------------------------------------- */ 

/* ------ WORK - Products ------ */

.products-white-bg-module {
    background-color: #fff;
}

.work_page .mailing-list-module {
    margin-bottom: 1px;    
}



/* -------------------------------------------------------------------- ABOUT ------------------------------------------------------------------------------------------- */ 

/* ------ ABOUT - Career opportunities ------ */

.career-opportunities-module {
    background-color: #efefef;
}


/* ------ ABOUT - Join the team ------ */

.join-the-team-module {
    
}

        .join-the-team-module form label {
            display: inline-block;
            width: 100%;
            box-sizing: border-box;
            padding: 0 18px;
            margin: 0 0 10px 0;
            font-size: 20px;
        }

        .join-the-team-module form input[type="file"] {
            display: inline-block;
            width: 100%;
        }



/* -------------------------------------------------------------------- MEMBERS ------------------------------------------------------------------------------------------- */ 

.members-nav {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 90px 0;
	float: left;
	background-color: rgba(2, 51, 205, 0.95);
	color: #fff;
}

	.members-nav ul {
		list-style: none;	
	}

		.members-nav ul > li {
			text-transform: uppercase;
			margin-bottom: 10px;
		}



.members-register_page .body-text-and-text-shop-one-col > .table-left > .cell,
.shop-edit-addresses_page .body-text-and-text-shop-one-col > .table-left > .cell {
	text-align: center;
}

.members-register_page form,
.shop-edit-addresses_page form {
	display: inline-block;
	width: 348px;
}

	.members-register_page form input,
	.shop-edit-addresses_page form input {
		width: 100%;
	}



/* ------ MEMBERS - Calendar Booking ------ */

.calendar-booking_page .body-text-and-text-base > .table-left {
	padding-top: 0;	
}

	.calendar-booking_page .body-text-and-text > .table-left > .cell {
		text-align: center;
	}

		.calendar-booking_page .body-text-and-text > .table-left > .cell > iframe {
			width: 100%;
		}

			.calendar-booking_page .body-text-and-text > .table-left > .cell > iframe body {

			}

/* -------------------------------------------------------------------- SHOP ------------------------------------------------------------------------------------------- */ 

/* ------ SHOP - Products ------ */

.body-products {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 110px 8% 60px 8%;
	box-sizing: border-box;
	float: left;
}

	.body-products h1 {
		color:#244bc5;
		margin-bottom: 70px;
	}

	.body-products > .block {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 0 0 30px 0;
		padding: 0;
		float: left;
	}

		.body-products > .block > .item {
			display: inline-block;
			width: 11%;
			height: auto;
			margin: 0 5.6666% 40px 0;
			padding: 0;
			float: left;
		}

		.body-products > .block > .item:nth-child(6n + 7) {
			clear: both;
		}

		.body-products > .block > .item:nth-child(6n) {
			margin-right: 0;
		}

			.body-products > .block > .item > img {
				display: inline-block;
				width: 100%;
				height: auto;
				margin: 0 0 10px 0;
				padding: 0;
				float: left;
			}

			.body-products > .block > .item:nth-child(2n) > img {
				animation-delay: 0.1s;
			}

			.body-products > .block > .item:nth-child(3n) > img {
				animation-delay: 0.2s;
			}

			.body-products > .block > .item > p {
				display: inline-block;
				width: 100%;
				font-size: 16px;
				line-height: 1.5em;
				margin: 0;
				float: left;
			}

			.body-products > .block > a > p,
			.body-shop > .block > .item > p {
				cursor: pointer;
			}

/*			.body-products > .block > .item:nth-child(2n) > p {
				animation-delay: 0.1s;
			}

			.body-products > .block > .item:nth-child(3n) > p {
				animation-delay: 0.2s;
			}*/


				.body-products > p > a {
					text-transform: uppercase;
				}


	.body-products > p  {
		display: inline-block;
		width: 100%;
		height: auto;
		float: left;
	}



/* ------ SHOP - Product ------ */

.sale-regular-price {
	opacity: 0.5;
	text-decoration: line-through;	
}

.divider {
	display: inline-block;
	opacity: 0.5;
	margin: 0 10px;
}

.shop_page .body-text-and-text-shop > .table-right > .cell > p > a {
	text-decoration: none;	
}



/* ------ SHOP - Cart ------ */

.cart {
	width: 100%;
	border-collapse: collapse;
}

.cart th {
	font-weight: 600;
}

.cart td,
.cart th {
	border: 0px solid #efefef;
	vertical-align: top;
	padding: 3px 0;
}

.cart tr:first-child th {
	padding: 20px 0;
}

.cart th:nth-child(1) {
	width: 150px;
}

.cart th:nth-child(2) {
	width: calc(100% - 600px);
}

.cart th:nth-child(3) {
	width: 150px;
}

.cart th:nth-child(4),
.cart th:nth-child(5) {
	width: 150px;
	text-align: right;
}

.cart tr td > img {
	display: inline-block;
	width: calc(100% - 10px);
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}




.cart .total,
.cart .money {
	text-align: right;
}

.discount {
	max-width: 300px;
}

.desc {
	font-size: small;
}

b {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.6);
}

i {
	font-style: italic;
	font-size: small;
	color: rgba(0, 0, 0, 0.6);
}

.remove_cart {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration: underline;
}

input[type=number] {
	width: 64px;
    padding-right: 0;
	margin-bottom: 9px;
}


.button {
    display: inline-block;
    box-sizing: border-box;
    height: 46px;
    margin: 0 20px 26px 0;
    padding: 10px 18px;
    font-size: 20px;
    border: none;
    outline: none;
	background-color: rgba(2, 51, 205, 0.95);
    color: #fff;
    text-transform: uppercase;
	text-decoration: none;
    cursor: pointer;
}

input[type="submit"].text-link,
button[type="submit"].text-link {
    color: #000;
    background-color: transparent;
    height: auto;
    text-transform: none;
    padding: 0;
    font-size: 14px;
    text-decoration: underline;
	cursor: pointer;
}


/* ------ SHOP - Shipping Method ------ */

.shipping-method {

}

	.body-text-and-text .cell .shipping-method h2 {
		margin-top: 19px;
		margin-bottom: 56px;
	}

	.body-text-and-text .cell .shipping-method div {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		float: left;		
	}

	.body-text-and-text .cell .shipping-method div > select {
		margin-bottom: 16px;		
	}



/* ------ SHOP - Checkout ------ */

.checkout_page .table-two-cols {
	display:  table;
	width: 100%;
	height: auto;
	margin: 0px 0 0px 0;
	padding: 0;
	float: left;
}

	.table-two-cols > .col {
		display:  table-cell;
		width: 50%;
		height: auto;
		text-align: left;
		vertical-align: top;
	}

		.table-two-cols > .col:first-of-type .addresses-table h2:last-of-type,
		.table-two-cols > .col:first-of-type .addresses-table table tr:last-of-type,
		.table-two-cols > .col:last-of-type .addresses-table h2:first-of-type,
		.table-two-cols > .col:last-of-type .addresses-table table tr:first-of-type {
			display: none;	
		}

		.table-two-cols > .col .addresses-table table {
			position: relative;
			left: -3px;
		}

		.addresses-table .button {
			margin-top: 20px;
			margin-bottom: 0;
		}


	.body-text-and-text-shop .body-line-break {
		width: 100%;
		margin: 40px 0 40px 0;
		opacity: 0.5;
	}

	.checkout_page .pay-with-card button {		
		display: inline-block;
		box-sizing: border-box;
		height: 46px;
		margin: 0 20px 26px 0;
		padding: 10px 18px;		
		border: none;
		outline: none;
		background-color: rgba(2, 51, 205, 0.95);
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		cursor: pointer;
		
		background-image: none;		
		border-radius: 0;
		
	}

		.checkout_page .pay-with-card button > span {
			background: none;
			border-radius: 0;
			font-weight: normal;
			font-family: 'Bai Jamjuree', sans-serif;	
			font-size: 20px;
			margin: 0;
			padding: 0;
			height: auto;
    		line-height: normal;
			text-shadow: none;
			box-shadow: none;
		}

	.checkout_page .pay-with-card form:last-of-type .label-row  {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 10px 0 10px 0;
		padding: 0;
		float: left;
	}

		.checkout_page .pay-with-card form:last-of-type .label-row input {
			width: 13px;
			height: 13px;
			margin-top: 4px;
			margin-right: 10px;
			margin-bottom: 0;
			float: left;
			cursor: pointer;
		}

		.checkout_page .pay-with-card form:last-of-type .label-row label {
			display: inline-block;
			width: calc(100% - 33px);
			height: auto;
			float: left;
			cursor: pointer;
		}





/* ------ SHOP - Register ------ */

.shop-register_page {
	
}

	.shop-register_page .block {
		margin-bottom: 10px;
	}