@charset "utf-8";
/* CSS Document */

@import url(font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Convergence');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,600,700');


/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1.3;
		-webkit-text-size-adjust: none;
		font-family:'Convergence',sans serif;
		color:#151515;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	h1{color:#003663; font-family:'Work Sans', sans serif; font-size:1.500em; font-weight:600; line-height:1.4;}
	h2{color:#003663; font-family:'Work Sans', sans serif; font-size:1.300em; font-weight:600; line-height:1.4;}
	p{font-size:1.000em;}
	
	.mr15{margin-right:15px;}
	.mr5{margin-right:5px;}
	.mb15{margin-bottom:15px;}
	
	#logo{width:352px;height:67px;position:fixed;top:50px;left:50px;z-index:9999;}
	
	/* Mobile navigation styles */
	
		.mob-nav {
		  display:none;
		  height: 55px;
		  width: 100%;
		  background:rgba(0,0,0,0.8);
		  position: fixed;
		}
		
		.mob-nav > .mob-nav-title {
			width:200px;
			height:38px;
			margin:8px 0 0 10px;
		  display: inline-block;
		}
		
		.mob-nav > .mob-nav-btn {
		  display: none;
		}
		
		.mob-nav > .mob-nav-links {
		  display: inline;
		  float: right;
		  font-size: 18px;
		}
		
		.mob-nav > .mob-nav-links > a {
		  display: none;
		  padding: 13px 10px 13px 10px;
		  text-decoration: none;
		  font-family:'Work Sans', sans serif; font-size:0.850em; font-weight:600; text-transform:uppercase;
		  color: #fff;
		}
		
		.mob-nav > .mob-nav-links > a:hover {
		  background-color: rgba(244, 114, 50, 0.8);
		}
		
		.mob-nav > #mob-nav-check {
		  display: none;
		}
		
	/* Mobile Navigation styles */
		
		
	
	#enquiry{width:85px;height:85px;position:absolute;bottom:0px;right:20px;z-index:99999;}
		#enquiry a{display:block;width:85px;height:85px;background:url(../images/send-enquiry-cta.png) no-repeat;}
	
	#container {
		width:100%;
		height:auto;
		z-index:9999;
	}
	#home{
		width:100%;
		height:700px;
		background:url(../images/homepage-circle.png) no-repeat -110px -130px;
		padding:160px 0px 0px 50px;
	}
	.mob-cont-home-a{display:block;}
	.mob-cont-home-b{display:none;}
	
	
	#products{
		width:100%;
		height:700px;
		background:url(../images/products-circle.png) no-repeat; background-position:105% 50px;
		padding:175px 50px 0px 0px;
		text-align:right;
	}
		
	.mob-cont-products-a{display:block;}
	.mob-cont-products-b{display:none;}
	
	#gallery{
		width:100%;
		height:auto;
		padding:0;
	}
		.gallery-container{width:100%;height:auto;margin-top:140px;background:rgba(255,255,255,0.8);padding:20px 0;}
		
		.mob-cont-gallery-a{display:block;}
		.mob-cont-gallery-b{display:none;}
	
	/*  Gallery  */
	
		.row {
		  display: -ms-flexbox; /* IE10 */
		  display: flex;
		  -ms-flex-wrap: wrap; /* IE10 */
		  flex-wrap: wrap;
		  width:95%;
		  max-width:1000px;
		  margin:auto;
		  padding: 0 4px;
		}
		
		/* Create four equal columns that sits next to each other */
		.column {
		  -ms-flex: 33.33%; /* IE10 */
		  flex: 33.33%;
		  max-width: 33.33%;
		  padding: 0 4px;
		}
		
		.column img {
		  width:100%;
		  margin-top: 8px;
		  vertical-align: middle;
		}
		
		/* Responsive layout - makes a two column-layout instead of four columns
		@media screen and (max-width: 800px) {
		  .column {
			-ms-flex: 50%;
			flex: 50%;
			max-width: 50%;
		  }
		} */
		
		/* Responsive layout - makes the two columns stack on top of each other instead of next to each other 
		@media screen and (max-width: 600px) {
		  .column {
			-ms-flex: 100%;
			flex: 100%;
			max-width: 100%;
		  }
		}*/
	
	/*  Gallery End  */
	
	
	#contact{
		width:100%;
		height:700px;
		background:url(../images/contact-circle.png) no-repeat; background-position:50% 60%;
		padding-top:230px;
		text-align:center;
	}
	
	.b0{border:none;}
	.p10{padding:10px 15px !important;}
	.orange-cta {
	   background: #F26723;
	   background-image: -webkit-linear-gradient(top, #F26723, #F57536);
	   background-image: -moz-linear-gradient(top, #F26723, #F57536);
	   background-image: -ms-linear-gradient(top, #F26723, #F57536);
	   background-image: -o-linear-gradient(top, #F26723, #F57536);
	   background-image: linear-gradient(to bottom, #F26723, #F57536);
	   -webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   border-radius: 5px;
	   height: 40px;
	   color: #FFFFFF;
	   font-family:'Work Sans', sans serif; font-size:0.850em; font-weight:600; text-transform:uppercase;
	   width: auto;
	   padding: 10px 15px 0 15px;
	   text-decoration: none;
	   display: inline-block;
	   cursor: pointer;
	}
	
	.orange-cta:hover {
	   background: #F57536;
	   background-image: -webkit-linear-gradient(top, #F57536, #F26723);
	   background-image: -moz-linear-gradient(top, #F57536, #F26723);
	   background-image: -ms-linear-gradient(top, #F57536, #F26723);
	   background-image: -o-linear-gradient(top, #F57536, #F26723);
	   background-image: linear-gradient(to bottom, #F57536, #F26723);
	   text-decoration: none;
	}

	#slideshow {width: 100vw; height: 100vh; position: absolute; top:0; bottom:0; left:0; right:0; z-index:-1;}
	#slideshow div { position:absolute; width:100vw; height:100vh; background-size:cover; -webkit-transition:opacity 3s; transition:opacity 3s }
	
		#slideshow :nth-child(1) { background-image:url(../images/background-01.jpg); background-position:center; }
		#slideshow :nth-child(2) { background-image:url(../images/background-02.jpg); background-position:center; }
		#slideshow :nth-child(3) { background-image:url(../images/background-03.jpg); background-position:center; }
		#slideshow :nth-child(4) { background-image:url(../images/background-04.jpg); background-position:center; }
		
	.js #slideshow div { opacity:0 } /* only hide images if js enabled */
	.js #slideshow .show, #slideshow .show { opacity:1 }
	
	footer{width:100%;height:45px;position:fixed;bottom:0;z-index:99999;background:rgba(0,0,0,0.8);}
		#social-footer{width:110px;padding-left:50px;padding-top:15px;float:left;}
		.social-cta-footer{display:block;width:20px;height:20px;float:left;}
			.fb{background:url(../images/facebook.png) no-repeat;}
			.insta{background:url(../images/instagram.png) no-repeat;}
			
		nav{width:500px;height:auto;float:none;margin:0 auto;}
			nav ul, li{list-style:none;}
			nav ul li{display:block;float:left;width:auto;height:auto;}
			nav ul li a{display:block;padding:0 20px;font-family:'Work Sans', sans serif; font-size:0.850em; font-weight:600; text-transform:uppercase;color:#fff;text-decoration:none;}
			nav ul li a:hover{color:#f2c923;}
			nav ul li a.activated{color:#f2c923;}
		
		.copyright{width:250px;float:right;margin-right:50px;padding-top:-12px;font-size:0.650em;color:#fff;text-align:right;}
		

	/* Form */

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		-webkit-appearance: none;
		display: block;
		border: 1px solid #eee;
		background: #ddd;
		border-radius: 0.15em;
		width: 100%;
		padding: 0.75em 1em 0.75em 1em;
		font-family:'Work Sans', sans serif; font-size:0.850em;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			background: #f8f8f8;
		}

	form input[type="text"],
	form input[type="email"]
	input[type="password"] {
		line-height: 1em;
	}

	form textarea {
		min-height: 8em;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
		font-style: italic;
		line-height: 1.35em;
	}

	form :-moz-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form ::-moz-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form ::-moz-focus-inner {
		border: 0;
	}
	
	/* Responsive CSS Styles */
	
	@media only screen and (min-width: 640px) and (max-width: 1023px) {
		
		#home{
			width:100%;
			height:500px;
			background:rgba(255,255,255,0.8);
			padding:25px 0 0 0;
			text-align:center;
		}
		#products{
			width:100%;
			height:500px;
			background:rgba(255,255,255,0.8);
			padding:25px 0 0 0;
			text-align:center;
		}
		#products p span{display:none;}
		#contact{
			width:100%;
			height:500px;
			background:rgba(255,255,255,0.8);
			padding:25px 0 0 0;
			text-align:center;
		}
	}
	
	@media only screen and (max-width: 959px) {
		#logo{display:none;}
		footer{display:none;}
		
		.mob-nav {
			display:block;z-index:9999;}
		
		.mob-nav > .mob-nav-btn {
			display: inline-block;
			position: absolute;
			right: 0px;
			top: 0px;
		  }
		.mob-nav > .mob-nav-btn > label {
			display: inline-block;
			width: 55px;
			height: 55px;
			background:url(../images/nav-icon.png) center no-repeat;
		  }
		.mob-nav > .mob-nav-btn > label:hover {
			background-color: rgba(244, 114, 50, 1);
		  }
		.mob-nav > .mob-nav-links {
			position: absolute;
			display: block;
			width: 100%;
			background:rgba(0,0,0,0.8);
			height: 0px;
			transition: all 0.3s ease-in;
			overflow-y: hidden;
			top: 55px;
			left: 0px;
		  }
		.mob-nav > .mob-nav-links > a {
		  display: inline-block;
			width: 100%;
		  }
		.mob-nav > #mob-nav-check:not(:checked) + .mob-nav-links {
			height: 0px;
		  }
		.mob-nav > #mob-nav-check:checked + .mob-nav-links {
			height:auto;
			overflow-y: auto;
		  }
	}
	
	@media only screen and (min-width: 960px) and (max-width: 1023px) {
		#logo{top:20px;left:20px;}
		#home, #products, .gallery-container, #contact{margin-top:120px;}
	}
	
	@media only screen and (min-width: 640px) and (max-width: 959px) {
		#home, #products, .gallery-container, #contact{margin-top:100px;}
	}
	
	@media only screen and (max-width: 639px) {
		#home{margin-top:70px;height:auto;padding:0;background:none;}
		
		#products{margin-top:70px;height:auto;padding:0;background:none;}
		
		#contact{margin-top:70px;height:auto;padding:0;background:none;}
		
		.gallery-container{margin-top:70px;height:auto;padding:15px 0 15px 0;background:rgba(255,255,255,0.9);}

		.mob-cont-home-a{display:none;}
		.mob-cont-home-b{display:block; width:90%; height:auto; margin:auto;padding:15px;background:rgba(255,255,255,0.9);}
		
		.mob-cont-products-a{display:none;}
		.mob-cont-products-b{display:block; width:90%; height:auto; margin:auto; text-align:left;padding:15px;background:rgba(255,255,255,0.9);}
		
		.mob-cont-gallery-a{display:none;}
		.mob-cont-gallery-b{display:block;}
		
		.mob-cont-contact{width:90%;height:auto;margin:auto;text-align:left;padding:15px;background:rgba(255,255,255,0.9);}
		
		.column {
		  -ms-flex: 50%; /* IE10 */
		  flex: 50%;
		  max-width: 50%;
		}
		
		h1{font-size:1.000em;line-height:1.2;}
		h2{font-size:0.900em;line-height:1.2;}
		p{font-size:0.800em;}
		
		#map iframe{width:100%;height:348px;}
	}