@import url(//fonts.googleapis.com/css?family=Questrial:400,600,700,800);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);
body,html {  width: 100%;  height: 100%;  margin: 0;  padding: 0; background-color:#ffffff; font-family: 'Questrial', sans-serif; }

ol, ul {	list-style: none;}
h1 { font-weight:400; font-size:1.8em; margin:1% 0 1.5%;color:#402E6B; letter-spacing:-1px; font-weight:400;  text-align:left; }

h1.home {font-size:1.0em !important; color:inherit !important; margin:inherit !important; font-weight:inherit !important; letter-spacing:inherit !important;padding: 0;border: 0;outline: 0;}
h2 { font-weight:400; font-size:1.7em; margin:0px;color:#402E6B; letter-spacing:-1px; font-weight:400; text-align:center; }
h2.stylestitle { font-weight:400; font-size:2.5em; margin:1.5% 0;color:#402E6B; letter-spacing:-1px; font-weight:400;  text-align:center !important; }
.content_pad4 h2 { font-weight:400; font-size:1.4em; margin:0 0 2.5%;color:#402E6B; letter-spacing:-1px; font-weight:400; text-align:center; }
h3 { font-weight:400; font-size:1.4em; margin:12px 0 6px 0 ; color:#402E6B; letter-spacing:-1px; }
h4 { font-weight:400; font-size:1.2em; margin:12px 0 0 0 ; color:#402E6B; letter-spacing:-1px; }
hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:20px 0 20px 0}
.spacer {padding-top:80px;}
p{ color:#FFF; font-size:1.2em; margin:0px 0 8px 0; line-height:120%; font-weight:400;}
td{ color:#333; font-size:1em;}
strong {color:#000000;}
.left {float:left}
.right {float:right; }
.half { width:100%; height:auto; }
.black {color:#333333;}

.clearfix:after {    visibility: hidden;    display: block;    font-size: 0;    content: " ";    clear: both;    height: 0;    }
* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 

h2.blog {  font-size:1.7em; margin:0px 0 0 0px;color:#402E6B; letter-spacing:-1px; text-align:left; line-height:100%}

.videoholder {height:263px; border:0px; margin-top:-10px;margin-bottom:0px; width:100%; } 
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 0px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.clear {clear:both; }
.purple {color:#402E6B !important; }
.purplebg {background-color:#402E6B !important; color:#ffffff !important}

.holder {margin:0px auto; max-width:960px; position:relative; z-index:11;}
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

.fullholder {width:100%;}
.fullholder .holder {margin:0px auto 0;}

#header { width:100%; background-color:#fff; position:relative; z-index:7999; border-top:1px solid #ccc; margin-top:38px; }
#header.smaller {position:fixed; border-top:0px solid #ccc; margin-top:0px;  box-shadow: 0 4px 5px -5px gray;}

#header .logo { float:left; width:25%; margin-right:0;height:auto;margin-top:30px;margin-bottom:24px; position:relative; z-index:999;}
#header .logo span {display:none}
#header .logo img{ width:100%}

#header .tagline {width:23.5%; float:left; margin:30px 0 0 1.5%; line-height:0.9em; font-size:1em; font-style:italic; color:green}
#header .contactinfo {width:25%; float:left; margin:25px 0 0 0px; line-height:1.1em; font-size:1.0em; text-align:center; color:green}
#header .contactinfo a{color:green; text-decoration:none; }


#header a.enquiry{width:24%; float:right; margin:19px 0 0 1%; padding:1.5% 0 1.25%; line-height:0.9em; font-size:1.4em; text-align:center; background:#402E6B; color:#ffffff;text-transform:uppercase; text-decoration:none; transition:0.5s;}
#header a.enquiry:hover {background:#333333;}
#header .topnav {float:left;position:absolute; width:100%; height:40px;top:-40px; line-height:2.7em; }

.green {background-color:green !important; }

#header .topnav a{float:left; margin:0 20px 0 0; color:green; text-decoration:none }
#header .topnav a.spl{float:right; margin:0 0px 0 0; color:green; text-decoration:none }



.email-contact-h{color:green !important;height:20px; background: transparent url(images/email-icon.png) no-repeat 0px 0px;  background-size:contain; padding-left:32px; }
.phone-contact-h {color:green !important;height:20px;background: transparent  url(images/phone-icon.png) no-repeat 0px 0px; background-size:contain;padding-left:32px;}
.phone-disable {   pointer-events: none;   cursor: default ; }


.noflex {margin-top:15px !important;}
.noflex.smaller {margin-top:205px !important;}


.formleft {width:57%; float:left;}
.formright {width:40%; float:right;}
.formright h1 { font-size:2.8em !important; line-height:0.9em !important; }

#carousel2 { height:360px ; margin-bottom:10px;} 
#carousel2 .slide { height:360px ;background-color:#eee; position:relative; background-size:cover; background-position:center center}
#carousel2 .slide .cover {background-color:rgba(255,0,0,0.2); position:absolute; top:0; width:100%; height:100%;}
#carousel2 .slide .strapline { height:360px ; font-size:0.85em; }
#carousel2 .slide .strapline .title { font-family: 'Questrial'; padding:90px 0 0 0; color:#fff; text-transform:uppercase;text-shadow: 2px 2px 0px rgba(0,0,0,0.5) ; font-size:3.8em; font-weight:900; text-align:center; letter-spacing:-3px; line-height:1.18em;}
#carousel2 .slide .strapline .intro {font-family:'Questrial', sans-serif; text-align:center; padding:10px 100px; color:#fff;font-size:2.5em; font-weight:600;line-height:1.2em; letter-spacing:-1px; text-shadow: 2px 2px 0px rgba(0,0,0,0.5) ;}


.box { float:left; width:32%; margin-right:2%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.box:nth-of-type(3n){margin-right:0%;}
.box img{width:100%; }



#contactfooter {clear:both; width:100%; color:#666; background: #402E6B ;margin:2.5% auto 0; }
#contactfooter .holder {line-height:150%; font-weight:normal; margin:0px auto 0px; padding:20px 0 20px;  }
#contactfooter a { color:#fff; text-decoration:none;}
#contactfooter a:hover { color:#fff; text-decoration:underline;}
#contactfooter .title {margin:0px 0 10px; font-size:1.3em; font-weight:400; color:#fff;letter-spacing:-1px; }
#contactfooter p  {color:#fff;font-size:1em; line-height:1.2em; margin:0px 0 0px;  text-align:left}
#contactfooter .holder .qtr:nth-of-type(3) img{ margin-top:1.5% }

#contactfooter .holder .qtr:nth-of-type(4) img{ width:42%; margin-bottom:-5% }

#basefooter {font-size:1.0em;width:100%; background-color:#fff; color:#666; padding:0px 0}
#basefooter .holder {padding:10px 0;border-top:0px solid red}
#basefooter .holder div {width: 35%;float:left; text-align:left}
#basefooter .holder div:last-of-type {width: 35%;float:right; text-align:right}
#basefooter .holder a { color:#666;}	


#showqq {text-align:left;  height:12px; padding:9px 0; cursor:pointer}
#qqform {display:none;padding:0 2% 1%;}
#qqform input {height:32px !important; padding:0px!important}
#qqform select {height:32px !important; text-indent:0;padding:0px!important}
#qqform button.btn {width:100%; height:32px !important;padding:0% !important}
#qqholder,
#qqholder.hidden {  width:23.2%; background:#ffffff; border:3px solid #402E6B;  position:fixed; left:0; bottom:0px; padding: 0% 1% 1%; box-sizing:border-box; z-index:9999999}
#qqholder.display {bottom:0px !important; }


.maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 }
.maintextbox h2, .mainholder h2 {text-align:left;  }
.maintextbox p, .mainholder p{color:#333;  }
.maintextbox a, .mainholder a { text-decoration:none;}
.maintextbox a:hover, .mainholder a:hover {/*text-decoration:underline;*/}
.mainholder {clear:left;float:left; width:100%; margin:0% 0 ;height:auto;color:#333; text-align:left;  padding: 0}
/*SECOND LEVEL SETUP*/

.sidebar {float:right; width:31%;float:right; margin:0% 0 0 0 ; }
.sidebar .box, .sidebar .box2 {float:left; width:100%; margin:0 0% 10% 0%; height:auto; background-color: #fff; padding: 0 0 5% 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.sidebar img { width:100%}
.sidebar h2 {width:100%; margin:0 0 0% 0}
.sidebar .box .btn ,.sidebar .box2 .btn,
.sidebar .box p, .sidebar .box2 p { color: #333; padding:0 10%}
.mainholder ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul {padding:0px 0% 0}
.mainholder ul li , .maintextbox ul li , .sidebar ul li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 30px;line-height:1.2em; margin:2% 0 0 0%;font-weight:normal; font-size:1.2em; }

.mainholder ul li ul li , .maintextbox ul li ul li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 30px;line-height:1.0em; margin:2% 0 0 0%;font-weight:400; font-size:1.0em; }




.maintextbox ol li {list-style-type: default; padding-left: 30px;line-height:1em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; } 
.sidebar ul li {padding-left: 30px;}
.maintextbox ul li a, .sidebar ul li a{ color:#333333; font-weight:normal;}
.maintextbox ul li a, .sidebar ul li a:hover{text-decoration:underline !important; }

#cform fieldset {margin:5% 0% 2%; padding:0; border:0px; width:100%}
#cform input, #cform select {float:left; color:#333; background-color:#ddd; width:100%; text-indent:10px; margin:0 0 10px 0%;border:0px; padding: 3% 0%; font-family: 'Source Sans Pro', sans-serif;font-size:1em;}
#cform textarea {float:left; color:#333; background-color:#ddd; width:94%; boz-sizing:border-box;height:90px; margin:0 0 15px 0;border:0px;  padding:3%; font-family: 'Source Sans Pro', sans-serif;font-size:1em;}
#cform .btn {text-align:center;  font-size:1.3em; font-weight:bold;background-color:#402E6B;color:#ffffff;  width:auto; margin:2% 0 0 ; float:right; border:0px; padding: 3% 5% ; font-family: 'Questrial', sans-serif; }
#cform fieldset label {float:left;width:100%; margin:0px 0 6px;  font-size:1.3em; color:#402E6B; font-family: 'Questrial', sans-serif;  }
#cform fieldset input[type=checkbox] {float:right;width:20px; margin:0px 0px 20px 0px; background-color:#606266;}

#map {float:left; width: 100%; height: 360px;}






.showf {display:none; }




.content_pad {position:relative;padding:5% ; font-size:1.8em;  line-height:1.2em}
.content_pad2 {position:relative;padding:10% ; font-size:1.4em; line-height:1.2em; text-align:center;}

.content_pad3 {position:relative;padding:5% ; font-size:1.4em; line-height:1.2em; text-align:left;}
.content_pad4 {position:relative;padding:5% ; font-size:1.1em;  text-align:left;}
.content_pad5 {position:relative;padding:5% ; font-size:1.21em;  line-height:1.2em;text-align:left;}

.content_pad3 a {color:#402E6B;}

a.cat { position:relative; display:block; }
a.cat h2 {position:absolute; top:0; text-align:center; width:100%; margin:47% 0;   transition:0.6s;}
a.cat img {position:absolute; top:0; width:90%; height:auto; margin:6% 5%;}
.stopwatch { background-image:url(images/stopwatch.png); background-size:cover}
.stopwatch div  {float:right; width:38%; box-sizing:border-box;padding:3% 5%;  font-size:1.4em; line-height:1.15em;margin:5% 5% 0 0; background:#402E6B; color:#fff; text-align:center; display:block}
.tradeshow div  {float:left; width:38%; box-sizing:border-box;padding:3% 5%;  font-size:1.4em; line-height:1.15em;margin:5% 0 0 5%; background:#402E6B; color:#fff; text-align:center; display:block}
.tradeshow { background-image:url(images/tradeshow.png); background-size:cover}


a.cat:hover  h2 {font-size:1.8em; }

.qtr { float:left;  width:23.5%; margin-right:2%; height:auto; 	box-sizing: border-box; 	 }
.qtr:nth-of-type(4n){margin-right:0%;}
.section {	clear: both;	padding: 0px;	margin: 0px;}
.col {	display: block;	float:left;	margin: 1% 0 1% 2.4%; box-sizing:border-box;	-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; background-color:#E4E4E4; padding:0%;  overflow:hidden;}


.showbag, .showbagno  {transition:0.5s; position:relative; z-index:2;cursor:pointer; background: #E4E4E4;}
.showbagRH {transition:0.5s; position:relative;cursor:pointer; background: #E4E4E4;}
.showbag img,
.showbagno img,
.showbagRH img{width:100%; height:auto ; padding:0 0%;transition:0.3s;position:relative;  z-index:3; }
.showbag:hover img,
.showbagRH:hover img{width:94%; margin:3%; height:auto ; padding:0 0%; opacity:0.8}
.showbag:hover,
.showbagRH:hover{background-color: #c4c4c4 !important  }
.showbag:after,
.showbagRH:after {opacity:0.0; content:'WANT THIS BAG?'; width:60%;padding:5%; background:#402E6B;  color:#ffffff; font-size:1.4em;float:left; margin:-55% 15%; text-align:center; position:relative;  z-index:999;transition:0.5s;}
.showbag:hover:after,
.showbagRH:hover:after {opacity:1;content:'WANT THIS BAG?'; width:60%;padding:5%; background:#402E6B;  color:#ffffff; font-size:1.4em;float:left; margin:-60% 15%; text-align:center; position:relative;  z-index:999;}






.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%; height:0; padding-bottom:100%;}
.span_3_of_4 {width: 74.4%; height:0; padding-bottom:73.6%;}
.span_3_of_4B {width: 74.4%; height:0; padding-bottom:23.2%;}
.span_2_of_4 {width: 48.8%; height:0; padding-bottom:48.4%;}
.span_1_of_4 {width: 23.2%; height:0; padding-bottom:23.2%;}
.span_1_of_4C {width: 23.2%; height:0; padding-bottom:15.2%;}
.span_2_of_4B {width: 48.8%; height:0; padding-bottom:23.2%;}
.span_2_of_4C {width: 48.8%; height:0; padding-bottom:28.2%;}


.blogmain {float:left;width:74.4%; }
.blogcats {float:right;width:23.2%; }

.blogmain a, .blogcats a {color:#333; }

.listing {clear:both; float:left; width:100%; margin:0% 5% 2.5% 0%; height:auto; }
.listing img {float:left;  width:28.5%; border: 0; margin:0% 2.5% 0% 0%;}
.listing h2  {float:right;width:66%; margin:0 0 3% 0%; text-align:left; }
.listing p{ float:right;width:66%; margin:-1% 0 2% 0%; text-align:left;  font-weight:normal}
.listing p.date{float:right;width:66%; margin:-2% 0 2% 0%; text-align:left; font-weight:bold}
.listing .btn2{clear:both; float:right; width:34%; font-size:1.2em; padding:2% 0px 1.5%; }

#qform .question a{color:#402E6B !important };

#qform .steps,#qform .steps2 {width:100%; background:#fff;border-bottom:3px solid #ccc;  padding-bottom:2%; margin-bottom:2% ; position:relative;}
#qform .steps .title, #qform .steps2 .title{width:18%;float:left; color:#402E6B; font-size:1.9em; text-align:center; letter-spacing:-2px; padding:1.5% 1%}
#qform .steps .step:nth-of-type(odd), #qform .steps2 .step:nth-of-type(odd){float:left; text-align:center; font-size:1.4em;background:#fff; }
#qform .steps .step:nth-of-type(even), #qform .steps2 .step:nth-of-type(even){float:left; text-align:center; font-size:1.4em; background:#fff;}

#qform .steps .step:nth-of-type(odd){width:8%;}
#qform .steps .step:nth-of-type(even){width:8%;}
#qform .steps2 .step:nth-of-type(odd){width:10%;}
#qform .steps2 .step:nth-of-type(even){width:10%;}

#qform .step .stitle{color:#402E6B; font-weight:600; font-size:0.7em; width:100%; margin-top:3%}
#qform .step .circ{border-radius:50%; width:60%; margin:5% 20%; height:0px; padding-bottom:55%; background:#EAEAEA; box-sizing:border-box; border:3px solid #D1D1D1}
#qform .step .circ.set{border:3px solid #402E6B}
#qform .step .option{color:#333333; font-weight:600; font-size:0.7em; width:100%;}

#qform .question { width:100%; font-size:1.2em;padding:0% 0% }
#qform .question h1 { text-align:center; }

#qform .question h3 { text-align:center; }
#qform .question p {color:#444; padding:0 5%; box-sizing:border-box}
#qform .question img {max-width:100%; }

#qform .controls { position:fixed; width:100%; background:#EBEBEB; bottom:0px; height:auto; font-size:1.2em;padding:0% 0% }
#qform .controls .onesidetext { width:80%; float:left;  padding:1% 0% ;  font-size:1.2em; text-align:center;}
#qform .controls a.nextbtn {width:20%;float:left; margin:0px 0 0 0%; padding:1% 0% ;  font-size:1.2em; text-align:center; background:#402E6B; color:#ffffff;text-transform:uppercase; text-decoration:none;}

#qform input[type=radio] {   display: none;}
#qform .qopts { margin:0 0 0; padding:0; }
#qform .qopts li {  float: left;  text-align: center; cursor:pointer !important;  display:block !important; background:#eee}
#qform .qopts li:hover { background:#dddddd  }
 #qform .qopts li label {width:100% !important; }
#qform .qopts li p {color:#444; padding:0 5%; box-sizing:border-box}

#qform .qopts li h3,
#qform .qopts li p,
#qform .qopts li img{cursor:pointer !important; }

#qform .qopts li img{
 display: block; /* requirement */
    /* fix */
    pointer-events: none;
    position: relative;
margin:5% 12.5%;


}

#qform .qopts label{
 display: inline-block;
    position: relative;

}

#qform .qopts li:first-child:nth-last-child(1) {    width: 40%; margin:0 30%}

#qform .qopts li:first-child:nth-last-child(2),
#qform .qopts li:first-child:nth-last-child(2) ~ li {    width: 30%;margin:0 10% 2%}

#qform .qopts li:first-child:nth-last-child(3),
#qform .qopts li:first-child:nth-last-child(3) ~ li {    width: 31.3333%;margin:0 1% 2%}

#qform .qopts li:first-child:nth-last-child(4),
#qform .qopts li:first-child:nth-last-child(4) ~ li {    width: 23%; margin:0 1% 2%}

#qform .qopts li:first-child:nth-last-child(5),
#qform .qopts li:first-child:nth-last-child(5) ~ li {    width: 18%;margin:0 1%}

#qform .qopts li:first-child:nth-last-child(6),
#qform .qopts li:first-child:nth-last-child(6) ~ li {   width: 14.66%;margin:0 1% 2% /*width: 29.3333%;margin:0 2%*/ }

#qform .qopts li:first-child:nth-last-child(7),
#qform .qopts li:first-child:nth-last-child(7) ~ li {   /* width: 14.28%;*/width: 23%;margin:0 1% 2%}

#qform .qopts li:first-child:nth-last-child(8),
#qform .qopts li:first-child:nth-last-child(8) ~ li {    width: 10.5%;margin:0 1% 2%}

#qform .qopts li:first-child:nth-last-child(9),
#qform .qopts li:first-child:nth-last-child(9) ~ li {    /*width: 11.11%;*/ width: 18%; margin:0 1% 2%}

#qform .qopts li:first-child:nth-last-child(10),
#qform .qopts li:first-child:nth-last-child(10) ~ li {   /*width: 10%;*/width: 18%; margin:0 1% 2%}

#qform .qopts li:first-child:nth-last-child(14),
#qform .qopts li:first-child:nth-last-child(14) ~ li {    width: 12.28%;margin:0 1% 2%}

#qform .qopts li:last-child {margin-bottom:80px !important;}

.mainvid {margin-top:1%; margin-bottom:1%}
.mainquotebtn {width:100%; box-sizing:border-box;padding:3% 5%;  margin:5% 0 0 0; background:#402E6B; color:#fff; text-align:center; display:block}
.small_quote .leftquote {position:absolute; top:0.4em; left:0.125em; color:#ffffff; font-size:6em; opacity:0.5;}
.small_quote .rightquote {position:absolute; bottom:0.6em; right:0.125em; color:#ffffff; font-size:6em; opacity:0.5;}


.ui-datepicker-today a.ui-state-highlight {   background: #ccc ; color: #000;  }
img.ui-datepicker-trigger {position:relative;  margin:-43px 8px 0 0; float:right;}


@media only screen 
and (min-width : 0px) 
and (max-width : 991px){

	.holder {width:96%;font-size:1em; padding:0 2%}
	#header { width:100%; margin:0px; height:82px;padding:0px; background:#402E6B;}
	#header .holder{ width:100%; margin:0px;padding:15px 0;}
	#header .logo {width:auto;  margin: 10px 0 0 2%}
	#header .logo img{ height:100%; width:auto; }
	#header .tagline {display:none; width:25%; float:left; margin:30px 0 0 1.5%;  font-size:1.56vw; line-height:1.5vw !important;}
	#header .contactinfo {width:auto; float:right; margin:5px 24px 0 0px;font-size:16px; line-height:24px !important; text-align:center; }

	.phone-contact-h {float:left; height:24px;background: transparent  url(images/phone-icon.png) no-repeat 0px 0px; background-size:contain;padding-left:32px; margin:-5px 0 5px 0}
	.email-contact-h{clear:both; float:left; height:24px; background: transparent url(images/email-icon.png) no-repeat 0px 0px;  background-size:contain; padding-left:32px; }
	.phone-contact-h span { }
	.email-contact-h span { }
	.phone-disable {   pointer-events: auto;   cursor: default; }
	

	#header a.enquiry{width:auto; float:right; margin:0px 76px 0 0; height:26px; padding:10px 10px !important; font-size:24px; line-height:24px !important; }
	#header a.enquiry span {display:none; }
	#header .topnav {display:none; }

	.videoholder {height:263px; border:0px; margin-top:-30px;margin-bottom:0px; width:100%; } 
	
	#carousel2 { height:320px !important; margin-bottom:10px;} 
	#carousel2 .slide { height:320px !important; position:relative}
	#carousel2 .slide .strapline { height:320px !important; font-size:0.85em; }
	#carousel2 .slide .strapline .title {  padding:90px 30px 0 30px;  font-size:3.0em; }
	
	#header,
	#header.smaller {position:fixed  !important; border-top:0px solid #ccc; margin-top:0px;  box-shadow: 0 4px 5px -5px gray;}
	
	.noflex,
	.noflex.smaller {margin-top:95px !important;}

	#contactfooter {clear:both; width:100%;;margin:0px auto 0;}
	#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
	#contactfooter .title {margin:0px 0 10px; font-size:1.2em; }
	#contactfooter p  {font-size:1.1em; line-height:1.2em; margin:0px 0 0px;  text-align:left}
	#basefooter {width:100%; padding:6px 0}
	#basefooter .holder a {}	
	
	.mainholder img{width:100%; height:auto ; padding:0 0%; }


	.fullholder {clear:both; width:100%; background-color: #fff; padding:0% 0; margin:0 0 0% 0;height:auto; }
	.fullholder .holder {margin:0; }

	.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0% 3%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}
	.maintextbox h2, .mainholder h2 {text-align:left;  }
	.maintextbox p, .mainholder p{color:#333;  }
	.maintextbox a, .mainholder a, .sidebar a { text-decoration:none;}
	.maintextbox a:hover, .mainholder a:hover, .sidebar a:hover {text-decoration:underline;}
	.mainholder {clear:left;float:left; width:100%; height:auto; text-align:left; padding:0 0%; margin:1.5% 0}
	
	.qtr { float:left;  width:49%; margin-right:2%; height:auto; 	box-sizing: border-box; 	 text-align:center; margin-bottom:20px; }
	.qtr:nth-of-type(3n){clear:both}
	
	.qtr:nth-of-type(2n){margin-right:0%;}
	#contactfooter p  {line-height:1.2em; margin:0px 0 0px;  text-align:center}
	.qtr:nth-of-type(4) img{width:34%; height:auto}
	#contactfooter .holder .qtr:nth-of-type(4) img{ width:30%; margin-bottom:-5% }
	
	
	.blogmain {float:none; width:100%; }
	.blogcats {display:none;float:none; width:100%;}

	.listing {clear:both; float:none; width:100%; margin:0%; height:auto;}
	.listing img {float:right; width:100%; border: 0px;margin:0 0 3% 0%;}
	.listing h2  {float:left;width:100%; margin:0 0 3% 0%; text-align:left;}
	.listing p{float:left;width:100%;  margin:-1% 0 5% 0%; text-align:left}
	.listing p.date{float:left;width:100%;  margin:-2% 0 2% 0%; text-align:left; font-weight:bold}

	
	#showqq {text-align:left;  height:27px; padding:7px 0 0px; cursor:pointer}
	#qqholder,
	#qqholder.hidden {  width:100%; background:#ffffff; border:3px solid #402E6B;  position:absolute; left:0; top:-45px; padding: 0% 1% 1%; box-sizing:border-box;}
	#qqholder.display {top:-282px !important; }


}


@media only screen 
and (min-width : 0px) 
and (max-width : 920px){
.phone-contact-h {float:left; color: #333333 !important;height:24px;background: transparent  url(images/phone-icon.png) no-repeat 0px 0px; background-size:contain;padding-left:32px; margin:-5px 0 5px 0}
.email-contact-h{clear:both; float:left; color: #333333 !important;height:24px; background: transparent url(images/email-icon.png) no-repeat 0px 0px;  background-size:contain; padding-left:32px; }
.phone-contact-h span { display:none}
	.email-contact-h span { display:none}


#qform .steps, #qform .steps2 {width:100%; background:#fff;border-bottom:3px solid #ccc;  padding-bottom:2%; margin-bottom:2% ; position:relative;}
#qform .steps .title, #qform .steps2 .title{width:100%;float:left; color:#402E6B; font-size:2em; text-align:center; letter-spacing:-2px; padding:0% 0% 1.5%}
#qform .steps .step:nth-of-type(odd), #qform .steps2 .step:nth-of-type(odd){float:left; text-align:center; font-size:1.4em;background:#fff; }
#qform .steps .step:nth-of-type(even), #qform .steps2 .step:nth-of-type(even){float:left; text-align:center; font-size:1.4em; background:#fff;}

#qform .steps .step:nth-of-type(odd){width:10%;}
#qform .steps .step:nth-of-type(even){width:10%;}
#qform .steps2 .step:nth-of-type(odd){width:12.5%;}
#qform .steps2 .step:nth-of-type(even){width:12.5%;}



#qform .step .stitle{font-size:0.5em; width:100%; margin-top:3%}
#qform .step .option{font-size:0.5em; width:100%;}

#qform .question { width:100%; font-size:1.2em;padding:0% 0% }
#qform .question h1 { text-align:center; }

#qform .controls { position:fixed; width:100%; background:#EBEBEB; bottom:0px; height:auto; font-size:1.2em;padding:0% 0% }
#qform .controls .onesidetext { width:80%; float:left;  padding:1% 0% ;  font-size:1.0em; text-align:center;letter-spacing:-1px; }
#qform .controls a.nextbtn {width:18%;float:right; margin:0px 0 0 0%; padding:1% 1% ;  font-size:1.0em; text-align:center; background:#402E6B; color:#ffffff;text-transform:uppercase; text-decoration:none;}



#qform .qopts li:first-child:nth-last-child(1) {    width: 100% !important;}

#qform .qopts li:first-child:nth-last-child(2),
#qform .qopts li:first-child:nth-last-child(2) ~ li {     width: 23%; margin:0 1% 2%; }

#qform .qopts li:first-child:nth-last-child(3),
#qform .qopts li:first-child:nth-last-child(3) ~ li {      width: 23%; margin:0 1% 2%; }

#qform .qopts li:first-child:nth-last-child(4),
#qform .qopts li:first-child:nth-last-child(4) ~ li {     width: 23%; margin:0 1% 2%; }

#qform .qopts li:first-child:nth-last-child(5),
#qform .qopts li:first-child:nth-last-child(5) ~ li {     width: 23%; margin:0 1% 2%; }

#qform .qopts li:first-child:nth-last-child(6),
#qform .qopts li:first-child:nth-last-child(6) ~ li {      width: 23%; margin:0 1% 2%; }

#qform .qopts li:first-child:nth-last-child(7),
#qform .qopts li:first-child:nth-last-child(7) ~ li {     width: 23%; margin:0 1% 2%; }

#qform .qopts li:first-child:nth-last-child(8),
#qform .qopts li:first-child:nth-last-child(8) ~ li {     width: 23%; margin:0 1% 2%; }

#qform .qopts li:first-child:nth-last-child(9),
#qform .qopts li:first-child:nth-last-child(9) ~ li {     width: 23%; margin:0 1% 2%; }

#qform .qopts li:first-child:nth-last-child(10),
#qform .qopts li:first-child:nth-last-child(10) ~ li {      width: 23%; margin:0 1% 2%; }

#qform .qopts li:first-child:nth-last-child(14),
#qform .qopts li:first-child:nth-last-child(14) ~ li {     width: 23%; margin:0 1% 2%; }


#qform .qopts li:nth-of-type(4n+1) {/*clear:both; */}

}
@media only screen 
and (min-width : 0px) 
and (max-width : 644px){
.nomob {display:none !important}
	

#header .contactinfo { float:right; margin-right:76px; }
#header a.enquiry{ display:none;}
	.phone-contact-h { height:36px; width:36px;padding-left:20px;  margin-right:0px;margin-top:5px;}
	.email-contact-h{ clear:right !important;height:36px; width:36px;padding-left:0px;  margin-right:0px;margin-top:2px;}
	.phone-contact-h span,
	.email-contact-h span{ display:none}
	

	#carousel2 { height:240px !important; margin-bottom:10px;} 
#carousel2 .slide { height:240px !important; position:relative}
#carousel2 .slide .strapline { height:240px !important; font-size:0.85em; }
#carousel2 .slide .strapline .title {  padding:50px 30px 0 30px;  font-size:2.2em;line-height:100%; letter-spacing:-1px; }
#carousel2 .slide .strapline .intro { padding:10px 30px; font-size:1.4em;  }



#contactfooter .holder { width:94%; margin:0 3% 1% 3%; background:none;}
#contactfooter .thanks {float:left; width:100%; font-size:1.0em;  font-weight:600; letter-spacing:-1px;margin:12px 0 3% 0%;}
#contactfooter .thanks .title {margin-bottom:10px;}
#contactfooter .thanks img {width:100%; margin-top:-10px; }
#contactfooter .info  {float:right; width:100%; text-align:center; color:#333;font-size:0.9em; line-height:1.2em; margin:0px 0 20px; }


#contactfooter .holder .qtr {width:100%; text-align:center;margin:0px 0 10px }
#contactfooter p  {line-height:1.2em; margin:0px 0 0px;  text-align:center}

#basefooter .holder {font-size:1em;}
#basefooter .holder div {width: 100%;float:left; text-align:center; font-weight:300; }
#basefooter .holder div a {font-weight:300;text-align:center }
#basefooter .holder div:last-of-type {width: 100%;float:right; text-align:center}
.videoholder {height:283px; border:0px; margin-top:-50px;margin-bottom:0px; width:100%; } 

}

@media only screen 
and (min-width : 0px) 
and (max-width : 568px){
.leftoptions,
.rightoptions{width:100% !important; clear:both;}
.leftoptions img { max-width:100%; padding-bottom:5%}

#header { width:100%; margin:0px; height:82px;padding:0px; background:#402E6B;}
	#header .holder{ width:100%; margin:0px;padding:15px 0;}
	#header .logo {width:60%;  margin: 15px 0 0 3%}
	#header .logo img{ height:auto; width:100%; }
#header .contactinfo { float:right; margin-right:72px; }
.phone-contact-h { height:30px; width:30px;padding-left:0px;  margin-right:0px;margin-top:8px;}
	.email-contact-h{display:none; clear:right !important;height:30px; width:30px;padding-left:0px;  margin-right:0px;margin-top:5px;}
	


	
	#options { width:94%;  margin:-11% 3% 3% 3%; background-color:#777777;padding:20px 20px 00px 20px; box-sizing: border-box; }
	#options.holder .box { float:left; width:100%; margin-right:0%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
	#options.holder .box .icon { float:left;width:13%; height:100%;}
	#options.holder .box:nth-of-type(2n){margin-right:0%;}
	#options.holder .box:nth-of-type(3n){margin-right:2%;}
	#options.holder .box h3{ float:right; width:80%;padding:0px 0px 0; margin:0 0 0 5%;font-size:1.3em; font-weight:600;  line-height:210%; text-align:left; color:#ffffff}
	
	
	.flexslider .slides li {    position:relative; height:240px;}
	.hpbtns {margin-top:-222px;text-align:center}
	

.formleft {display:none;width:100%; float:left;}
.formleft h1{width:50%; float:left;}
.formleft img{width:50%; float:right;}
.formright {width:100%; float:right;}



#qform .steps,#qform .steps2 {width:100%; background:#fff;border-bottom:3px solid #ccc;  padding-bottom:2%; margin-bottom:2% ; position:relative;}
#qform .steps .title, #qform .steps2 .title{width:100%;float:left; color:#402E6B; font-size:1.2em; text-align:center; letter-spacing:-2px; padding:0% 0% 1.5%}
#qform .steps .step:nth-of-type(odd), #qform .steps2 .step:nth-of-type(odd){float:left; text-align:center; font-size:1.4em;background:#fff; }
#qform .steps .step:nth-of-type(even), #qform .steps2 .step:nth-of-type(even){float:left; text-align:center; font-size:1.4em; background:#fff;}

#qform .steps a:nth-of-type(odd) .step{width:20%;}
#qform .steps a:nth-of-type(even) .step{width:20%;}
#qform .steps2 a:nth-of-type(odd) .step{width:25%;}
#qform .steps2 a:nth-of-type(even) .step{width:25%;}

#qform .steps a:nth-of-type(6n) .step {clear:both;}
#qform .steps2 a:nth-of-type(5n) .step{clear:both; }

#qform .step .stitle{font-size:0.6em; width:100%; margin-top:3%}
#qform .step .option{ font-size:0.6em; width:100%;}



#qform .question { width:100%; font-size:0.7em;padding:0% 0% }
#qform .question h1 { text-align:center; }

#qform .controls { position:fixed; width:100%; background:#EBEBEB; bottom:0px; height:auto; font-size:1.2em;padding:0% 0% }
#qform .controls .midtext {display:none; width:80%; float:left;  padding:1% 0% ;  font-size:1em; text-align:center; letter-spacing:-1px; }
#qform .controls .onesidetext {display:none;  width:100%; float:left;  padding:1% 0% ;  font-size:1.0em; text-align:center;letter-spacing:-1px; }
#qform .controls a.nextbtn {width:100%;float:right; margin:0px 0 0 0%; padding:1% 0% ;  font-size:1.0em; text-align:center; background:#402E6B; color:#ffffff;text-transform:uppercase; text-decoration:none;}

#qform .qopts{width:97% !important; padding:0 1.5%}

#qform .qopts li:first-child:nth-last-child(1) {  width: 50% !important; margin:0 25% 2%!important; }

#qform .qopts li:first-child:nth-last-child(2),
#qform .qopts li:first-child:nth-last-child(2) ~ li {    width: 48% !important; margin:0 1% 2%!important; }

#qform .qopts li:first-child:nth-last-child(3),
#qform .qopts li:first-child:nth-last-child(3) ~ li {      width: 48% !important; margin:0 1% 2%!important; }

#qform .qopts li:first-child:nth-last-child(4),
#qform .qopts li:first-child:nth-last-child(4) ~ li {     width: 48% !important; margin:0 1% 2%!important; }

#qform .qopts li:first-child:nth-last-child(5),
#qform .qopts li:first-child:nth-last-child(5) ~ li {      width: 48% !important; margin:0 1% 2%!important; }

#qform .qopts li:first-child:nth-last-child(6),
#qform .qopts li:first-child:nth-last-child(6) ~ li {     width: 48% !important; margin:0 1% 2%!important; }

#qform .qopts li:first-child:nth-last-child(7),
#qform .qopts li:first-child:nth-last-child(7) ~ li {    width: 48% !important; margin:0 1% 2%!important; }

#qform .qopts li:first-child:nth-last-child(8),
#qform .qopts li:first-child:nth-last-child(8) ~ li {    width: 48% !important; margin:0 1% 2%!important; }

#qform .qopts li:first-child:nth-last-child(9),
#qform .qopts li:first-child:nth-last-child(9) ~ li {    width: 48% !important; margin:0 1% 2%!important; }

#qform .qopts li:first-child:nth-last-child(10),
#qform .qopts li:first-child:nth-last-child(10) ~ li {    width: 48% !important; margin:0 1% 2%!important; }

#qform .qopts li:first-child:nth-last-child(14),
#qform .qopts li:first-child:nth-last-child(14) ~ li {    width: 48% !important; margin:0 1% 2%!important; }


#qform .qopts li:nth-of-type(odd) {clear:both; }

.uploadform {width:100%!important; margin: 6px 0% 0 !important;}
.uploadform button {width:100%!important; margin: 6px 0% 0 !important;}
a.sendbtn3{width:100%!important; margin: 6px 0% 0 !important;}


}



/*  TYPICAL SMALL TABLET SIZING FROm 640 to 480 */
@media only screen 
and (min-width : 0px) 
and (max-width : 644px){
	.col {  margin: 2.4% 1.2% 0% 0%; } /* NEEDS FIFIXNG */
	.span_1_of_4 {width: 48.8%; height:0; padding-bottom:48.8%;}
	.span_2_of_4 { width: 100%; height:auto; padding-bottom:1%;}

	.col {  margin: 1% 0 2.4% 0%; }
	
	
	.span_1_of_4.showbag,	.span_1_of_4.showbagno{ width: 48.8%; height:0; padding-bottom:48.8%;}
	.span_2_of_4, .span_3_of_4,.span_3_of_4B, .span_4_of_4 { width: 100%; height:auto; padding-bottom:1%;}
	.span_2_of_4B { width: 100%; height:0; padding-bottom:48.8%;}
	.span_2_of_4C { width: 100%; height:0; padding-bottom:56.4%;}


.span_1_of_4C {width: 100%; height:0; padding-bottom:56.8%;}
.span_1_of_4C:nth-of-type(odd){ clear:none; }

.span_1_of_4C:nth-of-type(3) {margin: auto; }
.span_1_of_4C h2 {font-size:1.8em;}
.stopwatch div{float:right; width:45%;  }
.tradeshow div {float:left; width:45%;  }
.showbag:nth-of-type(3){ float:right}
.showbag:nth-of-type(5){ float:right}
.small_quote {width: 100%; height:auto; padding-bottom:1%; margin: 0% 1.2% 1.2% 0%;}
h1 {text-align:center; font-size:1.4em !important; }
h2 {text-align:center; font-size:1.3em !important; }
.formright h1 { font-size:1.4em !important; line-height:0.9em !important; }

.content_pad {position:relative;padding:5% ; font-size:1.8em;  line-height:1.2em; text-align:center;}
.content_pad2 {position:relative;padding:10% ; font-size:1.4em; line-height:1.2em; text-align:center;}

.content_pad3 {position:relative;padding:5% ; font-size:1.1em; line-height:1.2em; text-align:center;}
.content_pad4 {position:relative;padding:5% ; font-size:1.1em;  text-align:center;}
.content_pad5 {position:relative;padding:5% ; font-size:1.00em;  line-height:1.2em;text-align:center;}
.flexheight {height:auto !important; padding-bottom:3%!important;}
}

/* GRID */




@media (min-width: 1200px){
.holder {    max-width: 1170px!important; }
 .content_pad {position:relative;padding:5% ; font-size:2em;  line-height:1.3em}
.content_pad2 {position:relative;padding:10% ; font-size:1.6em; line-height:1.25em; text-align:center;}
.content_pad3 {position:relative;padding:5% ; font-size:1.75em; line-height:1.25em; text-align:left;}
.content_pad4 {position:relative;padding:5% ; font-size:1.30em; line-height:1.2em; text-align:left;}
.content_pad5 {position:relative;padding:5% ; font-size:1.5em; line-height:1.25em; text-align:left;}

.stopwatch div {float:right; width:38%; box-sizing:border-box;padding:3% 5%;  font-size:1.6em; line-height:1.2em;margin:5% 5% 0 0; background:#402E6B; color:#fff; text-align:center; display:block}
.tradeshow div {float:left; width:38%; box-sizing:border-box;padding:3% 5%;  font-size:1.6em; line-height:1.2em;margin:5% 0 0 5%; background:#402E6B; color:#fff; text-align:center; display:block}
.videoholder {height:321px; border:0px; margin-top:-10px;margin-bottom:0px; width:100%; } 
}


@media only screen 
and (min-width : 644px) 
and (max-width : 991px){


h1 {font-size: 3.1vw  !important;line-height:3.4vw !important;}
h2 {  font-size:3.1vw!important;line-height:1.2em!important;}

.content_pad{ font-size:2.90vw; line-height:3.4vw !important; }
.content_pad2{ font-size:2.26vw; line-height:2.7vw !important; }
.content_pad3 { font-size:2.26vw; line-height:2.7vw !important; }
.content_pad4 {font-size:1.80vw; line-height:2.7vw !important; }
.content_pad5 {font-size:1.98vw; line-height:2.7vw !important; }

.stopwatch div, .tradeshow div {font-size:2.26vw; line-height:2.7vw !important;  }
.span_1_of_4C {width: 48.8%; height:0; padding-bottom:29.2%;}
.span_1_of_4C:nth-of-type(odd){ clear:both; }

.span_1_of_4C:nth-of-type(3) {margin: 1% 0 1% 0%; }
.span_1_of_4C h2 {font-size:2vw;}
}