/* CSS Document */

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

@font-face {
    font-family: 'GillSansMTLightRegular';
    src: url('fonts/gillsanlight.eot');
    src: url('fonts/gillsanlight.eot') format('embedded-opentype'),
         url('fonts/gillsanlight.woff2') format('woff2'),
         url('fonts/gillsanlight.woff') format('woff'),
         url('fonts/gillsanlight.ttf') format('truetype'),
         url('fonts/gillsanlight.svg#GillSansMTLightRegular') format('svg');
	font-weight: normal;
    font-style: normal;
}

html {
		overflow-y: scroll;
	}
	
body{
	margin:0px;
	padding:0px;
	z-index:0;
	background:#FFF;
	color:#3e3e41;
	-webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;
	font-size:16px;
	font-family: 'GillSansMTLightRegular';
}

#wrapper{
	z-index:1;
	position:relative;	
}

	h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote{
		padding:0;
		margin:0;
		
	}
	h1, h2, h3, h4, h5{
		margin-bottom:1rem;
		display:block;
		font-family: 'GillSansMTLightRegular';
		font-weight:normal;
		visibility: hidden;
	}
		
		
	h1{ 
		font-size:2.1em;
		font-weight:normal;
		color:#9ab552;
	}
	h2{ 
		font-size:1.375em;
		font-weight:normal;
		clear:left;
		color:#3e3e41;
		margin-bottom:1rem;
	}
	h3{ 
		font-size:1.375em;
		font-weight:normal;
	}
	h5{
		font-size:1.5em;
		margin-bottom:0.5rem;
		font-weight:normal;
		color:#b8b8b8;
	}
		@media only screen and (max-width: 640px) {
			h1{ 
				font-size:1.5em;
				font-weight:normal;
			}	
		}
		
	a{ 
		color:#595A5C;
	}
	p{
		font-size:1.1em;
		font-family: 'GillSansMTLightRegular';
		margin:0 0 1.5rem 0;
		color:#939393;
		visibility: hidden;
	}	
		
		p a{
			color:#718f21;		
			text-decoration:underline;	
		}
			p a:hover{
				text-decoration:underline;	
				color:#718f21;	
			}
			p a:visited{
				color:#718f21;		
			}
		div.page_intro p{
			font-size:1.2em;
			color:#514d89;	
		}
	
	ul{
		list-style-position:outside;
	}	

		div.portlet_inner{
			position:relative;	
		}
			
	div.image_group ul{
		margin:0!important;	
	}
	
	/******** Main Layout *******/
	
	.left-off-canvas-menu{
		background:#333333 none!important;	
	}
	.left-off-canvas-menu ul{
		margin-top:1rem;	
	}
		.left-off-canvas-menu ul li a{
			font-family: 'futura_lt_btlight';
			text-transform:uppercase;
			font-size:0.8em;
			letter-spacing:2px;
			color:#FFF;
			border:0!important;
			padding:0.5rem 1rem 0.5rem 1.2rem!important;
		}
			.left-off-canvas-menu ul li a:hover{
				background:#434343;	
			}
			
			
	div.header{
		padding:2rem 0 1rem 0;	
	}
		div.portlet.logo{
			margin:0;
			max-width:260px;
			margin-top:1rem;	
		}
		
		div.contact_us h5{
			font-size:1.2em;	
			color:#2b275f;	
			margin:0 0 25px 0;
			text-align:right;	
		}
		div.contact_us{
			margin:0;	
		}
		div.contact_us p{
			font-size:2.5em;
			color:#2b275f;	
			margin:0;
			text-align:right;	
		}
		div.contact_us div.imageBox{
			max-width:35px;
			float:right;
			margin-left:15px;	
		}
		
		@media only screen and (max-width: 640px) {
			div.header{
				padding:1rem 0 0 0;
				margin:0 0 10px 0;
			}		
			div.contact_us h5{
				display:none;	
			}
			div.contact_us p{
				font-size:1.6em;
				color:#2b275f;	
				margin:0 0 3px 10px;
				text-align:center;
			}
			div.portlet.logo{
				margin-top:0;
				margin-bottom:0px;
				max-width:200px;
				float:none;
				margin:0 auto 0 auto;
			}
			div.contact_us div.image_group{
				overflow:hidden;
				margin:0 auto 0 auto;	
				text-align:center;
			}
			div.contact_us div.imageBox{
				float:none;
				display:inline-block;
				margin:0 7px 0 7px;	
			}
		}
	
	div.top_menu_row{
		background:#514d89;	
	}
		div.top_menu_row div.portlet{
			margin:0;	
		}
			div.top_menu_row ul{
				overflow:hidden;	
				margin:0;
			}
			div.top_menu_row ul li a{
			   border:0;
			   color:#FFF;	
			   font-family: 'futura_lt_btlight';
			   text-transform:uppercase;
			   font-size:0.77em;
			   padding:1rem;
			   letter-spacing:2px;
			   visibility:hidden;
			}
				div.top_menu_row ul li a.current{
					background:#acc765!important;
					border:1px solid #a2bd5a;
				}
				div.top_menu_row ul li a:hover{
					background-color:#474476;
				}
		@media only screen and (max-width:900px) {
			div.top_menu_row ul li a{
				 font-size:0.7em;
				 padding:0.8rem;	
			}
		}	
		@media only screen and (max-width:790px) {	
			div.top_menu_row ul li{
				width:33.33333%;	
			}
			div.top_menu_row ul li a{
				 font-size:0.7em;
				 padding:0.7rem;
				 	
			}
			div.top_menu_row ul li a.current{
				border:0;
			}
		}
		div.menubutton a{
			color:#FFF;
			font-size:1.4em;
			display:block;
			padding:0.8rem 0 0.5rem 0;	
			font-family: 'futura_lt_btlight';
			letter-spacing:2px;
			text-transform:uppercase;	
			overflow:hidden;
			visibility:hidden;
		}
			div.menubutton a:before{
				font-size:1.2rem;
				float:left;	
				margin-right:6px;	
			}
			div.menubutton a span{
				font-size:1rem;
				display:block;
				float:left;
			}	
				
	a.what-we-offer{
		background:#acc765 url(images/arrow_down_white.png) right center no-repeat;
		background-size:auto 80%;
		padding:1rem 6rem 1rem 2rem;
		display:block;
		float:left;
		border:1px solid #a2bd5a;	
		color:#FFF;
		font-size:1.3em;
		cursor:pointer;
		margin-bottom:2rem;
	}
		@media only screen and (max-width: 640px) {
			a.what-we-offer{
				width:100%;
				float:none;	
			}
		}
		a.what-we-offer:hover{
			background-color:#a4be61;	
		}
		
	a.brochure-link{
		background:#acc765 url(images/pdf.png) right center no-repeat;
		background-size:auto 60%;
		padding:1rem 4.5rem 1rem 1rem;
		display:block;
		float:left;
		border:1px solid #a2bd5a;	
		color:#FFF;
		font-size:1.3em;
		cursor:pointer;
		margin-bottom:2rem;	
	}
	
	div.main_content_row{
		margin:0!important;	
		padding:1rem 0 0 0;
	}
		div.portlet.item_content{
			margin:0;	
		}
		
	div.box_row{
		background:#e7e7e7;	
		min-height:400px;
		margin:0!important;
		padding:2rem 0 2rem 0;
	}
		body.home_page div.box_row{
			margin-top:-60px!important;
		}
	
		div.box_row div.item_list > div.portlet_inner > div.widget_header h5{
			font-size:2em;
			margin-bottom:1rem;	
		}
	
	
	
	
		div.item_box{
			background:#FFF;
			border:1px solid #cbcbcb;	
			padding:1rem 1rem 4rem 1rem;
			text-align:center;
			overflow:hidden;
			position:relative;
			min-height:250px;
		}
			div.item_box a.overlay{
				width:100%;
				height:100%;
				display:block;
				top:0;
				left:0;
				position:absolute;	
				z-index:50;
			}
				body.edit_page div.item_box a.overlay{
					display:none;	
				}
			div.item_box h5{
				font-size:1.2em;
				line-height:120%;
				color:#2b275f;
				position:absolute;
				bottom:1rem;
				left:0;
				padding:0 2rem 0 2rem;
				width:100%;
				text-align:center;
				margin-bottom:0;
			}
				div.item_box h5 a{
					color:#2b275f;	
				}
				span.subtitle{
					display:block;
					font-size:0.9em;	
				}
			
		div.item_box.hover{
			border:1px solid #a5d32c;	
		}
				
		div.item_box.page_item_7{
			background-color:#8da845;
			border:0;
		}
			div.item_box.page_item_7 div.imageBox{
				margin:5% 15% 5% 15%;	
			}
			div.item_box.page_item_7 h5 a{
				color:#FFF;	
			}
			
		div.item_box.page_item_14{
			background-color:#2b275f;
			border:0;
		}
			div.item_box.page_item_14 div.imageBox{
				margin:25%;	
			}
			div.item_box.page_item_14 h5 a{
				color:#FFF;	
			}
	
		@media only screen and (max-width: 640px) {
			div.item_box{
				padding-bottom:50px;
				height:auto!important;
			}
			body.home_page div.box_row{
				margin-top:-40px!important;
			}
		}
				
	div.product_slider{
		
	}
		div.slick div.widgettext p{
			text-align:center;
			text-transform:uppercase;
			color:#acc765;
			font-size:1em;
			letter-spacing:2px;	
			margin-top:1rem;
		}
		div.product_slider div.imageFrame{
			padding:2rem 1rem 2rem 1rem;	
		}
		div.product_slider div.slick-slider{
			border:1px solid #eaeede;
		}
		div.slick-slider{
			padding-bottom:0;		
		}
			div.product_slider.gallery div.slick-slider{
				padding-bottom:60px!important;
			}
			.slick-prev{
				width:70px;
				height:70px;
				background:url(images/arrow_left.png) no-repeat top left!important;
				background-size:100% 100%!important;
				overflow:hidden;
				cursor:pointer;
				left:10px!important;
				bottom:10px!important;
				top:auto;
			}
				.slick-prev:hover{
						
				}
				
			.slick-next{
				width:70px;
				height:70px;
				background:url(images/arrow_right.png) no-repeat top left!important;
				background-size:100% 100%!important;
				overflow:hidden;
				cursor:pointer;
				right:10px!important;
				bottom:10px!important;
				top:auto;
			}
				.slick-next:hover{
					
				}
				
			.slick-next::before,
			.slick-prev::before{
				display:none;	
			}
			
			@media only screen and (max-width: 640px) {
				.slick-prev,
				.slick-next{
				width:40px;
				height:40px;
				}
				div.product_slider div.imageFrame{
					padding:2rem 0 2rem 0;	
				}
			}
			
	body.gallery div.pageLinkList{
		float:right;
	}	
		body.gallery div.pageBodyContent{
			float:left;
			width:60%;	
		}
			
	div.product_slider ul{
		list-style-type:none;	
		overflow:hidden;
	}
	a.gallery_link{
		/*position:absolute;
		bottom:1rem;
		right:15px;	*/
		background:#acc765  url(images/camera.png) 10px center no-repeat;
		background-size:auto 50%;
		padding:0.5rem 1rem 0.5rem 4rem;
		display:block;
		border:1px solid #a2bd5a;	
		color:#FFF;
		font-size:1.3em;
		cursor:pointer;
	}
	a.config_link{
		background:#acc765  url(images/arrow_right_white.png) right center no-repeat;
		background-size:auto 50%;
		padding:0.5rem 3rem 0.5rem 1rem;
		display:block;
		border:1px solid #a2bd5a;	
		color:#FFF;
		font-size:1.3em;
		cursor:pointer;
	}
		@media only screen and (max-width: 1000px) {
				body.gallery div.pageBodyContent{
					width:50%;	
				}
		}
		@media only screen and (max-width: 640px) {
			body.gallery div.pageLinkList{
				float:none;
			}	
				body.gallery div.pageBodyContent{
					float:none;
					width:100%;	
				}
		}
			
	div.photogallery div.imageBox{
		background:#FFF;
		border:1px solid #cbcbcb;		
		margin:3rem 1rem 3rem 1rem;
	}
			@media only screen and (max-width: 900px) {
				div.photogallery div.imageBox{
					margin:1rem;	
				}
			}
		div.photogallery .slick-prev{
				left:-80px!important;
				bottom:auto!important;
				top:50%;
				margin-top:-35px;
			}
		div.photogallery .slick-next{
				right:-80px!important;
				bottom:auto!important;
				top:50%;
				margin-top:-35px;
			}

	div.footer{
		background:#2b275f;
		min-height:400px;
		margin:0!important;
		padding:3rem 0 0 0;
	}	
		div.portlet.copyright{
			margin:3rem 0 1rem 0;	
		}
			div.portlet.copyright p{
				color:#75729B;	
				font-size:1em;	
				margin:0;
			}
				div.portlet.copyright p a{
					color:#75729B;	
					text-decoration:none;
				}
		div.footer h5{
			color:#FFF;
			font-size:2em;	
			margin-bottom:1rem;
		}
		div.portlet.address{
			margin-bottom:2rem;	
		}
		div.portlet.address h6{
			font-family: 'futura_lt_btlight';
			text-transform:uppercase;
			color:#FFF;	
			font-size:0.9em;
			letter-spacing:2px;
			margin:10px 0 5px 0;
		}
			div.portlet.address div.widgettext{
				margin-bottom:10px;	
			}
			div.portlet.address div.widgettext p{
				font-size:1.3em;
				color:#FFF;
				margin:0;	
			}
			div.portlet.address div.widgettext a{
				font-size:1.3rem;
				color:#FFF;
				margin:0;
				text-decoration:none;
			}
				div.portlet.address ul{
					list-style-type:none;
					margin-bottom:0;
				}
						
				@media only screen and (max-width: 640px) {
					div.footer h5, div.footer p, div.footer a{
						text-align:center;	
						display:block;
					}
					div.portlet.address ul{
						list-style-type:none;
						margin-bottom:15px;
						text-align:center;
					}	
					div.portlet.address h6{
						text-align:center;	
					}
				}
					div.portlet.address ul li{
						display:inline;
						color:#FFF;
						font-family: 'futura_lt_btlight';
						text-transform:uppercase;
						font-size:0.7em;
						letter-spacing:2px;
						background:url(images/bullet.png) no-repeat left center;
						background-size:4px 4px;
						padding-left:15px;
						margin-left:5px;
					}
					
					
						
		div.portlet.address p a{
			color:#FFF;
			text-decoration:none;
		}
		div.portlet.enquiryform{
			width:50%;
		}
				div.portlet.enquiryform h5{
					font-size:1.6em;		
				}
			
				div.userForm fieldset{
					border:0;
					padding:0;
					margin:0;	
				}
				div.formRow{
					border:0;
					padding:0;
					margin:0;	
				}
				input[type=text], textarea, select{
					width:100%;
					padding:0.6rem;
					border:1px solid #D8D7DB;
					background:#FFF;
					font-family: 'GillSansMTLightRegular';
					font-size:1em;
					color:#666;
					margin-bottom:0.5rem;
				}
				input[type=submit]{
					padding:1rem;
					border:1px solid #FFF;
					color:#FFF;
					font-size:1em;	
					font-family: 'futura_lt_btlight';
					cursor:pointer;
					background:none transparent;
					letter-spacing:2px;
					text-transform:uppercase;
					visibility:hidden;
				}
					input[type=submit]:hover{
						background-color:#474476;
					}
					
					
				@media only screen and (max-width: 900px) {
					div.portlet.enquiryform{
						width:100%;
					}		
				}
					
				@media only screen and (max-width: 640px) {
					div.portlet.enquiryform{
						margin-bottom:4rem;
					}	
					input[type=submit]{
						width:100%;
						text-align:center;	
					}
					div.portlet.address ul li{
						font-size:0.6em;
						line-height:1em;
					}
				}
				
		div.errorBox{
			background: #EC0000;
			border:1px solid #EC8989;
			color:#FFF;
			font-size:1.1em;		
		}
		div.userForm div.formRow.missed input[type=text],
		div.userForm div.formRow.missed textarea{
			border:2px solid #EC0000;
			color:#EC0000;		
		}
		
		html.wf-active h1,
		html.wf-active h2,
		html.wf-active h3,
		html.wf-active h4,
		html.wf-active h5,
		html.wf-active p,
		div.top_menu_row ul li a,
		div.menubutton a,
		input[type=submit]{
			visibility: visible;		
		}