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

/* GENERAL */


@font-face {
	font-family: 'Glober SemiBold Free';
	src: url('GloberSemiBold.eot');
	src: url('GloberSemiBold.eot?#iefix') format('embedded-opentype'),
		url('GloberSemiBold.woff') format('woff'),
		url('GloberSemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}



body{	background-color:#444444;	font-family: 'Glober SemiBold Free';
			font-weight: 600;
			font-style: normal;	color:#222222;	font-size:12px;	margin:0 0 0 0;	padding:0 0 0 0;
		
}
h1{	color:#B3A78F;	font-size:34px;	font-weight:100;f
			font-family: 'Glober SemiBold Free';
			font-weight: 600;
			font-style: normal;
			}
h2{	color:#444;	font-size:24px;	font-weight:400;	margin-top:0px;	margin-bottom:0px;
			font-family: 'Glober SemiBold Free';
			font-weight: 600;
			font-style: normal;}

h3{	color:#444;	font-size:18px;	font-weight:400;	margin-top:0px;	margin-bottom:0px;
			font-family: 'Glober SemiBold Free';
			font-weight: 600;
			font-style: normal;}

ul{margin:0 0 0 0;}
li{margin:0 0 0 0;}

.container{border:0px #FF0004 solid;max-width:1280px;width:100%;height:100%;
margin-left: auto;margin-right: auto;text-align: center;}

a{text-decoration:none;font-weight:400;color:#FFF;}
a:hover{color:#666666;}
a:active{color:#669911;}

.floatLeft{float:left;}
.floatRight{float:right;}
.conetntpadding{padding-left:10px;padding-right:10px;}

.formLeft{float:left;width:18vw;}
.formRight{float:left;}
.clearfloat{clear:both;}

.full{width:98%;padding:1%;}
.third{width:30%;padding:1%;}
.quarter{width:23%;padding:1%;}
.threequarter{width:73%;padding:1%;}
.half{width:48%;padding:1%;}

.fl{float:left;}
.fr{float:right;}
.cf{clear:both;line-height:0px;}

.pCentre{width:100%;text-align:center;}
.pRight{width:100%;text-align:right;}
.pLeft{width:100%;text-align:left;}


.tl{text-align:left;}
.tr{text-align:right;}

.oTimesL{float:left;text-align: left;width:43%;padding: 1%;}
.oTimesR{float:left;text-align: right;width:53%;padding: 1%;}


/* HEADER */


#vid1{	position:relative;	top:35px;	opacity:1;}
#topVid{	position:relative;	top:35px;	opacity:1;height:45vw;}
#topVid2{	position:relative;	top:35px;	opacity:1;height:548px;}

#topVid{	position:relative;	top:35px;	opacity:1;height:436px;}
#topVidOverImage{	position:absolute;	top:35px; width:100%;max-width:1280px;	opacity:1;height:auto;}
/*#topVidOverImage{	position:absolute;	top:60px; width:100%;max-width:1280px;	opacity:1;height:436px;}*/
#vidInner{	opacity:0.7;	height:10px;	overflow:visible;}
#contentOver{	position:fixed;	top:100px;	width:100%;}
#contentOverTemplate{	position:fixed;	top:35px;left:-140px;	width:50%;}
.vidlogo{	width:100%;	text-align:center;	padding-top:10px;	box-shadow:#FFFFFF;}
.vidlogo img{	width:100%;}
#banner-home{width:100%;position: absolute;top: 0px;max-width:1280px;height:auto}
#banner{width:100%;position: absolute;top: 122px;max-width:1280px;height:auto}
img.homeTopBar{width:100%;}

.videoHolder{width:100%;max-width:1280px;max-height:548px;overflow: hidden;}
.videoHolderMP4{width:100%;max-width:1280px;max-height:548px;}
.videoHolderCanvas{width:100%;max-width:1280px;max-height:548px;position: absolute;top:18px;overflow:visible;}


#bannerActions{
	position: relative;top:-65px;width:100%;
	text-align: left;
	overflow: hidden;
	max-width:1280px;
	display:block;
}

#bannerLinks {display:none;}

#TenReasonsFLD{
	position: relative;
	left:19%;
	width:50%;
}
#TenReasonsFLD img{width: 75%;height:40px;}

#TenReasonsFLD input{width:200px;height:16px;border-radius: 0px;border:#000000 solid 1px;}

#freeConsFLD{	position: relative;	top:-40px;	left:51%;}
#freeConsFLD img{width: 75%;height:40px;}

#freeConsFLD2{	position: relative;	top:-5px;	left:3.5%;}
#freeConsFLD2 img{width: 75%;height:40px;}

.fcWhtBox{	width:38%;height:28px;padding-top:10px;padding-left:10px;border:1px #000000 solid;background-color:#FFFFFF;}
.fcWhtBox a{	color: #000000;font-weight: normal;}
	
.mainContent{	padding-top:40px;	background-color:#EEE;	text-align:left;	width:100%;	border:#FF0004 0px solid;}
.mainContent2{	padding-top:150px;}

.formContent{	color:#444444;	background-color:#FFFFFF;	text-align:center;	width:100%;}

.newsContent{	color:#222222;	background-color:#000000;	text-align:center;	width:100%;}
.contactContent{	color:#FFFFFF;	background-color:#EB8B03;	text-align:center;	width:100%;}
.contactContent h1{	color:#FFFFFF;}

/* NAVIGATION */

.nav {display:block;height:40px;color:#FFF;position:fixed;top:0px;background-color:#5a4724;width:100%;
margin-left: auto;margin-right: auto;text-align: center;z-index:100;font-size:14px;
border-bottom:1px #D8CFBD solid;}
.navText{margin-left:0px;margin-top:7px;}
#navMobile {position:fixed;top:0px;left:0px;display:none;height:40px;overflow:visible;z-index:101;width:100%;background-color:#fbe3b4;}
#navMobileButtons{display:none;margin-left:0px;padding-left:0px;}
.button1 {background-color:#fbe3b4;font-size:18px;margin-left:0px;width:100%;border-bottom:#757474 1px solid;padding:0px;color:#545353;}

#navMobileButtons li{	background-color:#fbe3b4;font-size:22px;width:100%;border-bottom:#757474 1px solid;padding:0px;color:#545353;list-style:none;display:block;margin-left:0px;padding-left:10px;padding-top:10px;padding-bottom:10px;}
#navMobileButtons li a{color:#000000;}

#nav {	border:#DC3436 0px solid;
			height:16px;
			overflow:visible;
}
#nav li{	list-style:none;padding-left:0px;display:inline-block;margin-left:0px;margin-right:2px;padding-right:8px;margin-top:6px;border-right:2px #FBE3B4 solid;font-weight:400;font-size:16px;font-family: 'Glober SemiBold Free';
			font-weight: 600;
			font-style: normal;
    		vertical-align: top;
			height:16px;
			overflow:visible;
			} /*text-transform: uppercase;*/
#nav li:last-child { border-right: none; }

#nav li ul{
	display:none;
	position:relative;
	left:-40px;
	width:50px;
	overflow:visible;
	-webkit-animation:opac 0.5s;animation:opac 0.5s
}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
#nav li ul li{
	border:#DC3436 0px solid;
	list-style:none;padding:10px;display:block;
	margin:0px;
	width:260px;
	overflow:visible;
	border-bottom:1px #000000 solid;
	background:rgba(248,227,185,0.8);
	background:rgba(175,164,144,1);
}
#nav li ul li:hover{
	background:rgba(248,227,185,1);
/*	background:rgba(175,164,144,1);*/
}
#nav li ul li a{
	color:#000000;
}
.navblack li ul li{
    background-image:none;
	background-color:#000000;
}
#nav li:hover ul { display:block; }
#nav li:hover ul li ul{ display:none; }

#nav li ul li ul{ display:none; }



.breadcrumb{width:100%;padding:5px;padding-left:10px;color:#000000;}
.breadcrumb a{color:#EEE;}

/* MAIN CONTENT HOME */

.intro1{float:left;width:48%;padding-left:0px;padding-right:1%;}
.intro2{float:left;width:48%;padding-left:1%;padding-right:0px;}

.contentLeft{width:45%;float:left;text-align:left;}
.contentRight{width:45%;float:right;text-align:left;}


.stoneTitleWide{background-color:#EBE9E0;padding:2px;padding-left:20px;padding-right:20px;width:100%;}
.stoneTitle1{background-color:#EBE9E0;padding:2px;padding-left:20px;padding-right:20px;width:280px;}
.stoneTitle2{background-color:#5E5649;padding:5px;padding-left:20px;padding-right:20px;width:150px;margin-left:auto;margin-right:50px;}

.stoneTitle2 h2{font-size:16px;color:#EBE9E0;}
.stoneTitle2 h2 a{font-size:16px;text-decoration:none;color:#EBE9E0;}

.textContent{padding-left:0;padding-right:0;width:100%;background-color:#EEE;}
	
.slab1{width:33%;float:left;border:0px #D5D5D5 solid;overflow:hidden;padding:0%;}
.slab01{width:33%;display:inline-block;margin:0;border:0px #D5D5D5 solid;overflow:show;padding:0%;}
.slab2{}
.slab3{}

.slabBtn{text-align:right;padding-top:7px;border:0px #FC0004 solid;margin-left:auto;margin-right:auto;background: rgba(0, 0, 0, 0.2);height:20px;color:#AAA;font-size:11px;}
.slabBtn a{color:#FFF;padding-right:10px;}

.slabTextContent{height:80px;text-overflow: ellipsis;background: rgba(0, 0, 0, 0.6);color:#EEEEEE;padding:3px;padding-left:10px;padding-right:10px;opacity:0;display:none;}

.slabText{	position:relative; top:-27px; height:0px;overflow:visible;opacity:1;display:block;}
.productSlab{width:100%; height:300px; background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover; border:#D3D3D3 1px solid;border-top:0px;}

.home1{float:left;text-align:left;width:60%;padding-left:0px;padding-right:0px;}
.home2{float:right;text-align:right;width:40%;}
.home2 img {width:100%;border:1px #DBDBDB solid;}

.productTile{width:100%; height:300px; background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover; border:#B0AA95 3px solid;}
.slabHeading{width:99%; padding:4px; padding-left:0px;padding-bottom:4px;background-color:#FFFFFF;border:#D3D3D3 1px solid;border-bottom:0px;}
.slabHeading h2{font-size:15px;font-weight:400;color:#584A4B;text-align:center;}

.home3{float:left;text-align:right;width:40%;}
.home3 img {width:100%;border:1px #DBDBDB solid;}
.home4{float:right;text-align:left;width:60%;padding-left:0px;padding-right:0px;border:0px #FF0000 solid;}

.contentBreak {height:100px;}
.contentLine {margin:auto;background-color:#888888;height:2px;width:50%;opacity:0.5;box-shadow: 1px 1px 5px #BBBBBB;}

input{width:20vw;	border-radius:6px;border: 2px solid #CCCCCC; }
.styled-select {border-radius:0px;border: 2px solid #CCCCCC; }
textarea{width:20vw;	height:10vw;border-radius:5px;}



#mbvideoOld{position:relative;left:50%;margin-left:-512px;height:600px;overflow:hidden;}
#mbvideo{width:100%;height:600px;}

.mNav{border:1px #757474 solid;background-color:#434343;border-radius:3px;height:20px;width:28px;margin-bottom:5px;margin-left:10px;}
.mNavline{border-bottom:1px #757474 solid;padding:2px;margin-left:3px;margin-right:3px;}
.bodyText{width:98%;padding:1%;border:0px #EA2E31 solid;}

.myGlasses{height:auto;width:96%;padding:2%;padding-top:40px;background-color:#E1E1D6;max-width:1280px;}
.myGlasses h2{color:#E1E1D6;}
input.size{width:50px;background-color:#706B59;color:#D4D4C9;}
.tickCross2{width:20px;height:20px;margin:0px; /* background-image:url('../images/tick.png'); */ background-repeat: no-repeat; border:0px #CF0D10 solid;}
.tickCross{width:20px;height:20px;margin:1%; /* background-image:url('../images/tick.png'); */ background-repeat: no-repeat;border:0px #CF0D10 solid;}

/* MAIN CONTENT TEMPLATE */

.largeHeaderImage{width:100%;height:350px; background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover;border-bottom:#644012 solid 0px;}
.selectImage{width:60px;height:60px;background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover; border:#111 1px solid;}

.Title3{/*background-color:#AFA490;*/padding:2px;padding-left:1%;padding-right:20px;width:450px;}

.patioArea{overflow:hidden;height:185px;border:0px #EC2529 solid;font-size:10px;	}

/* FOOTER */

.footer{background-color:#111;width:100%;margin-top:2px;padding-top:0px;padding-bottom:0px;}
.footer img{width:100%;}

.woodBG{background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover; background-image:url('woodBG.jpg');}
.glassBG{background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover; background-image:url('woodBG.jpg');}

.blackBG{background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover; background-color:#111111;max-width:1280px;}
.black2BG{background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover; background-color:#AFA490;max-width:1265px;}
.whiteBG{background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover; background-color:#FFFFFF;}

.MBthumb{width:45px; height:35px; background-repeat: no-repeat;  background-position: 50% 50%;  background-size: cover; border:#B0AA95 0px solid;margin-right:5px;margin-bottom:2px;}
.MBtextLine{padding-top:8px;}
.MBtextLine a{color:#ccc;font-weight:bold;font-size:11px;}
#seeMB{border:0px #C0C0C0 solid;padding:3px;}
.reasonsComponent{
	position:absolute;
	left:0px;
	top:140px;
}

.reasons{
	position:relative;
	left:-30px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding:10px;
	padding-left:40px;
	width:200px;
	border-radius: 20px;
	border: rgba(239,205,98,0.44) solid 4px;
	background:rgba(0,0,0,0.44);
	line-height:42px;
}
.reasonsLine {
	width:170px;
	border:2px #999999 solid;
	margin:5px;
}
.reasonsButton {
	background-image:url('../images/reasonsButton.png');
	width:162px;
	line-height:20px;
	height:24px;
	padding-top:10px;
	padding-left:10px;
	text-transform:uppercase;
}

.reasonsButton a{color:#444;}
.reasonsButton a:hover{color:#365A06;}

.reasons h1{
	color:#C9AE35;
	font-size:38px;
	
	margin: 0px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
}
.reasons h2{
	color:#C9AE35;
	font-size:19px;
	padding-left:3px;
	margin: 0px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
}
.reasons input{
	border:0px;
	border-radius:0px;
	background-color:(0,0,0,0.44);
	width:170px;
	font-size:10px;
	padding:5px;
	height:24px;
}
.freedispensingComponent{
	position:absolute;
	left:100%;
	margin-left:-550px;
	top:400px;
}
.freedispensing{
	margin-top: 20px;
	margin-bottom: 20px;
	padding:10px;
	padding-left:40px;
	width:500px;
	border-radius: 20px;
	border: rgba(239,205,98,0.44) solid 4px;
	background:rgba(0,0,0,0.44);
}
.freedispensing h1{
	color:#C9AE35;
	font-size:28px;
	text-align:center;
	
	margin: 0px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
}
.freedispensing h2{
	color:#C08D13;
	font-size:20px;
	text-align:center;	
	margin: 0px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
}
.freedispensing h3{
	color:#CCCCCC;
	font-size:12px;
	text-align:center;	
	margin: 0px;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
}

.freedispensingButton {
	background-image:url('../images/reasonsButton.png');
	width:162px;
	height:24px;
	padding-top:10px;
	padding-left:10px;
	text-transform:uppercase;
}
span.black{color:#000000;}
span.white{color:#FFFFFF;}


.footerLeft{float:left;width:20%;padding:1%;text-align: left; color:#FBE3B4;font-size:30px;margin-left:0px;font-weight:bold;}
.footerLeft a{color:#FBE3B4;}
.footerLeft h1{color:#FFFFFF;font-size:20px;}
.copyright{font-size:11px;margin-top:100px;}

.footerMid{float: left;width: 48%;padding: 1%;}
.footerMid img{height:240px;width:auto;}
img.imageHome {height:15vw;max-width: 300px;max-height: 215px; border: 0px solid #f00;}

.footerRight{float:left;width:20%;padding:1%;color:#FBE3B4;font-size:24x;margin-right:0px;font-weight:bold;}
.footerRight h1{color:#FFFFFF;font-size:20px;}

#map-zoomed{position: relative;top:-580px;left:20%;width:0px;height:0px;overflow: visible;display:none;}
#map-zoomed img{width:667px;height:544px;    max-width: 667px;    max-height: 544px;}

#map-zoomed-mobile {position:fixed;top:0px;left:0px;width:100%;height:100%;background: rgba(0,0,0,0.90); display:none;padding-top: 200px;}
#map-zoomed-mobile img{width:100%;height:auto;}

/*
.footerText{background-color:#444;color:#999;height:25px;width:100%;padding:5px;font-size:12px;}
.footerText a{color:#EEE;}
*/

@media screen and (max-width: 1110px) {
	#nav li {font-size:14px;}
}
@media screen and (min-width: 1024px) {
	/*desktop screen
	#dtVideo{display:block;}
	#mbvideo{display:none;}*/
	h1{}
	body{font-size:14px;}
	
}

@media screen and (max-width: 1280px) {
	#topVid{height:32vw;}
	#topVid2{height:45vw;}

}

@media screen and (max-width: 1800px) {
	/*small screen*/
	/*.slab1{width:23%;float:left;border:0px #9B9D6A solid;overflow:hidden;padding:1%;}*/
}
@media screen and (max-width: 1200px) {
	/*small screen*/
	.slab1{width:25%;float:left;border:0px #9B9D6A solid;overflow:hidden;padding:0%;}
}
@media screen and (max-width: 1024px) {
	/*small screen*/
	.slab1{width:33%;float:left;border:0px #9B9D6A solid;overflow:hidden;padding:0%;}
	#nav li {font-size:12px;}
	/*
	#dtVideo{display:none;}
	#mbvideo{display:block;}
	
	.nav {display:block;height:30px;color:#777;position:fixed;top:0px;left:0px;background-color:#fbe3b4;width:100%;z-index:100;font-size:14px;}
*/
}

@media screen and (max-width: 900px) {
	.footerRight{width:90%;padding-left:5%;padding-right:5%;}
	.footerLeft{width:90%;padding-left:5%;padding-right:5%;}
	
	#map-zoomed{position: relative;top:-580px;left:0px;width:0px;height:0px;overflow: visible;display:none;}
	#map-zoomed img{width:100%;height:auto;}

	#bannerActions {display:none;}
	#bannerLinks {display:block;}
	
	#banner{display:none;}
	
	#TenReasonsFLD2 { position:absolute;top:36vw;left:20%;}
	
	#freeConsFLD2 { position:absolute;top:36vw;left:50%;}
	
	.nav {display:none;}
	#navMobile {display:block;}
		
	.fl{float:none;}
	.fr{float:none;}
	
	.third{width:98%;padding:1%;}
	.quarter{width:98%;padding:1%;}
	.threequarter{width:98%;padding:1%;}
	.half{width:98%;padding:1%;}
	
	.textContent{width:100%;}
	.myStone{width:96%;}
	.selectImage{float:left;width:21%;padding:1%;height:100px;}

	.breadcrumb{width:96%;padding:5px;padding-left:10px;background-color:#8E8B80;color:#000000;}
	.stoneTitle3{background-color:#EBE9E0;padding:2px;padding-left:1%;padding-right:20px;width:96%;}

	.slab1{width:100%;float:left;border:0px #9B9D6A solid;overflow:hidden;padding:0%;}
	.slab01{width:100%;float:left;border:0px #9B9D6A solid;overflow:hidden;padding:0%;}

	.footerMid{float: left;width: 100%;text-align: center;}
	.footerMid img{height: 400px;}
	
	.mainContent{	padding-top:0px;}
}
@media screen and (max-width: 600px) {
	

	.slab1{width:100%;float:left;border:0px #9B9D6A solid;overflow:hidden;padding:0%;}
	
	.homeLeft{float:left;width:80%;padding:10px;margin:0px;}
	.homeRight{float:left;width:80%;padding:10px;margin:0px;}
	.formLeft{float:left;width:90%;}
	.formRight{float:left;width:90%;}
	input{width:90%;	}
	textarea{width:90%;	}
	/*small screen
	#mbvideo{margin-left:-512px;height:300px;transform: scale(0.75);}
	*/
}